Getting Started with Three.js: A Beginner's Tutorial

Have you ever wondered how to make 3D graphics on the web?
Today we'll cover the basics of Three.js, It helps if you have a basic understanding of javascript.
Download the starting code on Github: github.com/bobbyroe/getting-s...
+ Explore using different primitive shapes, a sphere, a donut, a knot, a teapot.
threejs.org/manual/#en/primit...
+ Try different lights, directional, point and or spot lights.
threejs.org/manual/#en/lights
+ Play with animating the position, rotation, scale and color of the mesh
threejs.org/manual/#en/fundam...
Create a jsfiddle and share your creations
jsfiddle.net/

[@eLearningTechie]

I ended up here after getting hopelessly lost in the sauce of some of the other 'beginner' tutorials out there. So many tutorial creators don't seem to realise how much background knowledge they're taking for granted! Really appreciate the clarity of what you're presenting and the fact that you explain why you're taking the steps you're taking. Thank you.

[@robotbobby9]

So glad to hear that this worked for you! Your feedback really helps, Thank you!

[@aaloo_ka_paratha]

Waiting for more to come.

[@robotbobby9]

New content uploaded every Wednesday!

[@beastlybruh3825]

Amazing tutorial. I felt really connected with what you taught. Keep up the great work !!

[@robotbobby9]

So glad to hear!

[@migueltice]

This is super cool Boby, good job :D

[@robotbobby9]

Hey, thanks @migueltice!

[@RameshBSahoo]

Outstanding is the only word i have for now. Thank you sir!!

[@robotbobby9]

Most welcome!

[@tammielisa]

Looks really cool 👏😎

[@robotbobby9]

Thank you!

[@HuynhLuong227]

wow, that's great tutorial, thanks for sharing

[@robotbobby9]

You are welcome!

[@HuynhLuong227]

@@robotbobby9waiting next video🎉🎉🎉

[@DevKaiUnreal]

Good pacing, good content selection. Great Tutorial. I also liked that you addressed the z-fighting. Thank you!

[@robotbobby9]

Thank you @DevKaiUnreal !

[@hitmeup4918]

very helpful video appreciate your effort

[@robotbobby9]

Glad it was helpful!

[@HaskaSu]

awesome!

[@robotbobby9]

Thank you! Cheers!

[@KartikaySrivastav]

Sir 6:39 after writing the code till here, you screen turned black but my hasn't. What could be the possible error? Please help.

[@robotbobby9]

Open up the console to get more information about the error (maybe there was a typo?)

[@Joerdodd]

amazing! very new to this however - Do you know what I could search for to find out how to add this to my wordpress/elementor pro website? thanks in advance!

[@robotbobby9]

Not sure, maybe start here: elementor.com/help/custom-code-pro/ ?

[@ikermadariagamoreno6255]

Awesome video, could you explain how could i add a .gltf to my website? thank you

[@robotbobby9]

This video walks through loading a model: kzbin.info/www/bejne/eanHY5qPh9etasU Replace the *OBJLoader* with a *GLTFLoader* and you'll be loading models!

[@ikermadariagamoreno6255]

Thank you

[@irfanghyann]

how can i add this sphere hover and also want to add onclick event

[@robotbobby9]

Check out kzbin.info/www/bejne/qpjahGSurd-Wb9U

[@NimiIrfan]

Also how can add onclick event in globe