Perlin noise playground for 3D island generation
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Perlin Noise Terrain Interactive Demo

A responsive progressive Perlin noise playground for 3D terrain generation.

This application can be pulled down and run locally. You can also pull it down, tweak it, build it, and host the build contents on a static server.


Read the article that goes along with this demo HERE.

screenshot of app


You will need NodeJS installed which ships with NPM.


Once you have NodeJS and NPM run the following command within the terrain-react-app directory:

cd terrain-react-app
npm run start

That will install dependencies, start watches on files, and serve the application locally ( typically localhost:3000 ).

Build for Deployment

To run a build which will generate the production build directory that can then be dropped into a static server, you will need to do two things:

  1. Modify package.json and update the "hostname" property to point to the root of the host where the app will live.
  2. Run the following command in your terminal:
cd terrain-react-app
npm run build

Create React App Info

This app was bootstrapped using create-react-app. See the file within terrain-react-app for more details.