Jump to content
GreenSock

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

yasserzakaria1993

ShockinglyGreen
  • Posts

    20
  • Joined

  • Last visited

About yasserzakaria1993

yasserzakaria1993's Achievements

  1. Thanks @akapowl for the fast response In the provided example all the objects are starting the animation from the path start point but I have many objects that will touch the path in deferent points and need to start from this point do you know how to calculate the touching point so I can animate from it to the end of the path rather that animation from 0 => 100%
  2. Hello guys, congrats for your w=new plugin it is really awesome I need to animate some objects to seem as they are falling in a sink vortex or something like that I recorded this 2min video to explain everything in it https://screencast-o-matic.com/watch/crVb3r96Fm thanks in advance for your help
  3. got it, thanks so much, I really appreciate it 🤩
  4. Thanks for your quick response. I recorded this video to show you, Video Link: https://www.loom.com/share/68e9d508d4fd498db1d9c90ada1cefa3
  5. Hey Guys, could you open this link? https://travelshift.com/trip/iceland you will find Elastic animation effect between elements while dragging. I'll make this as a slider with Swiper.js, but I need to know how to make this Elastic Effect. Thanks So Much
  6. hey @Jasmine , did you find a solution for this type of animation? I'm facing the same issue right now. Thanks in advance.
  7. thanks again for your help, could you tell me the reason for choosing Video and not Sprite Sheet?
  8. Hey @ZachSaucier thanks for your quick response, I appreciate it. the videos will be played one time ( no loop ), and it doesn't require any interaction from the user. in regards to the performance, I mean the loading speed and the use of site's resources. for example, we have a slider with 8 slides, and each slide contains 2 or 3 videos, all those in one page. the most important question is the browser (Desktop only) compatibility and rendering of videos, will I face any problem with that? all videos will be autoplay(muted). I heard that in some browser the user needs to click on video to play it if he use data to connect with internet ( not wifi ). Thanks
  9. Hi Guys, please checkout the attachments, 3 gifs to show you examples of the animation that I want to implement on the site. actually, those just a placeholder and the client will change them later. my question is, which is the best for the performance and compatibility? to implement them as videos or Sprite Sheet? FYI - In mobile devices it will be just image ( no animation required ). Thanks so much
  10. I don't if it is a valid question but I really need this version but I always end up downloading 3.4.x version from the site by the way thanks for this amazing community and this great forum
  11. Hello BEST Team ever, first of All, Thank you very much for this amazing work on GSAP 3 . I have weird issue when I tried to implement smoothscrolling with scrolltrigger. I'm getting this error in the console and the scrolltrigger is failing to trigger any animation with scrolling I'm using this code to connect scrolltrigger with smooth-scrollbars import Scrollbar from 'smooth-scrollbar'; import {gsap} from 'gsap'; import {ScrollTrigger} from 'gsap/ScrollTrigger'; gsap.registerPlugin(ScrollTrigger); export default () => { const scrollContainer = document.querySelector('[smooth-scroll-container]'); const bodyScrollBar = Scrollbar.init(scrollContainer, {damping: 0.075, delegateTo: window}); bodyScrollBar.track.xAxis.element.remove(); bodyScrollBar.setPosition(0, 0); ScrollTrigger.scrollerProxy(scrollContainer, { scrollTop(value) { if (arguments.length) { bodyScrollBar.scrollTop = value; } return bodyScrollBar.scrollTop; }, }); bodyScrollBar.addListener(ScrollTrigger.update); } By the way smooth-scrollbar is working very well sorry for the lack of proper info as I don't know how to address this problem properly. Thanks in advance
  12. maybe it is due to state is changing I will revise the code again Thank you for your helpful info about from functionality
×