Jump to content


Is it possible to manage .obj (3d model) with GSAP

Moderator Tag
Go to solution Solved by Carl,

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



hope everyone's fine.


I have to load and do some transformation on a 3d model .obj and after some research I found those stuffs :


1) This super tuto from January (but it's using 3daway, and 3daway is a flash lib...)


2) Three.js but as I am already using GSAP a lot - if possible - I would like to avoid adding an other library. And I would have to convert the .obj..



Then, my question is quite simple, is there a way to manage external 3D objects with GSAP ?



Thank you in advance for the time spent on my request,




Link to comment
Share on other sites

  • Solution

GSAP can animate any numeric property value of any JavaScript object. This gives you tons of flexibility in how and where you choose to use GSAP.

You can animate the position of a three.js camera as easily as you can animate the opacity of a DOM element. 

GSAP has no special capabilities for animating 3D objects on canvas / webGL, just tell it what property of what object to animate and it will do it. It's up to you to choose how the 3D objects are created and rendered.


If you are going to be working in 3D space Three.js is the clear winner and works great with GSAP. 


Here are just a few examples



basic position and size animations




crazy: http://codepen.io/anon/pen/mJXpeR

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