Jump to content

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


  • Posts

  • Joined

  • Last visited

About warkentien2

  • Birthday 04/29/1988

Profile Information

  • Gender
  • Interests
    Web Animation, React, VanillaJS, Design System, Digital Art, Movies

Recent Profile Visitors

939 profile views

warkentien2's Achievements

  1. Hi Milton, I'm also interested. I've sent you a direct message.
  2. Hi Matthew, I've sent you a direct message. Regards, Philip
  3. Hi @Kamran Are you still looking for help? I've sent you a direct message. Regards, Philip
  4. Hi Vicki, Landing page looking great! I've. sent you an email. Regards, Philip
  5. @OSUblake Good point, tested it here: gsap.ticker.add(stage.update.bind(stage)); Works. https://codepen.io/warkentien2/pen/MWpKEaP
  6. @Cassie , no problem. Let me explain The gsap v3 docs for Easel https://greensock.com/docs/v3/Plugins/EaselPlugin has the following segment: //setup a "tick" event listener so that the EaselJS stage gets updated on every frame/tick gsap.ticker.addEventListener("tick", stage.update, stage); stage.update(); If we try to run it, it doesn't work. Why? The solution is on this other gsap v3 doc page. https://greensock.com/docs/v3/GSAP/gsap.ticker Which I only found the connection via this post. After googling for a while. I only asked for a code snippet update to properly reflect v3's notation. Also, I'm asking on this thread since I didn't find a better place to request documentation updates. The opacity solution can be ignored. I figure the tintAmount prop on the code snippet does the same.
  7. @ZachSaucier it took me a few hours to find this info. Could someone update the docs? https://greensock.com/docs/v3/Plugins/EaselPlugin Maybe also throw in a `easel: { alpha: 0 }` line in there to replace opacity. I figure most people will start connecting easel + gsap using this tutorial https://createjs.com/getting-started/easeljs Thanks!
  8. Hi Vadbiz, This is definitely something for gsap's ScrollTrigger (https://greensock.com/scrolltrigger/) You might want to fine tune it with gsap's Innertia (https://greensock.com/inertia/) Key words to look for: - scroll vertical snap into sections - parallax And for the main hero, you'll need to animate a clip-path Here's a thread about it Start looking at the docs for https://greensock.com/scrolltrigger/ I'm confident you can get very far. If you really need some help, I DM'd you my personal information. Regards
  9. Hi, I love the challenging animation! I've sent you a direct message. Regards, Philip
  10. Hi, I've sent you a direct message.
  11. Hi Mariana, I've sent you a direct message. Regards, Philip
  12. Hi JasImpala, I've sent you a direct message. Regards