#3/7 ThreeJS moving the Mandalorian animation to the main stage

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

271

#threejs #blender #webgl #glb #js
CodePen:
https://codepen.io/inverser/full/WNLqQqm

LIFE DEMO (prod version):
https://inverser.pro/_mando/

FULL COURSE:
   • #3/1 Mandalorian в ThreeJS экспорт GL...

Source (full code: https://github.com/inverser-pro/three...

   • #0 THREEJS от 0 до PRO уровня БЕЗ ОПЛ...
Playlist by Three.JS ^

Previous video:
https://youtube.com/live/-9ptaVKKkf4
Other videos on animation in Blender:
   • Создание и анимация игрового персонаж...
   • Параметрическая анимация походки перс...
   • Анимация ходьбы 3D персонажа в Бленде...
   • Кости и арматуры | Основы анимации в ...

ThreeJS Animation
   • THREE.js Animation System

Many links on the topic:
https://three.inverser.pro/links

00:00 Introduction
00:59 What will I achieve in this lesson?
01:39 Lesson result
02:00 Let's start transferring the code
13:17 Creating a button and processing JS+HTML+CSS
19:31 Camera animation when the mouse is pressed (ThreeJS)
24:44 Removing objects from the ThreeJS scene
31:41 I’m transferring the scene from the previous lesson (test version) to the production version
34:36 Cache the full model of The Mandalorian (GLB)
42:38 Launching AnimationMixer in ThreeJS
44:17 Positioning of the newly added Mando model
48:31 Trying to fix bad stage lighting
55:12 Fog in ThreeJS (Fog)
1:10:45 Difference between Blender and animejs animation
1:15:29 Positioning the helmet during the lifting animation
1:20:50 Synchronizing two animations (Blender and animejs)
1:23:20 Helmet animation after Mando's move
1:27:48 Using Blender - an attempt to create a spaceship
1:36:20 Trying to add a spaceship to a ThreeJS scene
1:39:21 Why loop through an array of GLB model objects (features of adding 3D objects to a ThreeJS scene)
1:40:49 Trying to change the stage lighting
1:43:58 Changing the color of the material according to the event...
1:57:13 Difference in 3D model lighting depending on the ThreeJS version
2:04:23 Trying to add an environment (rocks) for a ThreeJS 3D model
2:06:55 Let's add the Mandalorian's ship to the scene
2:11:12 Trying to set up the fog and its animation
2:12:45 Returning the helmet from any position to its original position for Mando’s walking animation
2:17:22 See you again