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

Follow me on:

What we'll cover:
* 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.

[navjotsinghDhanoa]

Its 'cause of tutorials like these that make playing around with 3.js really fun.
Thanks mate, keep up the good work
:D

[khao]

Thank you for providing me with all the knowledge and moral support

[rvcmbri]

Thank you, I am familiar with auto control program with c++. As a beginner of js and threes.js, I learned a lot from this series of videos.

[streetcodenate]

This is dopeeee! Exactly what I've been looking for!

[sukantagarwal]

I have been trying to implement this for the past 2 days. Thanks man!

[suneel]

Hey mate thank you for this. I wanted to ask, so link the animated file separately? Where did you put it please let me know. And do you have code that has stops or resume the whole animation? Please link me that. Thank you!

[DesignrDude]

great tutorial!!! my character is getting getting super stretched though, any ideas? im trying to use the loading models tutorials folder

[mayukhchanda]

Do you have any suggestions on how to improve performance when loading multiple models along with textures in mobile devices specifically Android ones?

[dlctrial]

Hey, my friend recommended my your channel and your beginner series is a good one to get started with the concepts. About character control, do you have any tutorial that combines pose estimation to character rigging ? Media pipe from google has an api for 3d pose . Any thoughts ?

[quekZo]

Really nice tutorial thanks. I have some questions regarding OOP programming and THREE.js. havent programmed in OOP for a while. Im doing everything functional in three.js but are there any benefits or is it just preference? I wanted to make some templates for me in OOP but im not that experienced in that paradigm.

[jesuskraisnik]

Nice tutorial, I just don't understand why did you initiate two FBXLoaders when you could reuse a first one?

[traviswoolston]

Would have been handy for you to move the model without animations first but awesome video.

[nightfury]

You forgot to point out a very important detail for the animation to actually work, for whoever is painfully trying to figure it out like i was doing you need to update the mixer inside the RAF

[fideltadeo]

Thanks for the tutorial. Can you please make a tutorial just for gltf from blender to Threejs.

[mohanadbahaa]

hi, i was wondering how to load a 3d model that is animated but make the animation on command? so It stays static until the user clicks .

[michaelkane]

Is there anybody who can explain about the character movement part?

[aliimranramzan]

hi can you tell me please how to make custom skeleton with doted points

[codeMyster]

Great Tutorial Loved It. Just one problem though. When I tried to import the GLTF loader from the URL, it gives me the error "Cannot use import statement outside a module" i don't know what I am doing wrong. Can you help me?

[prashantgarg]

Can we import whole 3d map as environment in which another 3d character model can move around?

[mustacheraptor]

I already made a model in blender with animations how would I go about exporting the model and the animation.