Landscape,offscreencanvas,threejs,nd,mountain,retro,road,displacement,bloom,glow,shader,webgl,mit,prng,starlight on NERDDISCOhttps://nerddis.co/tags/landscapeoffscreencanvasthreejsndmountainretroroaddisplacementbloomglowshaderwebglmitprngstarlight/Recent content in Landscape,offscreencanvas,threejs,nd,mountain,retro,road,displacement,bloom,glow,shader,webgl,mit,prng,starlight on NERDDISCOHugoen-usTue, 04 Oct 2022 16:02:46 +0200nd-landscape-001https://nerddis.co/nd-landscape-001/Tue, 04 Oct 2022 16:02:46 +0200https://nerddis.co/nd-landscape-001/fxhash.xyz/generative/slug/nd-landscape-001 After reading Building a Vaporwave scene with Three.js by Maxime Heckel I was super inspired to generate a pseudo random landscape based on a single plane in ThreeJS. The mountains and the road in the middle are sculpted out of the plane by using OffscreenCanvas to generate a low resolution grayscale displacement map: A dark color means no change to the plane = small mountains / flat road, where a light color means that the vertices are elevated = high mountains / road.