Jump to content


Animate Three.js properties?

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

Having trouble finding an example of working with Three.js properties?


Example line.rotation.y


TweenMax.to(line1, 1, {rotation.y:180});  // does not like the .y






Link to comment
Share on other sites

Rotation is an object, not a property. You would have to tween it like this...

TweenMax.to(line.rotation, 1, {y:180});

You might want to look into making your own plugin. You might be able to get ideas from the Pixi.js plugin.



  • Like 5
Link to comment
Share on other sites

Thanks Blake!


Ended up doing exactly that... Kind of a lot of overhead having to do separate tween calls for objects of objects, but such is life :D


Took a look at the pixi plugin, awesome solution, may be a little beyond my knowledge/time at the moment.

  • Like 2
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.