Three.js Tutorial 7 - Model Loading

🚀 Get 100% Off Your First Month with CustomGPT! 🚀

Sign up for a Standard CustomGPT.ai subscription using my referral link and enjoy 100% off your first month. Plus, you'll help support my channel with a 15% commission at no extra cost to you!

If you like this stuff, as always, show the love through comments, likes, favorites, subscriptions, etc.

Thousands of free videos at

If you have any questions feel free to post them at

Our Website

Our games made using Cocos2d-x
------------------------------------------------------

Udemy Coupons
Here are coupons for all of my courses:

For all new courses feel free to ask for a coupon, enjoy.

[SonarSystemsCoUk]

Welcome to this Three.js tutorial.

If you have any questions feel free to post them on our free education platform sonarlearning.co.uk

[ritikkatkam]

I want to browses local 3d objects and displays it in the browser using iframe and three.js.can I get the code for it
I have done the display part but I am not getting how to browse locally and display it
can you please help

[kyc]

how can i get some sample of the three js json file

[saif]

how to you add like several models and place them everywhere? would it be better to use an editor or can you alter their position in the code?

[CuriousAryan]

Hey I am trying to load an obj file but it says Unexpected token # in JSON at position 0

[ahmedalmahdie]

Ok, when I ass <script
my console throws an error claiming that the file "ObjectLoader.js" has an unexpected {

anyway, for any of you wondering how to solve this, just remove the line <script from index.html

I hope this will help someone.

thank you @Sonar Systems
for this simple straightforward tutorials.

[randommindz]

I am trying to import autodesk maya models onto my three.js website but of course...ran into problems.

1) Maya models are .mb files so I tried exporting them into obj files and looked up how to use OBJLoader

2) I found the objloader in the example folders and put it into my js folder but when I tried using the same format as you did with your json file, it does show up.

Note: I didn't change my old file and kept everything involving the cube to this point.

any tips?

[crismarsay]

Whenn i try import the miodels it give me an error saying "THREE.ObjectLoader: Loading "Geometry" is not supported anymore."

[TheHighPhilosopher]

When I import my json object the textures included do not display. Research online tells me ObjectLoader doesn't support textures yet?

[vladosononame]

thank you! how can i specify obect to some name, like var object1 or var object2 to add many objects? or may be object.name = 'somename'

[ritikkatkam]

bro i am not able to see the 3d model. just the dark page I am able to see. can you please help

[ritikkatkam]

bro i have an error


can you please tell me how to correct it?

[augustoproano]

Hi, my friend, good tutorial. Do you how actually can add a event listener into a loader, like click fro example

[MarkoKozlica]

For me personally your explanations of the Three.js are the best and thank you for that. Is there a possibility for you to make a refreshed video on model loading corresponding to the new version of the Three.js framework?

It would be awesome! :)

And another suggestion if I may, please do a video on how to use Three.js on a real project of a web site, how it can be done, how does it correlate to the other elements on the page, controls, etc.

Thx in advance

[hyeonjeong]

Hello. I have same trouble . I get an error with the 'ObjectLoader.js' even before i try to add in the JSON file, the console says 'Uncaught SyntaxError: Unexpected token { ObjectLoader.js:1 " any one know how to help?
Is there any version of Three.js ? I have already downloaded latest version. (a week ago)

[turgutylmaz]

I did every thing you told but model does not appear in my browser what is the problem

[ManojChauhan-kldh]

nice sir but my question is that .how to get your unreal engine 4 game HTML5 project working on wordpress, and bluehost /dreamhost based personnel website not on local host...Please make tutorial step by step ...?
I have searched all over internet but didn't find good info on this topic
Actually my unreal engine 4 game size remains between 100 to 200 mb, not in GB any way, can you please make tutorial for that..?

[ScopeDK]

How do i control the loaded object in the gameloop ? object.rotation.x+=01; doesnt work

[thinkerbell]

Can anyone help me with this CORS error? I've been getting this error in the console when I try to use images for textures and/or models... Whether they are local or they are from a URL. I finally got the texture images to work by uploading my images to IMGUR and referencing the src, but I can't get any model to work whether I download it and use it locally or try to reference embeded code online. I have tried creating my three js app in a different directory... but I always get this error:
"Access to XMLHttpRequest at '[img/model file path or URL here]' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

[tonynsx]

Is it possible to load a 3D model into google earth web version? For example at 5000 feet?