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

Overview

Learn to build a Minecraft clone in JavaScript using React.js, Three.js, and React Three Fiber in just 1 hour. The course covers creating five Minecraft block types, implementing player movement with mouse and keyboard controls, adding and removing blocks, and utilizing React concepts like useState, useEffect, useRef, and custom Hooks for state management and keyboard input. The teaching method includes a step-by-step tutorial with timestamps for each topic. This course is intended for individuals interested in game development, JavaScript programming, and React application building.

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