Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building JavaScript Minecraft in 1 Hour - React & Three.js Tutorial

Coding Tech via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to build a Minecraft clone using JavaScript, React.js, Three.js, and React Three Fiber in this comprehensive one-hour tutorial. Explore key concepts such as state management with Zustand, custom hooks for keyboard input, and 3D rendering techniques. Create a game featuring five Minecraft block types, player movement, block manipulation, and world saving. Follow along as the instructor guides you through setting up the project, implementing core gameplay mechanics, and enhancing the user experience with features like transparent glass and cube hover states. By the end of this tutorial, you'll have a functional Minecraft-inspired game and a deeper understanding of React concepts, 3D web development, and game programming principles.

Syllabus

Intro
Starting point
State setup
Cube component
Texturising the Cube
Keyboard input Hook
Moving the player
Looking around
Cube hover state
Rendering Cubes from State
Making glass transparent
Adding/Removing Cubes
Saving the World
Jumping
Adding IDs to Cubes
Lets Minecraft
Outro

Taught by

Coding Tech

Reviews

Start your review of Building JavaScript Minecraft in 1 Hour - React & Three.js Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.