Three.js Importing Models Tutorial | How to Import GLTF Models in Three.js

Опубликовано: 30 Сентябрь 2024
на канале: Suboptimal Engineer
62,464
1k

In this coding tutorial, we go over importing GLTF models in Three JS. We start off by learning when it is useful to import 3D models. Then we go over the different file formats for 3D models like GLTF, OBJ, and FBX. Finally, we find a model on Sketchfab and learn how to import it into our Three.js scene.

📖 Code - https://github.com/SuboptimalEng/thre...
🎥  YouTube -    / suboptimaleng  
🐦 Twitter -   / suboptimaleng  
📸  Instagram -   / suboptimaleng  
💻 GitHub - https://github.com/SuboptimalEng
🌎  Website - https://suboptimaleng.com

== [ Credits ] ==
zixisun02 - https://sketchfab.com/zixisun51
Shiba by zixisun02 - https://sketchfab.com/3d-models/shiba...
Caterina Zamai - https://www.artstation.com/zaccate
Hand Anatomy by Caterina Zamai - https://sketchfab.com/3d-models/hand-...

== [ Resources ] ==
Three.js - https://threejs.org
Three.js Tutorials - https://sbcode.net/threejs

== [ Timestamps ] ==
00:00 Intro to Three.js
00:30 Why Use 3D Models?
01:49 File Formats for 3D Models
02:43 Find Model in Sketchfab
03:46 Import GLTF Model
05:03 Transform + Scale Model
05:37 Animate Model

== [ Tags ] ==
#suboptimal #threejs #gamedev