Welcome to Minecraft (React Three.js & fiber)

This project is a Minecraft Clone done in ReactJS, Three.js, React Three Fiber, and React Three Fiber Canon.

How to play?

• Currently it has 5 types of blocks: Grass, Wood, Log, Glass and Dirt.
• You switch blocks with numbers 1-5 on your keyboard.
• You navigate the world with the mouse and WASD.
• You can click to add blocks and Alt+Click to remove blocks.
• You world is stored in your browsers local storage.

Progress

• [✅] Boilerplate
• [✅] Sky
• [✅] Textures and images
• [✅] Ground
• [✅] Player Actor
• [❌] Keyboard inputs
• [❌] First person view
• [❌] Gravity
• [❌] Movement
• [❌] State management
• [❌] Cubes
• [❌] Adding cubes
• [❌] Removing cubes
• [❌] Cube type selector
• [❌] Save world in localstorage
• [❌] Hover state on cubes
• [❌] Build a house

Want to extend, develop modify?

In the project directory, you can run:

npm install && npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

This project was bootstrapped with Create React App.

Credit goes to

• ReactJS, Three.js, React Three Fiber, and and React Three Fiber Canon Teams.
• Initial tutorial project credit to [email protected] or https://twitter.com/barelydaniel
• How Daniel did it can be seen in this Youtube video:
• His Demo: https://minecraft-freecodecamp.vercel.app/