1. INTRO // Coding a Minecraft Clone with JavaScript + Three.js

Learn how to create a Minecraft clone from scratch in this 10-part video series. I’ll show how you can create a procedurally generated voxel world with collision detection, terraforming and more!
❤️ Like this content? Support me on Patreon: / dangreenheck
🕹️ DEMO: dgreenheck.github.io/minecraf...
⭐️ GITHUB: github.com/dgreenheck/minecra...
0:00 Intro
0:22 Demo
7:36 Three.js
8:20 Dev Environment Setup
12:51 Basic Three.js Scene
19:58 Orbit Camera Controls
21:30 Lighting
23:33 World
26:02 Refactoring World Code
28:57 Outro

[@joesantana180]

Literally the exact video tutorial I needed… Trying to switch from Ruby to JS and this seemed like a fun project

[@dangreenheck]

Enjoy!

[@hardikgupta3752]

Respect to you Dan for such an effort!!! Incredible

[@FireeIced]

Awesome! Can't wait to continue to the next video.

[@smartkorean1]

Amazing work, thank you for uploading this!

[@jameskarlov]

This is Amazing, trying to learn Three, and this looks like a very fun way to go! very excited for the future tutorials!

[@Finding_Fortune]

This looks very professional! Well done - I look forward to the other parts

[@dangreenheck]

Thank you! Cheers!

[@hanifbahari6606]

Amazing job

[@ShahanAkhter]

awesome tutorial extremely helpful thank you!

[@alir8zana635]

this is awesome subscribed

[@3drwny]

Great ! Thank you .

[@niuage]

What got me started a long time ago on my current project is b3agz's minecraft series. I'm sure yours will have the same effect on a lot of viewers as well and kickstart projects and encourage people to learn. Well done.

[@dangreenheck]

Thank you! I’m hoping to wrap up the series in the next few months.

[@bobmzrfckingross]

Nice!

[@worldbest3097]

finally!!!!

[@worldbest3097]

10th tutorial, might be great, fight with multiplayer with health bar like roblox?

[@maxit2976]

What the theme in VS code do you have?

[@benixmaximus]

Very impressive. Do you think react three fiber would improve the developer experience of building something like this?

[@dangreenheck]

I don't do much React development and prefer vanilla JS anyways. If you are more comfortable with React than I assume it would make life easier.

[@mochatitan7401]

Please help i recieved the message Failed to resolve import "three/addons/controls/OrbitalControls.js" from "scripts/main.js" at 20:30

[@bobmzrfckingross]

Any idea of when we're gonna get the rest?

[@dangreenheck]

I plan on releasing a new lesson every week. I have them all scripted out so it's just a matter of recording and editing them.

[@bobmzrfckingross]

Okay so it means that we're gonna more or less get the full serie for the new year. Would be awesome if you managed to release it more quickly, but it might take some time to edit it.

[@vinaciotm]

Final vídeo: mobs animals/monster

[@Hellscaped]

eaglercraft:

[@oglothenerd]

I have to ask, why JS? JS is a mess! XD

[@dangreenheck]

Why did Magellan circumnavigate the globe? Why did Sir Edmund Hilary climb Mount Everest? Why did we land a man on the moon?! In all seriousness, I love working with JavaScript! You don’t need to deal with a compiler and every computer ships with a runtime environment (aka the browser). If you are asking why I’m not using TypeScript, I find it overkill for small projects.

[@oglothenerd]

@@dangreenheck Eh, fair... personally, I love Rust.

[@MrFoxANDnoobie]

Idk but is Minecraft coded in js?

[@oglothenerd]

@@MrFoxANDnoobie No, Minecraft Java Edition is programmed in Java (which is completely different from JavaScript), and Minecraft Bedrock Edition is programmed in C++.

[@rodiontref]

Great topic! Excellent easy start to the project, clear logic and organization. Thanks and respect! 🏞⛰🏔

[@mochatitan7401]

how did you make your vscode color scheme look like that?

[@mochatitan7401]

also what extensions are you using? like the auto import one