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: about 1 month 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 (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-26T08:18:32.000Z (over 2 years ago)
• Last Synced: 2023-11-07T19:01:30.110Z (12 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: 346
• Watchers: 8
• Forks: 18
• 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. )**

  

  

![Screenshot](https://github.com/FarazzShaikh/Threejs-procedural-terrain/blob/master/public/SS.png)

  

  

### 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)