Hugo Hismans
EN

Retour à l'atlas

Capture de Ailleurs sur ordinateur
Capture de Ailleurs sur téléphone

HH·047ExpériencesEn cours11 octobre → 12 octobre 202631 commits

Ailleurs

Marche dans un musée sans fin, accroché de vraies œuvres, qui s'efface derrière toi. Son conservateur, lui, se souvient de toi

Un musée infini en vue subjective, sur ordinateur comme sur téléphone. Les couloirs, salles et escaliers se construisent devant toi et disparaissent derrière, sans jamais se recouper : revenir sur ses pas mène ailleurs. Sur les murs, de vraies œuvres tirées au hasard dans une dizaine de collections ouvertes (Art Institute of Chicago, Met, Cleveland, SMK, V&A, Wikimedia…), mais aussi des affiches de films, des jaquettes de jeux, des pochettes de disques et des couvertures de livres, chacune avec son cartel et sa fiche détaillée. Un « Directeur » orchestre 33 ambiances (beaux-arts, back rooms, forêt la nuit, vaporwave, musée englouti…) selon une courbe de tension, avec des transitions douces, des sas ou des ruptures, et sème des étrangetés : une œuvre qui change quand on ne la regarde pas, un couloir qui se répète, une porte qui se mure derrière toi. Les ailes à thème s'adaptent à ce qui te retient ; tes coups de cœur forment une collection, avec des succès à débloquer.

Et puis il y a le Conservateur. On ne le voit jamais. Il parle peu, il a ses préférences, il se souvient de ta dernière visite, et il a peut-être préparé ce couloir spécialement pour toi. Libre à toi de suivre ses panneaux.

Ce qui brille

  • Un espace impossible mais cohérent : un graphe de modules généré au fil des pas, détruit hors de vue, sans chevauchement ni apparition visible (visibilité calculée à 360° à travers les portes)
  • De vraies œuvres à leur taille réelle quand elle est connue, tirées de 13 sources ouvertes par un Worker Cloudflare qui agrège, met en cache et relaie les images, sans aucune clé côté navigateur ; crédits et licences sur chaque cartel
  • Un Directeur qui orchestre la surprise : 33 ambiances avec leurs décors et leur son procéduraux, une courbe de tension, trois types de transition et neuf étrangetés
  • Il s'adapte au visiteur : s'arrêter devant une œuvre, ouvrir sa fiche ou la mettre en favori rend plus probables des ailes apparentées (même artiste, même décennie, films ou jeux « dans la même lignée »)
  • Pensé pour le téléphone : joystick et regard au doigt ou au gyroscope, qualité adaptative selon les images par seconde, mémoire surveillée par un test de fuite automatisé

Mode d'emploi

Sur téléphone : joystick à gauche pour marcher, glisser à droite pour regarder (ou le gyroscope, dans le menu), toucher une œuvre pour ouvrir sa fiche et la garder dans sa collection. Au clavier : ZQSD ou flèches, souris pour regarder, clic ou E pour ouvrir une œuvre, C pour la collection, Échap pour le menu (marche automatique, qualité, accessibilité).

Fabriqué avec

  • TypeScript strict
  • Three.js (géométries fusionnées, shaders sur mesure)
  • Svelte 5
  • Vite
  • Cloudflare Worker (agrégation des sources, relais d'images, cache)
  • 13 API ouvertes (musées, TMDB, IGDB, MusicBrainz, Open Library…)
  • Web Audio procédural (ambiances, pas, réverbération)
  • DeviceOrientation (gyroscope, permission iOS)
  • Playwright (test de fuite mémoire, captures)
  • GitHub Actions + GitHub Pages

Dans la même constellation