Hugo Hismans
EN

Retour à l'atlas

Capture de Le Casse sur ordinateur
Capture de Le Casse sur téléphone

HH·030ExpériencesPrototype20 août 20264 commits

Le Casse

Crochète un coffre-fort à l'oreille, sans jamais voir la combinaison

Ici, le téléphone devient le cadran d'un coffre-fort : on le tient devant soi et on le tourne comme un volant pour trouver la combinaison en sentant les crans, au son et à la vibration. L'écran ne montre jamais ni chiffre ni chrono. On ne voit que l'arrière-boutique d'un prêteur sur gages balayée par le faisceau d'une torche, pendant que les pas de la ronde se rapprochent dans le casque.

Ce qui brille

  • Aucun chiffre, aucun cadran, aucun chrono à l'écran : la combinaison se trouve au toucher et à l'oreille, et le temps passe uniquement par le son (lit sonore qui se resserre, pas de la ronde, chien, grille)
  • Panorama cylindrique peint en Canvas 2D (affiche « Quincaillerie du Canal 1971 », plaque de laiton « Bréhal & Fils, Paris 1931 », rideau métallique) révélé par un faisceau de torche qui traîne avec l'inertie du poignet, grain de pellicule et vignettage
  • Moteur de feedback maison, sans librairie : crans et gorges synthétisés en Web Audio, vibration, ambiance générative
  • Modèle de serrure pur et testé avec Vitest, plus un robot Playwright qui simule le gyroscope et joue une partie complète jusqu'à l'ouverture du coffre
  • Écriture soignée : cartes de mission à la première personne en Bodoni et Courier (« Deux cent quarante francs et une montre d'homme »)

Mode d'emploi

Sur téléphone, son activé : toucher « entrer », tenir l'écran face à soi et le faire tourner lentement comme un volant ; sur ordinateur, scanner le QR code.

Fabriqué avec

  • Svelte 5
  • TypeScript
  • Vite
  • Canvas 2D
  • Web Audio API
  • DeviceMotion API
  • Vibration API
  • Screen Wake Lock API
  • Vitest
  • Playwright (partie jouée par un robot)
  • qrcode-generator
  • vite-plugin-mkcert
  • GitHub Actions / GitHub Pages
  • polices auto-hébergées (woff2)

Dans la même constellation