Jump to content


Help to animate trees

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi there!


I need help to animate my trees, so, this is my scene:



It's all separated in svg, what i need is simulate the tree balance with wind, anyone can help me?


Thanks a lot!!


Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,


I'm moving this thread as I'm not sure that this is specific to banners or ad networks. Would do better in the general GSAP forum.


That said, it's a bit difficult to understand how you expect the trees to animate. Do you want the entire tree to lean at an angle? Do you want the trunk to bend? or just rotate the top leafy part? Does the effect need to respond in real time to wind changing direction and intensity? Depending on the complexity, I'm not sure this is something we can just solve for you. However, to get the best assistance and tips for how to proceed please provide  the following:

  • a detailed description of the animation
  • 3 or 4 images showing how a single tree should look in different states (light wind, strong wind, no wind).
  • a simplified SVG with nothing but the a single tree.

bonus points if this SVG is in a CodePen demo with some code that works closely to what you want

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.