Puits 3D
Des tétracubes qui tombent en 3D, pour apprendre à voir dans l'espace
Un puits de 5×5 cases sur 12 étages où tombent les huit tétracubes, dont trois vraiment spatiaux : le Coin et deux vis, gauche et droite. Le jeu sert à entraîner la vision dans l'espace et empile les aides pour y arriver : pièce fantôme, rayons X qui rendent transparents les blocs qui cachent la pièce, carte des hauteurs, curseur de coupe qui masque les étages du haut, une couleur par étage. Les déplacements suivent toujours la caméra, au clavier comme au doigt.
Ce qui brille
- Tetris en vraie 3D (Three.js) avec 8 tétracubes, dont 3 non plans (Coin, Vis gauche, Vis droite) qui obligent à penser en volume
- Rayons X : un test rayon/boîte depuis la caméra rend transparents les blocs qui masquent la pièce active ou son fantôme
- Commandes relatives à la caméra : « haut » éloigne toujours la pièce, avec une hystérésis autour de 45° pour éviter les bascules
- Mode coupe (curseur vertical, PgUp/PgDn) qui masque les étages supérieurs pour voir les trous
- Carte des hauteurs chiffrée en mini-carte et couleur par étage (dégradé HSL du bleu au jaune) pour lire la profondeur
Mode d'emploi
Flèches pour déplacer (selon la caméra), J/L pivoter, I/K basculer, U/O rouler, Espace pour lâcher ; sur mobile, pavé tactile et glisser pour tourner autour du puits
Fabriqué avec
- HTML
- CSS
- JavaScript (module ES, importmap)
- Three.js 0.160 (CDN jsDelivr)
- WebGL
- Canvas 2D (aperçu de la pièce suivante, carte des hauteurs)
- Vibration API
- Google Fonts (Unbounded, Barlow, IBM Plex Mono)