Git Product home page Git Product logo

minecraft-freecodecamp's Introduction

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

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

Want to extend, develop modify?

If you do so or just build a cool world. Please share it with me [email protected] 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 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.

minecraft-freecodecamp's People

Contributors

danba340 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

miguelfdezc sxxrfx floriaaan noobyco changweihong tharinduthilakshana nsavelevjs nimish-verma emperorkonstantin squiill raghujonnada emilyb93 aum3010 luisnake3 luongcongduy97 radezorack auracide0 johanekstroem harismehmoodulhaq mulkihafizh mcorn663 christophervr sylek38 nilay302 panchicore hasanharman swdpcomputing sjames1958gm raja-junaid liza-rd-brain jstevenson02 zannetdev garrettmarsh1 yashsharma999 facuevas jonatasjs jacobthejacobs asimkhan73301 sebaaguiar berlin-34 rockyfierro hinasejaru124 bigicrab hank1245 kristopherluo resaw-git manishankarvakta pedrotomas1 jocelyn10 vladorod noedgeatlife bakhtiar56 apnet02 jlyoungthe3rd gijoecode jonathanjedj2 iamcvarma khandkerislam n0obcodingers cs6 benlimpic jonathon-eng code2forever keunmo ulrikewerner romluc pasha127 naixatwork isachomonik devrajsinh-gohil houthami selfdevtv hiimnhan nialvi makaracc adamriggs ngocthoaidiv-self-study thaenalpha macmullensantiago buudee625 motherlife smorollon timscodebase fomich3000 raoole20 adiphoorn scottskinn okni-c vault870 pothuraju-dev sergiogval ischmidls irving-frias nothing9537 helionics eltonorudzhov wednesday-timmerday launchkat ziad12345 fabrice-dupont

minecraft-freecodecamp's Issues

My browser won't show the changes after I save - have to manually reload the page

Hi guys,

awesome project and video.
I tried the starter code, but it doesn't show the changes I made (Hot reload doesn't seem to work).
Only after a F5 Refresh of the browser.

But it states in the readme.

The page will reload if you make edits.

I cloned the project, ran npm install and npm start
Then I added for example the skybox or a simple mesh, but it only ever shows after i manually reload the page.

Any ideas?

Thx

Issue Template missing

The project is currently missing the issue template, which might help the audience to provide category-wise issues based on their purpose. If you would want to add them, then I would like to add a pull request with some relevant issue templates.

Please let me know what you think about it.

the opening issue

i dont know how to open it i made it but i dont know how to open the one that i made

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.