GridVids
Sign in with YouTube

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

SimonDev Jul 20, 2020 10:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

Follow me on: Twitter: https://twitter.com/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.
Science & Technology
#simondev #game development #programming tutorial #three js #three js tutorial #webgl #webgl tutorial #javascript 3d game #three js loading models