Three.js + Tween.js Tutorial | How to Animate 3D Objects

[@shayan-gg]

Thank you. I completed your Three.js tutorial and i just wanna tell you how grateful i am that you made this great tutorial free. I will notify you when i complete my site.

[@SuboptimalEng]

Thanks! I'll be on the lookout for your website.

[@hengyang2328]

Thank you so much for this tutorial! I was lost for days trying to figure out how to animate my camera when I clicked on a div. Animating my camera to lookAt() a target.position and then passing in a tween to move my camera, as a prop to my react App component, allowed me to get the desired effect I wanted! Thank you, very much!

[@SuboptimalEng]

Glad to hear the video helped!

[@AndersonMancini]

Great tutorial 👏🏻. I will recommend your channel for those who ask me about animation. Congrats.

[@SuboptimalEng]

Thanks Anderson, I'm glad you found the video helpful!

[@coezbay]

Awesome! Was the best intro for Tween.js!

[@cristianramos7343]

Cool tutorial thanks. I'm a developer but sometimes when you need a quick start a short video is better than just reading the docs :)

[@lucutes2936]

how can i group animations?

[@lih3391]

Is there any way to do this without the help of an external library like tween.js?

[@ansible9340]

Hey great video, but @2:55, is the cube floating? If not, why isn't it clipping when rotating?

[@SuboptimalEng]

Good question! I move the ground mesh down in the Y direction to make sure that the box does not get clipped when it rotates. You can see the exact code on GitHub.

[@vivekascoder]

Aww, I also love Iosevka, it's just the best

[@SuboptimalEng]

Glad I found it, such a clean font. Saves a lot of horizontal space too 👏

[@snudge763]

im getting this error: "TWEEN.Tween is not a consturctor"

[@dabluebowser8496]

Maybe you didn't install the tween.js, the default included in three.js is no longer supported as I know

[@FreQ35Hz]

where to learn this three.js ? any suggestion or smth i reallly want to learn this three.js

[@SuboptimalEng]

Discover Three.js is a good website to get started.

[@FreQ35Hz]

@@SuboptimalEng thanks a lot , I appreciate it

[@jack_wyus2013]

Thanks bro :D

[@Ivan-dt9mc]

Hello what js library do you recommend for a beginner trying to make 2d/3d games in javascript? Nice Video btw !!

[@SuboptimalEng]

Thanks Ivan! For 2D game dev, you can write simple JS in a HTML canvas or use something like PixiJS. For 3D game dev you can try a JS game engine like Babylon.js or PlayCanvas.

[@Ivan-dt9mc]

@@SuboptimalEng alright thanks:))

[@Ivan-dt9mc]

@@SuboptimalEng for 3d game dev, isn't three.js more popular?

[@SuboptimalEng]

@@Ivan-dt9mc Three.js helps you render 3D objects in your canvas element, but game development is much more than that. Babylon.js and Play Canvas act like Unity or Unreal engine but with JavaScript.