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

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=qpOZup_3P_A


Category:
Tutorial
Duration: 1:31:16
314,216 views
10,758

Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useState, useEffect, useRef, custom Hooks for State management, and more. And you will be able to apply the principles to create other 3d games in JavaScirpt.

✏️ Course created by Daniel Bark. Check out his channel: https://www.youtube.com/c/barelycoding

💻 Finished Code: https://github.com/danba340/minecraft-freecodecamp
💻 Starting Code: https://github.com/danba340/minecraft-freecodecamp/tree/start
💻 Demo: https://minecraft-freecodecamp.vercel.app

⭐️ Contents ⭐️
⌨️ (0:00:00) Boilerplate
⌨️ (0:03:56) Sky
⌨️ (0:05:46) Textures
⌨️ (0:07:48) Ground
⌨️ (0:15:11) Player
⌨️ (0:25:43) Keyboard input
⌨️ (0:32:03) Movement
⌨️ (0:41:26) First person camera
⌨️ (0:46:25) State management
⌨️ (0:49:55) Cube component
⌨️ (0:58:02) Add/Remove Cubes
⌨️ (1:09:34) Texture Selector
⌨️ (1:21:34) Save world
⌨️ (1:27:31) Hover cubes
⌨️ (1:30:28) Outro

--

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-10-11Build a Webshop – Angular, Node.js, TypeScript, Stripe
2022-10-06PyTorch for Deep Learning & Machine Learning – Full Course
2022-10-05Stack Data Structure Tutorial – Solve Coding Challenges
2022-10-04Learn Python by Thinking in Types - Full Course
2022-09-29Ecommerce Website Tutorial – Create a B2B App with Stripe + Postgres + REST API Backend
2022-09-28Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial
2022-09-27Java Programming for Beginners – Full Course
2022-09-26Machine Learning for Everybody – Full Course
2022-09-22Algorithms in Python – Full Course for Beginners
2022-09-21Web3 Course Walkthrough on freeCodeCamp.org (Rust, Blockchain Development, and Smart Contracts)
2022-09-20Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial
2022-09-16Jenkins Tutorial – How to Deploy a Test Server with Docker + Linux (Full Course)
2022-09-14Learn HTML & CSS – Full Course for Beginners
2022-09-13NoSQL vs SQL – Which Type of Database Should You Use?
2022-09-12React Coding Interview Prep – 30 Questions and Answers
2022-09-07Angular for Beginners Course [Full Front End Tutorial with TypeScript]
2022-08-31React JavaScript Framework for Beginners – Project-Based Course
2022-08-30CSS Tutorial – Full Course for Beginners
2022-08-2920 Beginner Python Projects
2022-08-25Game Development with LÖVE 2D and Lua – Full Course
2022-08-24Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)