mersoie

A one-screen shop for a fictional silk house, "MerSoie — Carrés de Soie", built with three.js. A calm river runs to the horizon between tall white dunes under a pale sky, the water mirrors it all with small moving waves, and over it one silk square at a time hovers and ripples in a breeze: a real 42 × 42 cloth simulation printed with one of five designs drawn in code (a trellis, a rosette, a chain, cream-and-sky checks wreathed in laurel, a crown of feathers), each framed by a printed border with the house name. Scroll, swipe, use the arrow keys or click the counter's bars, and one breeze blows the current scarf away while the next sails in from the other side; the italic name fades and changes. Click a scarf and a white veil comes over the scene as the scarf flies forward into a flat square, with "Back to water", a short description, the material, the pieces left and "Order now" beside it; switching while it's open slides the scarves across in front of you. The menu pill widens into a rounded panel of large italic links whose letters roll on hover, and the camera drifts with the pointer. Includes an intro sequence, keyboard and touch control, a phone layout and a reduced-motion version.