https://github.com/overkektus/minecraft-freecodecamp

https://github.com/overkektus/minecraft-freecodecamp

react react-three threejs zustand

Last synced: 10 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/overkektus/minecraft-freecodecamp
• Owner: overkektus
• Created: 2023-08-16T09:19:34.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-08-21T08:41:45.000Z (almost 3 years ago)
• Last Synced: 2023-08-21T08:41:51.924Z (almost 3 years ago)
• Topics: react, react-three, threejs, zustand
• Language: JavaScript
• Homepage:
• Size: 1.07 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Welcome to React three fiber Minecraft

This project is just me trying to mimic Minecraft in React.

How i did it can be seen in this Youtube video:

[![Video preview](https://img.youtube.com/vi/qpOZup_3P_A/0.jpg)](https://www.youtube.com/watch?v=qpOZup_3P_A)

Demo: https://minecraft-freecodecamp.vercel.app/

## 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.

![Preview](preview.png 'Preview')

## Want to extend, develop modify?

If you do so or just build a cool world. Please share it with me dbark@hey.com or https://twitter.com/barelydaniel

In the project directory, you can run:

### `npm install && npm start`

Runs the app in the development mode.


Open [http://localhost:3000](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](https://github.com/facebook/create-react-app).