https://github.com/farazzshaikh/terrain-builder
🏔 Procedural terrain using Three.js and perlin noise, Now Accelerated by your GPU!
https://github.com/farazzshaikh/terrain-builder
demo erosion gpgpu gpu procedural-generation react redux shaders terrain terrain-builder terrain-generation threejs
Last synced: 3 months ago
JSON representation
🏔 Procedural terrain using Three.js and perlin noise, Now Accelerated by your GPU!
- Host: GitHub
- URL: https://github.com/farazzshaikh/terrain-builder
- Owner: FarazzShaikh
- Archived: true
- Created: 2020-03-16T11:44:01.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-03-26T08:18:32.000Z (about 3 years ago)
- Last Synced: 2025-01-21T10:17:09.826Z (3 months ago)
- Topics: demo, erosion, gpgpu, gpu, procedural-generation, react, redux, shaders, terrain, terrain-builder, terrain-generation, threejs
- Language: JavaScript
- Homepage: https://terrain-builder.herokuapp.com/
- Size: 13.2 MB
- Stars: 362
- Watchers: 8
- Forks: 20
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 🏔 Terrain Builder.
Procedural Terrain Right in The Browser, ***Now Accelerated by your GPU!***
[Launch Terrain Builder 2.2](https://terrain-builder.herokuapp.com/) **( Not built for mobile. )**
### Controls:
- Left Mouse + drag : Orbit
- Right Mouse + drag : Pan
- Middle Mouse + drag : Zoom
### What's New in v2.2?
- 🏔 Changed the noise algorithm resulting in much more realistic terrain.
- 🤚Now you can move the settings tabs out of the way.
### And What's New in v2?
- 🚀 Now uses your _**GPU**_ to produce realtime results.
- ⚛️ Rewritten Entirely in _**React**_ using _**MVC**_.
- 💻 Brand new _**UI**_.
- 📀 _**Download**_ your generated height maps!
- ⚙️ Change _**Map resolution**_ and _**Terrain resolution**_ independently.
- ⛰ _**Better**_ Terrain Generation.
#### [Full List of Changes and Work In Progress features.](https://github.com/FarazzShaikh/Threejs-procedural-terrain/blob/master/CHANGELOG.md)
### Run for Development:
```
git clone https://github.com/FarazzShaikh/Terrain-Builder.git
```
```
cd Terrain-Builder
```
```
npm install
```
```
npm run dev
```
Served on http://localhost:3000
### Major Frameworks Used:
- [Three.js](https://threejs.org/)
- [Regl](https://github.com/regl-project/regl)