How to Load a 3D model in Three.js | GLTF/GLB Model | GLTFLoader

34 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
In this video, I show you how to load a 3D model(gltf/glb) in your browser using the GLTFLoader class in Three.js. I also tell you the difference between GLTF and GLB models.

00:00 - Trailer
00:08 - Setting up the project with THREE.js
00:59 - Downloading THREE.js
01:51 - Checking whether THREE.js is installed correctly
02:45 - Testing with Live Server Extension
04:15 - Boilerplate code
08:42 - Adding a cube in our scene
10:42 - Download a 3D Model
11:56 - Using GLTFLoader class in THREE.js
15:32 - Switching to GLB instead of GLTF
17:23 - How to add lighting in THREE.js
18:25 - Adding the animate function
20:27 - GLTF vs GLB

You can download the model that I used in the video from here
Категория
Thingiverse
Комментариев нет.

Следующее