https://github.com/gunyakov/three-hex-map

Civ like WebGL hex map
https://github.com/gunyakov/three-hex-map

civilization game-map hex-map threejs-example threejs-learning threejs-webgl-game

Last synced: 30 days ago
JSON representation

Civ like WebGL hex map

• Host: GitHub
• URL: https://github.com/gunyakov/three-hex-map
• Owner: gunyakov
• License: mpl-2.0
• Created: 2023-01-16T10:02:22.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-01T18:45:41.000Z (about 3 years ago)
• Last Synced: 2025-04-21T19:30:21.899Z (11 months ago)
• Topics: civilization, game-map, hex-map, threejs-example, threejs-learning, threejs-webgl-game
• Language: TypeScript
• Homepage:
• Size: 10.9 MB
• Stars: 2
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# three-hex-map

A civ like 3D hexagonal terrain map based on three.js. See the [demo](https://gunyakov.github.io/three-hex-map/public/index.html).

![Screenshot](public/main.png)

Project was inspired by [threejs-hex-map](https://github.com/Bunkerbewohner/threejs-hex-map).

## Overview

* project just started for learning threejs, result is on screen.

### Installation

```

git clone https://github.com/gunyakov/three-hex-map.git

cd three-hex-map

npm install

npm run start

npm run server

```

Open [http://127.0.0.1:3000](http://127.0.0.1:3000) in your browser.

### Links

Path finder by [weixiaofan](https://github.com/weixiaofan/hexpath)[^1]

[^1]: I reedit source code to be compatible with the typescript and orginize the class for simple use in the future. Modification to take care about unit restrictions and land type.