YoVDO

Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial

Offered By: freeCodeCamp

Tags

React Courses Web Development Courses Three.js Courses

Course Description

Overview

Code a playable Minecraft clone using React, JavaScript, and Three.js in this comprehensive tutorial. Learn essential React concepts like useState, useEffect, useRef, and custom Hooks for state management while building a 3D game. Explore topics such as creating a sky and ground, implementing player movement and first-person camera, managing game state, adding and removing cubes, selecting textures, and saving the world. Apply these principles to develop other 3D games in JavaScript, following along with provided starting code and a finished demo.

Syllabus

⌨️ Boilerplate
⌨️ Sky
⌨️ Textures
⌨️ Ground
⌨️ Player
⌨️ Keyboard input
⌨️ Movement
⌨️ First person camera
⌨️ State management
⌨️ Cube component
⌨️ Add/Remove Cubes
⌨️ Texture Selector
⌨️ Save world
⌨️ Hover cubes
⌨️ Outro


Taught by

freeCodeCamp.org

Related Courses

Network Analysis in R
DataCamp
Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Udemy
3D Programming with JavaScript and the Three.js 3D Library
Udemy
Three.js Tutorial for Beginners
YouTube
Aprende Three.js , 3D en el navegador
Udemy