Loading Models (using Three.js) - Both Static and Animated!

Published: 20 July 2020
on channel: SimonDev
101,756
1.9k

Follow me on:
Twitter:   / iced_coffee_dev  
Github: https://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.


On this page of the site you can watch the video online Loading Models (using Three.js) - Both Static and Animated! with a duration of hours minute second in good quality, which was uploaded by the user SimonDev 20 July 2020, share the link with friends and acquaintances, this video has already been watched 101,756 times on youtube and it was liked by 1.9 thousand viewers. Enjoy your viewing!