FarazzShaikh/Terrain-Builder

๐Ÿ” Procedural terrain using Three.js and perlin noise, Now Accelerated by your GPU!

โ˜… 373Forks 21JavaScriptGitHub โ†—Compare

Project website โ†—

demoerosiongpgpugpuprocedural-generationreactreduxshadersterrainterrain-builderterrain-generationthreejs

README

๐Ÿ” Terrain Builder.

Procedural Terrain Right in The Browser, Now Accelerated by your GPU!

Launch Terrain Builder 2.2 ( Not built for mobile. )

Screenshot

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.

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:

Contributors

FarazzShaikhCanRau

Issues