three js with gsap#41

three js with gsap.

3D scrolltrigger animations.

we can have global js var to tie that to the vector values. we dont need advance 3d editor in motion page at all honestly. :)
just manipulating the variables from motion page woudl be neough. using the timeline and variables we can achive anything.

ThreeJS Objects and Camera with Timeline

timeline for object.position.x .y .z and rotate

timeline for camera.position.x .y .z and rotate

with these 2 threejs properties alone we can do amazing things. come on lets do it.

with timeline we need input fields for positions and rotate. it is a bit manual work but this feature probably will be useful for people who know a bit of 3d and webdev anyway…

you just need to write a object picker or we can do that manually for selecting inside a gltf or glb.

easy. 😎

note: there are amazing things happening in react three fiber project and related addons. that would be the right path probably but going with that path is too much time and money I know the team is very small at the moment. I dont know.

I just wanted to give the idea for adding 3D on this app you don’t have to make spline or dora like editor. we probably don’t need it. we need the power of timeline that’s it.

Out of the scope of the project. There is already Theatre.js which is made specifically for THREE.js.

We plan to release Spline integration.