Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by mark.tingson

  1. Thanks guys! I'll take a look at the helper functions and Jack's solution.. Really appreciate everything! ❤️
  2. Hi guys, I'm trying replicate this carousel effect on one of my projects. https://codepen.io/GreenSock/pen/GRJwLNP My concern is that, whenever I tried to drag hard and fast, the carousel doesn't snap to the next slide and it animates all the way. I thought I need to change something on the snap function and apply the gsap.utils.wrap method but I can't figure it out. Anyone know what's the best approach to make it snap just on the next and previous slide? Thank you so much!
  3. Hi all, I'm having issues with a simple GSAP3 tween code that I use inside an Adobe Animate banner. I have a movieclip that has a simple scaling animation that uses Adobe Timeline. Now, I want that movieclip to scale using GSAP 3 so I wrote a code right after the Timeline animation. The issue is that, the GSAP3 tween doesn't work but it only works when the code is in the last frame of the Adobe Timeline. I've also tried adding overwrite: true but it doesn't work.. I thought maybe I am missing some options that I need to add on my GSAP3 tween. You can check out my simple demo file attached. Thanks in advance! GSAP 3 Scale.zip
  4. THANK YOU so much Jack! This is the effect that I'm looking for. I'll take a look at this! Cheers!
  5. Hi guys, I am working on an effect that when users click on the left and right arrows, it should rotate accordingly same like a horizontal image slider/carousel works. However, this one should have a stacking effect and I thought that the modifiers would be key to achieving this. I think I need to animate the y, scale and z-index so the values should always rotate to the following values: y: -20, -10, 0 scale: 0.9, 0.95, 1 z-Index: 0, 1, 2 Can someone please help me understand what I am missing? I may not be understanding how modifiers works. Hope my CodePen makes sense. Thanks in advance!
  6. Hi guys, Following up on this thread, I'd like to know how we can make all the confetti to pause? It's created dynamically with a class of dot, I don't know if there's a method to stop or pause a tween on a particular class. Thanks!
  7. Hi guys, Is there anyone here that have used BannerFlow in creating digital ads? I'd like to know if it is possible to use GSAP on that platform and how. Thanks in advance!
  8. So I have a Timeline that has a series of staggerFrom. Each staggerFrom has an onComplete event that fires properly. However, I want my parent Timeline to yoyo: true, and repeat once (repeat:1, repeatDelay:1) so it reverses back. If I add those parameters, the onComplete event from each staggerFrom is not firing on reverse. Is there anything I am missing? TIA! Please note that I need to get some properties of the element (like the width and left position) after the each stagger animation. And I have multiple staggerFrom and tweens within my parent timeline.
  9. Thanks @Honingh, I did try your solution but the skinRight.html doesn't look aligned. Is there something I missed? Attached is a screenshot of how it looks on my localhost. Hopefully you can help me figure this out. Thanks! Mark
  10. I also work on a lot of HPTO and APTO for Weborama. I'm doing the same thing - coding locally, upload to Weborama to preview. Is there some kind of a tool that we can use to test locally? Just to speed up the process of building.