I've recently been interested in procedural terrain algorithims. Since I've also been spending a lot of time in React, I decided to take a dive into react-three-fiber, a React renderer for three.js
React-Terra implements the Diamond Square height map algorithm. Diamond Square - also known as the cloud or plasma fractal algorithm - was first introduced by Fournier, Fussell and Carpenter at SIGGRAPH 1982
Take React-Terra for a spin! Adjust the sliders to change seed values. Use the mouse to zoom or rotate the landscape. Randomize to generate a new terrain.
Built with React + React Three Fiber