Three.js 3D Game Tutorial: In-Depth Course for All Levels

00:00 Intro
00:52 Project setup
7:14 Materials and lighting
18:24 Shadows
20:59 Gravity
54:10 Movement
1:10:22 Full collision detection
1:29:16 End game senario
1:41:24 Enemy spawning
1:48:50 Fine tuning

[ChrisCourses]

If I missed any cards or anything, please lmk and I'll be sure to add them in. TY! Otherwise, hope ya'll enjoy this long awaited vid.

[arjunbhandari]

I am pissed at how underappreciated this is. I think it's all such a niche requirement that all haven't stumbled on your work yet! Glad you're making this. Joined as ur patreon, keep going, keep growing!!

[yoanurag]

thank you from the bottom of my heart for everything that you do.

As a broke student

Your videos have provided me with invaluable knowledge and insight that I wouldnt have been able to access otherwise

the fact that you have shared your expertise and experiences with us for free is truly commendable
and I am grateful for your generosity
your videos have been a source of inspiration and motivation for me to keep learning and growing and I cant thank you enough for that

im still learning 2d canvas, but this looks magical

thakyou

[metalive]

Who else woke up to this?😂
Edit: woah thx guys for the likes!
Edit2: dang guys these are a lot of likes ngl thanks!

[thesalmanrazak]

video in detail kept me open my eyes and watch every single step of coding. really an amazing video for me to learn in depth. this jump thing is missing. hope I didn't missed it.

[creativeed]

Hey man, just starting out the tutorial, but I checked your website and just wanted to appreciate what a platform you put together, so many tutorials, incredibly polished work, and all very accessible to everyone. Thank you. Great work!

[garrettmandujano]

I sincerely appreciate you making this course available free here, thank you sir

[noahr]

Hi Chris! This is such a great tutorial as always and you really helped inspire me to try and dabble into the world of game development and showed me how possible it actually is. At first I thought it was impossible but you've shown how easy it can be. Thanks so much for this and I might be interested in getting your Chris Courses subscription.

[deFrontComOFer]

To get the camera position, you just need to console.log(camera.position) inside your animate function (loop function), then you can move the camera around with the mouse and just pick the values from the console, hope it helps someone!!

[ammarys]

there is a mistake, in the paramter of update of the class box you wrote group, which must be ground instead. However, the course is so amazing omg I didn't thought I would find such a masterpiece like this.

[manukyanq]

Maaan, your content is more interesting that all chatGPT related topics 😂😂😂

[HuynhLuong]

wow, long time no see, verry happy when see you come back, especial make game with threejs

[diegocandido]

great tutorial. class box idea is amazing

[saronarabeds]

Thanks a lot chris, what a great thing to find someone gives you precious knowledge for free like this amazing youtuber !!!

[raystone]

Amazing course Thank you,
support from ivory coast 🇨🇮!

[hihahahuhujs]

Love your video
Please make more video about three.js game😊😊

[worldbest]

wow, where you have you been!! waited for so long time!

[werwolfischekatharsis]

what a tremendously good timing! I bought bruno simon's threejs course a week ago, have planned to book a course from chris afterwards and hoped he release another threejs video again someday(btw great stuff!).. et Voila!

Merci beaucoup!

[abdulazizaskaraliev]

Hey, a great video you put together. Just wanted to note that at 41:28 i think instead of updating every box's sides on every animation frame. It'd be better to use a get property function. It should save some extra computation... I gues, I'm not sure.

[kienboy]

glad you came back. wish you well. your videos are amazing. keep do good job