此页面不支持您的语言。
Perlin Noise Terrain Generation
ToolProcedural GenerationWebsiteSolo Project
Interactive experiments that turn Perlin noise into explorable terrain.
The idea
This began as an interactive explanation of Perlin noise, using terrain heightmaps to make the algorithm easier to see and experiment with.
I later made a second version that generates a heightmap and renders it as a 3D landscape in the browser with Three.js. You can try the interactive terrain generator or open the 3D heightmap renderer.
Overview
| Category | Details |
|---|---|
| Project Name: | Perlin Noise Terrain Generation |
| Platform: | Three.js, HTML, JavaScript, and TypeScript |
| Genre & Tags: | Procedural Generation, Tool, Website |
| Focus: | Visualising Perlin noise in 2D, then turning the result into interactive 3D terrain |
| Source: | TerrainGenerator on GitHub |
Built with
- JavaScript and TypeScript
- Three.js
- HTML and CSS
- GitHub Pages