SimonDev | Loading Models (using Three.js) - Both Static and Animated! @simondev758 | Uploaded July 2020 | Updated October 2024, 4 days ago.
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube

In this project we're going to be using Three.js and loading models from blender and various websites like Mixamo and Sketchfab. We'll step beyond the basics of a simple scene to add premade assets, loading models via different formats like gltf & fbx. The point here is to give you a simple example to serve as a starting point for working with 3D in Javascript.

What we'll cover:
* Three.js loaders, how to import and instantiate loaders in Three.js for loading models and other assets.
* Some great free resources for existing models.
* Using the loaders to load animation assets and applying them to loaded models.

Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from.


Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.