Three.js / WebGL learning logbookhttps://adrian-dev.fr/en-UShttps://adrian-dev.fr/en/posts/sky-moon-stars-threejs/https://adrian-dev.fr/en/posts/sky-moon-stars-threejs/A sky in Three.js: a gradient dome interpolated across seven hourly keyframes, a billboarded sun and moon, and stars that light up one by one as night falls.Sat, 20 Jun 2026 00:00:00 GMTstylized natureshadersthree.jshttps://adrian-dev.fr/en/posts/rain-shader-threejs/https://adrian-dev.fr/en/posts/rain-shader-threejs/Rain in Three.js: thousands of streaks built once, recycled by a mod() in the vertex shader, tilted by the wind and dosed by a single density uniform.Thu, 18 Jun 2026 00:00:00 GMTstylized natureshadersthree.jshttps://adrian-dev.fr/en/posts/sun-day-night-cycle-threejs/https://adrian-dev.fr/en/posts/sun-day-night-cycle-threejs/A Vector3 mutated in place, four parameters to draw the sun's arc, and an hour that advances on its own: where the light that lights the terrain and the grass comes from.Mon, 15 Jun 2026 00:00:00 GMTstylized natureshadersthree.jshttps://adrian-dev.fr/en/posts/grass-wind-shader-threejs/https://adrian-dev.fr/en/posts/grass-wind-shader-threejs/How a shared Vector2 and a per-blade shader make 80,000 grass blades sway: direction, amplitude rising from base to tip, and the normal correction that keeps the lighting right.Sat, 13 Jun 2026 00:00:00 GMTstylized natureshadersthree.jshttps://adrian-dev.fr/en/posts/instanced-grass-threejs/https://adrian-dev.fr/en/posts/instanced-grass-threejs/Scattering thousands of grass blades over a Three.js terrain with InstancedMesh and MeshSurfaceSampler, and driving their density with a grayscale mask.Tue, 09 Jun 2026 00:00:00 GMTstylized naturegeometrythree.jshttps://adrian-dev.fr/en/posts/rolling-terrain-threejs/https://adrian-dev.fr/en/posts/rolling-terrain-threejs/Generating rolling terrain with Three.js: a PlaneGeometry displaced by simplex noise across several octaves, with an interactive demo.Sat, 06 Jun 2026 00:00:00 GMTstylized naturegeometrythree.jshttps://adrian-dev.fr/en/posts/stylized-nature-intro/https://adrian-dev.fr/en/posts/stylized-nature-intro/Kicking off my project for Three.js Journey's “Stylized nature” challenge: building a 3D scene and enriching it with shaders.Fri, 05 Jun 2026 00:00:00 GMTstylized natureshadersthree.js