Jump to content

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

Noob - Replicate example (NYSM2 movie website)

Recommended Posts

Hello everyone, 

I am new to this place and I'm quite new to the GSAP world. 


I'm very excited about working with this library and watching the examples I was really impressed with this one.


I have seen that there is a huge use of three.js library and I was wondering about how three.js and GSAP works togheter.


For example, the camera movements are just made with three.js or there is a way to replicate that animation only with GSAP or both?


I'm just looking for some hints! 


Thank you in advance!


P.S. If I'm in the wrong section or off-topic, please forgive me!

Share this post

Link to post
Share on other sites

Hello TeddyBrown and Welcome to the GreenSock Forum!


When it comes down to it GSAP can basically tween any javascript object or property. That is why it can be used to animate CSS, SVG, Canvas, or WebGL which is what three.js is.


So if any object or property in three.js is numerical, then GSAP can interpolate the start and end values. Whether that is animating the camera movement, animating meshes, primitive shapes, vertex points, etc.


Here is an example of someones tutorial of using TweenMax to animate a three.js camera




Maybe others can share their experience with GSAP and Three.js :)



GSAP Docs: http://greensock.com/docs/#/HTML5/

  • Like 2

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.