dimasik1502 / mc.js

Open source Minecraft clone built with ThreeJS, ReactJS, GraphQL, and NodeJS.

MC.JS

MC.JS brings the best-selling PC game "Minecraft" into the web with the power of javascript.

Disclaimer

📌 This project is a work in progress. There's still a lot of features waiting to be implemented, and the game is far from being the actual game.

Motivation

Having to open an additional app to play a game is sometimes too tiring. Therefore, I thought it'd be interesting to somehow implement Minecraft with javascript, essentially bringing the whole Minecraft game into the web. This not only takes away the tedious process of installing the game, it also brings the entire game to players within a couple clicks.

Screenshots

These are some screenshots taken directly from the project.

User Authentication

Neatly Styled Game UI

Awesome Graphics

Build Stack

Javascript.

Frontend

• three.js
• react.js
• react-router
• apollo

Backend

• prisma
• graphql-yoga

Authentication

• bcryptjs
• jsonwebtoken

Features

• Player registration
• Save worlds
• Database support

Installation

Before cloning the repo or doing anything, be sure to install docker, node, prisma-cli and graphql-cli on your computer. After that, run the following commands:

# Clone the repository
git clone https://github.com/ian13456/mc.js.git

# Download packages for both server and client
yarn

# Export environment variables for prisma
# FOR WINDOWS
set PRISMA_MANAGEMENT_API_SECRET=my-secret
# FOR MAC/LINUX (recommend putting this into .bashrc)
export PRISMA_MANAGEMENT_API_SECRET=my-secret

# Start all services
yarn run init # only need this for first time running
yarn run start

After these commands, visit localhost:3000

Note

📌 MC.JS runs fastest on either Opera or Chrome.

Sources

• Resource Pack Used
• Multiplayer Player Mesh
• Home Page Panorama Library