Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Dcoo

Members
  • Content Count

    81
  • Joined

  • Last visited

Community Reputation

6 Newbie

About Dcoo

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling

Recent Profile Visitors

6,209 profile views
  1. Im not sure of the best way to run 2 gsap.timelines run at the same time? I don't get an error but my second gsap.timeline ( var animation_mob = new gsap.timeline ) will not load. it more then likely its my naming of the second timelines variables is causing the problem. but maybe you can't run 2. timelines with 2 canvas ? any feed back would be greatly appreciated! cheers!
  2. Thanks Zach, Ive updated API syntax, and Ill try the "Breakpoint" !
  3. https://codepen.io/davicoo/pen/GRjybaE Would it be possible to change the baseURL for an image sequence within GSAP? Right now I'm working on running two TimelineMax and two canvas tags and switching display on mobile( its not actually working yet ) , that way I only need change the baseUR for mobile or browser ( the mobile image sequence is rendered at a different ratio).
  4. "I edited out your demo preview". Sorry about that, I should have know. Thank you for that, I will try to upgrading to GSAP 3, Im just easing into cheers!
  5. With TimelineMax can you control speed of image sequence? ( I have exported this video at 24 fps) Fast motion - seizure warning: https://cdpn.io/davicoo/pen/MWjmxPp
  6. I've been trying to use this same principle as in this post, but with images inside an svg. but my first slide doesn't start for a smoe time... wel 15-20 seconds. any help would be lovely.
  7. I did try that, it didn't seem to do anything but make it less smooth , unless i'm not putting it in correctly? var animation = new TimelineMax({ paused: true, onUpdate: drawSprite }) .to(sprite, 1, { frame: sprite.totalFrames - 1, roundProps: "frame", ease: "power2.out" }); i'll try a combo of that and smooth scrolling script smooth scrolling script Thank you!
  8. Oh sorry, no not momentum of the scroll bar itself, but the animation of the onscroll sequence, so it will play out some extra frames and slow to a stop. the original canvas I was playing around with( link below: and this one doesn't work on a mac at all ) had something like this , I think its this bit here. i'm wondering if TweenMax could do something similar ? // the throttled funtion function draw() { var e = evt; var delta = Math.max(-1, Math.min(1, e.deltaY)); if (delta == -1) currentLocation += 1; if (delta == 1) currentLocation -= 1; if (currentLocati
  9. Im wondering if there is a way to make the sequence have momentum as you scroll? so it woud slow to a stop instead of stopping right away? Hey and Guys, thanks again for all your help!
  10. I've tried to do that, but its not working for me. https://codepen.io/davicoo/pen/NWWZvYE
  11. I'm not having much luck addinging the scrolling code. I'm not sure how to call the timeline after taking out the animation.play(); function resizeCanvas(textures) { var texture = textures[0]; sprite.textures = textures; canvas.width = texture.naturalWidth || texture.width; canvas.height = texture.naturalHeight || texture.height; canvas.classList.add("is-loaded"); var aspectRatio = canvas.height / canvas.width; // Make it responsive TweenLite.set("#container", { paddingBottom: "calc(100% * " + aspectRatio + ")" }); // We're ready to go! //anim
  12. Is there a pace to lean the ways to address controlling a timeline ? I'm just not sure how its controlled even in the original the timeline: var tl = new TimelineMax({paused:true}); then the function calls tl.to( '#image-sequence' , dur , {css: {backgroundImage: imgUrl}} ) and then the scroll (window).scroll( function(){ var scrollTop = $(window).scrollTop(); var docHeight = $(document).height(); var winHeight = $(window).height(); if( scrollTop >= 0){ tl.progress( scrollTop / ( docHeight - winHeight ) ); } } ); How does the scroll c
  13. Thank You So Much!! This is fantastic! It works amazingly well!! ( No flicker) PS: how come your canvas works on Apple OSX and IOS, When so many people i've seen cant get ot to?( Very Impressive)
×