MAO index

Mao.

fermer
2026site · WebGL2 et three.js · simulation

Mao.

01

Le site lui-même : un nom en mercure, puis une descente d’un seul tenant — une nef engloutie, l’eau, la glace, la statue de l’auteur — dessinée en temps réel dans le navigateur, sans rien télécharger d’autre que son code et quelques images.

( Comment )

Le nom est une simulation écrite à la main en WebGL2 : un fluide en deux dimensions, un champ de phase qui garde le mercure en gouttes et en filets, une fonction de distance qui l’attire dans la forme des trois lettres. La main le coupe ; il cicatrise.

Sous le nom, three.js dessine dans le même contexte : la nef est construite par le code (colonnes, arcs, voûte, oculi), éclairée par des rayons de lune calculés en forme close, son eau est un miroir qui ondule et, vue de dessous, une fenêtre de Snell ; la raie est une géométrie paramétrique dont la nage est calculée à chaque image.

Les œuvres sont posées dans la glace, sous un givre que la main essuie ; la statue de l’auteur est faite de 150 000 grains, poussés vers la surface de sa silhouette.

La navigation reprend celle de KPRVERSE (défilement lissé, voyages, libellés qui s’écrivent) ; la présentation des œuvres, celle de Noth.

Fondations :igloo.inc : le givre, la salle claire, les anneaux, le moteur de grains de la statue · KPRVERSE : le défilement lissé, le voyage, les libellés · Noth : la présentation des œuvres · Noomo Labs : la référence de mise en scène de la créature