Minecraft web client running in your browser
Find a file
u9g 48538f573f
Remove css from index.html (#54)
* Remove css from index.html

* Create styles.css

* Update webpack.config.js
2021-03-04 05:07:07 +01:00
.github/workflows Add deploy to gh-pages 2021-03-04 04:02:30 +01:00
assets Add custom proxy selection (#53) 2021-03-04 01:39:21 +01:00
extra-textures Cleanup textures in root 2021-03-04 04:02:30 +01:00
lib Fix moving in chat, fix breaking snapping view 2021-03-02 05:07:12 +01:00
test add code 2021-02-27 22:12:11 +00:00
.gitignore add .idea to gitignore (#39) 2021-03-02 14:47:40 +01:00
.gitpod Initial commit 2021-02-27 22:27:59 +01:00
.gitpod.DockerFile Initial commit 2021-02-27 22:27:59 +01:00
.npmignore fix package.json 2021-02-27 22:28:08 +00:00
.npmrc Initial commit 2021-02-27 22:27:59 +01:00
config.json Add config.json 2021-03-04 04:02:30 +01:00
HISTORY.md Release 1.1.0 2021-02-28 22:27:52 +00:00
index.html Remove css from index.html (#54) 2021-03-04 05:07:07 +01:00
index.js Add config.json 2021-03-04 04:02:30 +01:00
LICENSE Initial commit 2021-02-27 22:27:59 +01:00
package.json Add custom proxy selection (#53) 2021-03-04 01:39:21 +01:00
README.md Update live demo link 2021-03-04 02:41:31 +01:00
screenshot.png add screenshot to readme (#19) 2021-03-01 03:45:27 +01:00
server.js Add custom proxy selection (#53) 2021-03-04 01:39:21 +01:00
styles.css Remove css from index.html (#54) 2021-03-04 05:07:07 +01:00
webpack.config.js Remove css from index.html (#54) 2021-03-04 05:07:07 +01:00

prismarine-web-client

NPM version Build Status Discord Try it on gitpod

A Minecraft client running in a web page. Live demo at https://prismarine.js.org/prismarine-web-client/

How it Works

prismarine-web-client runs mineflayer and prismarine-viewer in the browser, which connects over WebSocket to a proxy which translates the WebSocket connection into TCP to connect to normal Minecraft servers.

Screenshot

Screenshot of prismarine-web-client in action

Live Demo

Click on this link to open it in your browser, no installation necessary: https://prismarine-web-client.js.org

Tested on Chrome & Firefox for desktop platforms.

Usage (for self-hosted installations)

If you want the latest version or want to use auth, you can host an instance yourself.

Run these commands in bash:

$ npm install -g prismarine-web-client
$ prismarine-web-client

Finally, open http://localhost:8080 in your browser.

Features

  • Display mobs (though sometimes messed up)
  • Display players
  • Display other entities as colored rectangles
  • Display blocks
  • Movement (you can move, and you see entities moving live)
  • Place and break blocks

Roadmap

  • Containers (inventory, chests, etc.)
  • More Customisation (e.g. mouse sensitivity, text size, issue #40)
  • Sounds
  • More World Interactions (attacking entities, etc.)
  • Cosmetic Rendering Features (day night cycle, fog, etc.)
  • Server-Side Support Plugins (for auth bypass & possibly hosting its own websocket proxy to reduce latency, issue #13)

Development

If you're contributing/making changes, you need to install it differently.

First, clone the repo.

Then, set your working directory to that of the repo. For example:

$ cd ~/prismarine-viewer/

Finally, run

$ npm install
$ npm run build-start

Then connect to http://localhost:8080 in your browser.