Labs

Des trucs que je bricole. Ça tourne chez vous, jouez avec.

Blob

Un tore et trois sphères fondus ensemble. Le curseur le déforme, la molette l'arrondit.

WebGL · GLSL · raymarching

Sélecteur de forme

Les triangles se décollent, tournent, et se recollent sur la forme choisie. Le curseur fige le vol à mi-course.

Three.js · vertex shader

Solveur de contraintes d'aménagement

Quatre formes de pièce, et du mobilier à y faire tenir. Poussez un meuble, il longe ce qui le bloque et dit ce qu'il enfreint. Cliquez-en un, vous voyez ses dégagements et le chemin qui y mène depuis la porte. « Ranger » cherche une disposition vivable : canapé face à la télé, 70 cm de passage partout, un écran qui ne prend pas la fenêtre en reflet. Ajoutez des meubles jusqu'à ce que la pièce refuse.

Canvas 2D · séparation d'axes · essais avec redémarrage · Web Worker

Poussez un meuble contre un mur. Cliquez-en un pour voir ses dégagements et le chemin qui y mène depuis l'entrée.

vgpu, la lib WebGPU de Vercel

220 000 particules composent la marque du site. Le curseur les en arrache, un ressort les y ramène.

vgpu 0.4 · WebGPU · compute shader

Constructeur de maison

Elle se monte brique par brique. Le curseur remonte le temps, et on peut tourner autour.

Three.js

Le code du site est sur GitHub.