three.js
log_

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.

nature stylisée shaders 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é.

nature stylisée shaders 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'herbe

nature stylisée shaders 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 juste

nature stylisée shaders 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.

nature stylisée geometry 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.

nature stylisée geometry 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.

nature stylisée shaders three.js