Perlin Noise Terrain Generation
Tool Procedural Generation Website Solo Project
My third-year project, exploring terrain generation using Perlin Noise.
Introduction
A website made to teach a viewer about the Perlin Noise algorithm, by showcasing its use in creating a terrain heightmap.
Link to interactive terrain generator
Since then, I have created a second website that generates a heightmap and renders it in the browser using ThreeJS.
3D Heightmap Renderer
Overview
| Category | Details |
|---|---|
| Project Name: | Perlin Noise Terrain Generation |
| Platform: | ThreeJS, HTML, Javascript/Typescript |
| Genre & Tags: | Procedural Generation, Tool, Website |
| Brief Description: | A website to teach the user about Perlin Noise and its use in terrain generation. A second website to render heightmaps generated with Perlin Noise in the browser using ThreeJS. |
| Source Code | Github Link |
Technologies and Tools
-
Website Creation & Deployment:
- HTML, CSS
- Github Pages
- Jetbrains Webstorm
- Github Actions
- Github Pages
-
Perlin Noise & Terrain Generation:
- JavaScript & TypeScript
- ThreeJS