6. INFINITE TERRAIN // Coding a Minecraft Clone with JavaScript + Three.js
Want shader breakdowns, WebGPU experiments, and Three.js tips?
👉🏻 https://threejsroadmap.com/join-newsl...
🎮 LIVE DEMO
https://dgreenheck.github.io/minecraf...
💻 SOURCE CODE
https://github.com/dgreenheck/minecra...
▶️ PLAYLIST
• Learn to Build Minecraft with Three.js
0:00 Intro
1:49 Examining Minecraft
4:36 The Plan
5:14 Creating the WorldChunk Class
11:04 Generating Multiple Chunks
12:45 Taking Out the Garbage
15:49 Adding Chunk Position to World Generation
17:55 getBlock() for Multiple Chunks
20:06 worldToChunkCoords()
22:56 getChunk()
25:48 Testing Collision Detection
27:25 Dynamic Chunk Generation
30:24 getVisibleChunks()
35:48 getChunksToAdd()
41:29 removeUnusedChunks()
45:31 Putting It All Together
49:25 Final Test
52:01 UI Updates
53:41 Async Chunk Loading with requestIdleCallback()
1:00:48 Fixing Shadows
1:04:12 Adding Fog
1:06:34 Wrap Up