53

MC.JS reborn (Minecraft-like voxel engine)

 4 years ago
source link: https://github.com/ian13456/mine.js
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

6rmEnen.png!web

MineJS is a javascript-based voxel engine that runs in your browser!

Disclaimer

:pushpin: This project is a work in progress. There are a lot of potential features waiting to be added!

Motivation

We thought it would be interesting to design a game that is inspired by the popular voxel engine "Minetest" with javascript. We are interested to see if javascript can deliver quality graphics and performance, and interactive multiplayer game play within a 3D voxel type environment.

Screenshots

These are some screenshots taken directly from the project.

User Authentication

jQfqeyU.png!web

Qb2UVjF.png!web

2Uzm6b2.png!web

Rf63QjM.png!web

Neatly Styled Game UI

7bYZVnn.png!web

BNjAbqj.png!web

Awesome Graphics

yIVFbi7.png!web

26Vjiaa.jpg!web

UVFRrq2.png!web

Mvyuymv.png!web

Build Stack

Javascript.

Frontend

Backend

Authentication

Features

  • Player registration
  • Save worlds
  • Database support

Installation

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

# Install the prerequisite libraries
yarn global add prisma graphql-cli nodemon

# Clone the repository
git clone https://github.com/ian13456/mine.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 needed when running for the first time
yarn run start

After these commands, visit localhost:3000

Note

:pushpin: mine.js runs fastest on either Opera or Chrome.

Sources


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK