A simple 3D hexagonal terrain map based on three.js
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
assets
dist
examples
lib
src
tools
.gitignore
.travis.yml
LICENSE.txt
README.md
index.html
package.json
server.js
tsconfig.json
webpack.config.js

README.md

threejs-hex-map

Build Status

A simple 3D hexagonal terrain map based on three.js.

Screenshot

Overview

  • hexagonal tiles with water, flat land, hills, mountains, rivers, trees and coast
  • one texture atlas each for terrain textures, river tiles, and coast tiles
  • blending mask texture for transitions between tiles
  • two-tier fog of war like in Civilization

Usage

For an example check out the code in examples/random. To test it in the browser simply npm start and open http://localhost:3000/examples/random/.