Browser graphics
Procedural terrain in React and Three.js
Peaks and Valleys
A React and Three.js browser graphics project with generated terrain, lighting, camera work, and WebGL rendering.
ReactThree.jsWebGLProcedural generation
View source
Peaks and Valleys is a React and Three.js project for generated terrain, lighting, and WebGL rendering.
I built it so I could change the terrain, camera, and light, then see the result directly in the browser.
What I built
- React application shell.
- Three.js scene work.
- Generated terrain.
- Lighting experiments for browser-rendered 3D.
Engineering notes
The project keeps the generated shapes, camera, light, and render speed visible in a web app. That made the scene easier to tune.