Render a Minecraft map with three.js
This is still in early prototype stages.
Uses a number of libraries from prismarineJS to read the map data server-side.
Then loads the block data in the browser for rendering with three.js
git clone [email protected]:Qazzian/minecraft-mapper-js.git cd minecraft-mapper-js npm install
Copy your Minecraft map folder into minecraft-mapper-js/map.
Map locations depend on which OS you run Minecraft on.
- Windows: 'C:\Users\your username\appdata\roaming.minecraft\saves' by going to run and entering '%appdata%'
- Mac OS X: Go to the "Go" menu in the Finder, click "Go to folder", and type '~/Library/Application Support/minecraft/saves'
- Linux: Many repositories install Minecraft in the $HOME directory, '~/.minecraft/saves',
There are also a number of assets that you will need from the main Minecraft executable.
Find a copy of the Minecraft.jar file and open it with a zip file manager. The location will depend on which version you have and OS. I suggest using Google to find it for your environment.
Copy the jar file somewhere accessible.
Change the file extension from .jar to .zip
Copy the blockstates
, models
and textures
folders into minecraft-mapper-js/public
Once you have done all of the above the directory structure should look like this:
minecraft-mapper-js ├── map │ ├── DIM-1 │ ├── DIM1 │ ├── data │ ├── playerdata │ ├── region │ └── stats └── public ├── blockstates ├── js │ └── lib ├── models │ ├── block │ └── item └── textures ├── blocks ├── colormap ├── effect ├── entity ├── environment ├── font ├── gui ├── items ├── map ├── misc ├── models ├── painting └── particle
Start the server with npm start
Go to http://localhost:3000/ in a browser that supports WebGl.
This mapping tool has been built on top of the following libraries and frameworks:
All images and textures are the copyright of Mojang.