Carnet d'apprentissage Three.js / WebGLhttps://adrian-dev.fr/fr-FRhttps://adrian-dev.fr/posts/ciel-lune-etoiles-three-js/https://adrian-dev.fr/posts/ciel-lune-etoiles-three-js/Un ciel en Three.js : un dôme dégradé interpolé entre sept keyframes horaires, un soleil et une lune en billboard, et des étoiles qui s'allument une à une quand la nuit tombe.Sat, 20 Jun 2026 00:00:00 GMTnature styliséeshadersthree.jshttps://adrian-dev.fr/posts/pluie-shader-three-js/https://adrian-dev.fr/posts/pluie-shader-three-js/Une pluie en Three.js : des milliers de traits construits une fois, recyclés par un mod() dans le vertex shader, inclinés par le vent et dosés par la densité.Thu, 18 Jun 2026 00:00:00 GMTnature styliséeshadersthree.jshttps://adrian-dev.fr/posts/soleil-cycle-jour-nuit-three-js/https://adrian-dev.fr/posts/soleil-cycle-jour-nuit-three-js/Un Vector3 muté en place, quatre paramètres pour dessiner l'arc du soleil, et une heure qui avance toute seule : d'où vient la lumière qui éclaire le terrain et l'herbeMon, 15 Jun 2026 00:00:00 GMTnature styliséeshadersthree.jshttps://adrian-dev.fr/posts/shader-vent-herbe-three-js/https://adrian-dev.fr/posts/shader-vent-herbe-three-js/Comment un Vector2 partagé et un shader de brin font onduler 80 000 herbes : direction, amplitude qui monte de la base à la pointe, et la correction de normale qui garde l'éclairage justeSat, 13 Jun 2026 00:00:00 GMTnature styliséeshadersthree.jshttps://adrian-dev.fr/posts/generer-herbe-instancedmesh-three-js/https://adrian-dev.fr/posts/generer-herbe-instancedmesh-three-js/Semer des milliers de brins d'herbe sur un terrain Three.js avec InstancedMesh et MeshSurfaceSampler, et piloter leur densité avec un masque en niveaux de gris.Tue, 09 Jun 2026 00:00:00 GMTnature styliséegeometrythree.jshttps://adrian-dev.fr/posts/terrain-vallonne-three-js/https://adrian-dev.fr/posts/terrain-vallonne-three-js/Générer un terrain vallonné avec Three.js : une PlaneGeometry déformée par un bruit simplex sur plusieurs octaves, avec une démo interactive.Sat, 06 Jun 2026 00:00:00 GMTnature styliséegeometrythree.jshttps://adrian-dev.fr/posts/introduction-nature-stylisee-three-js/https://adrian-dev.fr/posts/introduction-nature-stylisee-three-js/Le lancement de mon projet pour le challenge « Nature stylisée » de Three.js Journey : créer une scène 3D et l'enrichir avec des shaders.Fri, 05 Jun 2026 00:00:00 GMTnature styliséeshadersthree.js