#3/3 Three.JS rotate objects on page scroll | PRO, BRO | WITHOUT PAYMENT!

Опубликовано: 01 Октябрь 2024
на канале: Inverser Pro

623

#threejs #webgl #glb #animejs #js #blender
From this video you will learn how you can make a transformation, rotation of an object at the time of scrolling with the mouse.

Source: https://github.com/inverser-pro/three...
Inf. smoothness of animation in animejs
https://codepen.io/kcjpop/pen/GvdQdX
Where did I get the scroll progress code example from?
https://sbcode.net/threejs/animate-on...

• #0 THREEJS от 0 до PRO уровня БЕЗ ОПЛ...
Playlist of Three.JS ^
Blender & 3D model:
• Подготовка 3D модели в Blender для сц...

https://three.inverser.pro/links

00:00 Hello!
00:58 Where can I get the source code?
01:32 How to copy the code from github and repeat after me?
03:22 What happened in the previous scene?
04:08 Blender - you need it, learn it
05:17 I start explaining the lesson code
06:52 Applying new material properties to the loaded GLB 3D model
10:56 What is there in a GLB 3D model, in general?
11:27 I'm trying to see what kind of objects I have in GLB, in Blender
13:16 Trying to figure out which object names refer to which objects in the scene (visually)
15:19 Adding another light source to the scene Three.JS
17:37 Different materials for different elements of a 3D object on the stage
20:27 Added animejs (for example)
21:57 Added a new code
23:20 How exactly does mouse scroll animation work?
27:30 How to properly animate an object?
30:52 Special coefficient
33:27 Conclusions, what's next?
33:51 See you soon