Des sites web interactifs où se perdre avec plaisir

Si tu ne dois ouvrir qu'un seul site de ce guide, choisis-le selon ce que tu as envie de faire :

• Créer quelque chose : Silk, qui transforme n'importe quel tracé en dessin symétrique.
• Faire de la musique : Blob Opera, un quatuor de bulles chantantes que tu diriges d'un seul doigt.
• Regarder le monde : Radio Garden, la radio en direct de presque partout, choisie en faisant tourner un globe.
• Partir en voyage : The Deep Sea, une seule longue page à faire défiler jusqu'au fond de l'océan.
• Réfléchir en jouant : The Evolution of Trust, une demi-heure de théorie des jeux qu'on apprend en jouant.

La suite du guide explique ce qui rend chacun des seize sites digne d'une visite, quoi essayer en premier et ce qu'il faut savoir avant de commencer : quel appareil convient le mieux, lesquels ont besoin du son, et les un ou deux endroits où quelque chose est payant ou te demande de partager.

Cinq sortes de sites web interactifs

« Interactif » recouvre des expériences très différentes. Un jouet à dessiner et un documentaire qu'on fait défiler sont tous deux interactifs, mais ils ne demandent pas la même chose, et les juger selon les mêmes critères serait injuste pour l'un comme pour l'autre. Ce guide range les seize sites en cinq catégories.

• Jeu libre. Pas de but, pas de parcours. Tu agis et le site transforme ton geste en quelque chose de plus riche : un dessin, un paysage, une balade en voiture. C'est toi qui décides quand c'est fini.
• Instruments. Conçus pour faire de la musique ou du son. Ils fonctionnent mieux quand tu arrêtes de les tester et que tu commences à jouer, et la plupart récompensent davantage la deuxième séance que la première.
• Fenêtres sur le monde. La matière est réelle : des stations de radio, les fenêtres d'autres personnes, le vent d'aujourd'hui. Ton rôle est de choisir où regarder, et le plaisir tient à ce que tu trouves.
• Voyages. Un parcours conçu par quelqu'un d'autre, que tu suis à ton rythme en faisant défiler la page ou en tombant. L'interaction y est légère, plus proche du fait de tourner des pages que de jouer, et le savoir-faire est dans le rythme.
• Expériences et jeux d'idées. Chacun est construit autour d'une question : une machine peut-elle lire un gribouillis, pourquoi la confiance survit-elle, que se passe-t-il si tu restes immobile. Tu joues pour trouver la réponse.

Aucune de ces catégories n'est meilleure qu'une autre. Un voyage peut t'émouvoir davantage qu'un instrument, et une blague de deux minutes peut te rester plus longtemps qu'une simulation d'une demi-heure. Ce classement sert à avoir les bonnes attentes avant de cliquer.

Les seize en un coup d'œil

Chaque site a été ouvert dans un navigateur de bureau le 31 octobre 2026. Quinze se sont chargés normalement. The Deep Sea a répondu à notre navigateur automatisé par une vérification anti-robots ; sa description s'appuie donc sur ce qui a été publié à son sujet plutôt que sur cette visite.

Jeu libre : commence où tu veux, arrête quand tu veux

Silk

Silk a été créé par Yuri Vishnevsky, avec une musique et des sons de Mat Jarvis, et il est en ligne depuis 2010 environ. Tu fais glisser le pointeur sur une toile sombre et un fil de lumière douce le suit, reflété et répété autour du centre. Même un geste négligent revient fin et symétrique, ce qui en fait l'un des rares outils de dessin avec lesquels personne n'a l'impression de « ne pas savoir dessiner ».

Ce qui en fait plus qu'un économiseur d'écran, ce sont ses réglages. Tu peux changer le nombre de répétitions du tracé autour du centre, activer ou désactiver le miroir, faire tourner les traits en spirale vers l'intérieur et faire glisser des couleurs les unes sur les autres pour les mélanger. Chaque réglage change la règle par laquelle passe ton geste, si bien que le même mouvement donne des dessins très différents.

À essayer d'abord : trace une ligne lente du centre vers l'extérieur, puis la même ligne rapidement. Désactive ensuite le miroir et dessine de nouveau. Idéal pour : toute personne qui veut créer quelque chose de beau en une minute, et les enfants. Par Yuri Vishnevsky · Ouvrir Silk

Thisissand

Thisissand n'a qu'un geste : tu appuies, et du sable s'écoule de ce point et s'entasse. Change de couleur en cours de route et les couches s'accumulent jusqu'à ressembler à la coupe d'une colline. Le plaisir tient à la physique : les grains glissent jusqu'à ce que la pente puisse les retenir, si bien que chaque tas se stabilise selon un angle semblable, et tes choix apparaissent sous forme de strates.

Le site propose aussi une galerie de paysages de sable récents et populaires, un écoulement automatique facultatif qui fait couler le sable en continu (double appui sur la toile) et une application avec profils pour qui veut garder ses créations. Rien de tout cela n'est nécessaire pour jouer.

À essayer d'abord : choisis seulement deux couleurs et alterne-les en fines couches. Idéal sur : un écran tactile, où verser du doigt paraît plus physique. Idéal pour : une attention lente et absorbée. Ouvrir Thisissand

Le portfolio de Bruno Simon

Le portfolio de Bruno Simon est un site qui se conduit. Les projets du développeur sont répartis sur une petite île en 3D, et tu les visites au volant d'une voiture miniature pilotée au clavier. La première version, de 2019, a été construite avec la bibliothèque 3D Three.js et la bibliothèque physique Cannon.js, et Awwwards l'a désignée site de l'année 2020. Il a été refait depuis.

Il a sa place ici parce qu'il montre jusqu'où peut aller un navigateur : 3D en temps réel, physique et son, sans rien installer. Cela signifie aussi qu'il demande plus à ton ordinateur que tout autre site de ce guide : un ordinateur portable ou un téléphone ancien risque de peiner.

À essayer d'abord : oublie les projets pendant une minute et contente-toi de rouler autour de l'île. Idéal pour : toute personne curieuse de ce que les développeurs web savent construire. Ouvrir le portfolio

Paper Planes

Paper Planes, du studio Active Theory, a été lancé en 2016. Sur un ordinateur, il te demande de le rejoindre depuis ton téléphone, et c'est tout l'intérêt : depuis le téléphone, tu lances un avion dans un ciel partagé et tu attrapes des avions lancés par des inconnus ailleurs dans le monde. C'est l'un des rares sites web interactifs qui parlent des autres plutôt que de toi.

À essayer d'abord : attrape un avion avant d'en lancer un, et regarde d'où il vient. Idéal sur : un téléphone. Ouvrir Paper Planes

Instruments : des choses dont on joue

Patatap

Patatap, de Jono Brandel avec des sons du duo Lullatone, se présente comme un kit portable d'animation et de son. Chaque touche de A à Z, ainsi que la barre d'espace, déclenche un son bref et projette une forme colorée sur l'écran ; sur un téléphone, un appui fait la même chose. En une minute, tu joues des rythmes, et les animations rendent chaque son visible, si bien que l'écran devient une trace du tempo.

La page avertit qu'elle contient des images clignotantes. Prends-le au sérieux si la lumière clignotante te gêne.

À essayer d'abord : choisis trois touches et ne joue que celles-là, comme le ferait un batteur. Idéal avec : un clavier, et le son allumé. Par Jono Brandel avec Lullatone · Ouvrir Patatap

Blob Opera

Blob Opera, de David Li avec Google Arts & Culture (2020), met en scène quatre chanteurs tout ronds. Fais-en glisser un vers le haut ou vers le bas et il change de note ; déplace-le et sa voyelle change ; les trois autres harmonisent en temps réel. Les voix ne sont pas des enregistrements mis bout à bout. Elles proviennent d'un modèle d'apprentissage automatique entraîné sur environ seize heures de chant de quatre artistes lyriques, Christian Joel, Frederick Tong, Joanna Gamble et Olivia Doutney : ce que tu entends, c'est l'idée que le modèle se fait de leurs voix, guidée par ta main.

À essayer d'abord : ne déplace que la basse, très lentement, et écoute comment les autres se réorganisent autour d'elle. Idéal pour : les personnes qui pensent ne pas être musiciennes. Ouvrir Blob Opera

Chrome Music Lab : Song Maker

Chrome Music Lab est un ensemble d'expériences de Google, dans le navigateur, sur le fonctionnement de la musique. Sa pièce maîtresse est Song Maker, une grille où chaque colonne est un moment dans le temps et chaque ligne une note : clique sur des cases et une boucle les joue de gauche à droite. Tu peux changer d'instrument et de tempo, et enregistrer le morceau pour le partager.

Ce type de grille, un séquenceur pas à pas, est la façon dont on a écrit une grande partie de la musique électronique, et Song Maker en est l'introduction la plus douce : la forme d'une mélodie se voit d'un coup d'œil.

À essayer d'abord : allume une case par colonne pour dessiner une mélodie, puis ajoute une seule note grave toutes les quatre colonnes. Idéal pour : les débutants et les salles de classe. Ouvrir Song Maker

Incredibox

Incredibox a été créé par le studio français So Far So Good et mis en ligne en 2009. Tu fais glisser des icônes sur une rangée de beatboxers, et chacun se met à interpréter une partie ; combine les bonnes parties et tu débloques des séquences animées. Les mix enregistrés ont leur propre lien, et d'autres joueurs peuvent les écouter et voter.

Le site propose une démo gratuite avec une sélection de ses styles musicaux ; la collection complète se trouve dans une application payante. La démo suffit pour comprendre pourquoi il a duré : il transforme l'arrangement d'un morceau en placement de personnages sur une scène, si bien que la superposition des couches, compétence centrale de la production musicale, devient quelque chose que l'on voit.

À essayer d'abord : ajoute les interprètes un par un et retire le premier quand le quatrième entre. Idéal pour : les enfants et toutes les personnes qui aiment bricoler des arrangements. Par So Far So Good · Ouvrir Incredibox

Fenêtres sur le monde

Radio Garden

Radio Garden a été créé par Studio Puckey (Jonathan Puckey) avec Moniker à Amsterdam, dans le cadre d'un projet de l'Institut néerlandais du son et de l'image (Netherlands Institute for Sound and Vision), et lancé en décembre 2016. Tu fais tourner un globe couvert de points lumineux ; chaque point est une station en direct, et t'arrêter sur l'un d'eux la fait jouer. Les navigateurs demandent généralement un clic sur lecture avant que le son ne démarre.

Ce qui le rend unique, c'est qu'il transforme la géographie en écoute. Passe d'une ville à sa voisine et la langue, la musique et l'heure de la journée changent sous ta main.

À essayer d'abord : arrête-toi sur une ville dont tu ne parles pas la langue, puis déplace-toi de quelques centaines de kilomètres et compare. Idéal avec : un casque. Ouvrir Radio Garden

WindowSwap

WindowSwap est né pendant les confinements de 2020, quand Sonali Ranjit et Vaishnav Balasubramaniam, un couple travaillant dans la publicité à Singapour, ont eu envie de regarder par la fenêtre de quelqu'un d'autre. Tu appuies sur un bouton et tu obtiens une vue de quelque part dans le monde, filmée par la personne qui y vit : un clip de plusieurs minutes, pas un direct, envoyé par les visiteurs et vérifié avant d'être mis en ligne.

La fenêtre au hasard est gratuite. Une formule payante, All-Access, ajoute l'archive complète, des favoris, des playlists et un bouton retour. Tu peux aussi proposer ta propre fenêtre.

À essayer d'abord : laisse une fenêtre tourner en arrière-plan pendant quelques minutes, avec le son. Idéal pour : une pause. Par Sonali Ranjit et Vaishnav Balasubramaniam · Ouvrir WindowSwap

earth.nullschool.net

earth.nullschool.net, de Cameron Beccario, est un globe animé des conditions actuelles. Des lignes en mouvement tracent le vent ; d'autres calques montrent les courants océaniques, la qualité de l'air et bien plus. D'après les notes du projet, les données météo proviennent de prévisions calculées par des superordinateurs et mises à jour toutes les trois heures, celles de l'océan chaque jour, et le code est publié sur GitHub.

Tu fais pivoter le globe, tu zoomes et tu changes de calque depuis un petit menu. C'est une visualisation de données, mais comme le vent est dessiné par des particules en mouvement, on la lit comme une peinture vivante.

À essayer d'abord : trouve la prochaine tempête sur la carte et suis son vent. Idéal sur : un grand écran. Ouvrir earth.nullschool.net

Voyages : faire défiler, ou tomber

The Deep Sea

The Deep Sea, publié en 2019 par Neal Agarwal sur son site neal.fun, est une seule et très longue page qu'on fait défiler depuis la surface jusqu'au fond de la fosse Challenger Deep, à près de onze kilomètres de profondeur. Un compteur de profondeur t'accompagne pendant la descente et les animaux changent selon la zone, si bien que le défilement, le geste le plus banal du web, devient une sensation de distance.

Ton interaction est minimale, et ce n'est pas un problème : le savoir-faire est dans le rythme, dans la longueur des passages sombres entre deux animaux. Le reste de neal.fun mérite un après-midi. Comme indiqué plus haut, cette description s'appuie sur ce qui a été publié à son sujet, car le site a bloqué notre vérification automatisée.

À essayer d'abord : fais défiler à vitesse constante, sans sauter de passage, jusqu'à ce que la lumière disparaisse. Idéal pour : les enfants comme les adultes curieux. Par Neal Agarwal · Ouvrir The Deep Sea

Zoomquilt

Zoomquilt, lancé par Nikolaus Baumgarten en 2004, est une peinture collective en zoom infini. Plus d'une douzaine d'illustrateurs ont chacun peint une scène qui cache la suivante en son sein, si bien que l'image tombe sans fin vers l'intérieur et que la dernière scène ramène à la première.

Il est antérieur à presque tout le reste de ce guide et plus proche de l'animation que du jeu. Il mérite sa place parce que l'idée est menée avec tant de soin que la boucle ne laisse jamais voir ses coutures.

À essayer d'abord : regarde une boucle entière sans détourner les yeux. Idéal sur : un grand écran, en plein écran. Ouvrir Zoomquilt

Expériences et jeux d'idées

Quick, Draw!

Quick, Draw!, de Google Creative Lab, te donne un mot et quelques secondes pour le dessiner, pendant qu'un réseau de neurones essaie de deviner ce que tu dessines. C'est un jeu, mais aussi une démonstration de la façon dont un modèle apprend à partir d'exemples. Le site le dit ouvertement : tes dessins sont ajoutés à un jeu de données public, la plus grande collection de gribouillis au monde. Dessine donc en connaissance de cause.

À essayer d'abord : après une partie, ouvre le jeu de données et regarde quelques centaines de chats dessinés par des inconnus, côte à côte. C'est une petite leçon sur la diversité des façons dont chacun se représente la même chose. Ouvrir Quick, Draw!

The Evolution of Trust

The Evolution of Trust (« l'évolution de la confiance »), de Nicky Case (juillet 2017), est un guide interactif de théorie des jeux d'une trentaine de minutes. Tu joues des parties d'un jeu de confiance simple, une version du dilemme du prisonnier, contre des personnages aux stratégies différentes, puis tu organises des tournois entre des populations entières de ces personnages. Il s'appuie sur Donnant donnant (The Evolution of Cooperation, 1984) de Robert Axelrod. L'interaction est l'argument : tu comprends pourquoi la coopération peut survivre parce que tu viens d'essayer de survivre sans elle.

Il existe en de nombreuses traductions réalisées par des fans, dont l'espagnol, le français, l'allemand, l'italien et le portugais du Brésil, accessibles depuis sa première page.

À essayer d'abord : joue honnêtement les premières parties, puis trahis une fois et observe ce qui se passe. Idéal pour : les élèves, les enseignants et toutes les personnes qui aiment comprendre comment les choses fonctionnent. Par Nicky Case · Ouvrir The Evolution of Trust

Pointer Pointer

Pointer Pointer (2012), du studio amstellodamois Moniker (Jonathan Puckey, Luna Maurer et Roel Wouters), n'a qu'une règle : déplace ton curseur, puis laisse-le immobile. Au bout d'un instant apparaît la photo d'une personne réelle qui le pointe exactement du doigt. Il faut un pointeur capable de rester immobile sans cliquer, donc une souris ou un pavé tactile ; sur un écran tactile, il n'y a rien à laisser immobile.

Ça dure une minute et c'est encore drôle au dixième essai, parce que l'archive de personnes qui pointent semble impossiblement vaste. C'est aussi une jolie idée sur l'attention : le site ne réagit que lorsque tu t'arrêtes.

À essayer d'abord : place le curseur à un endroit incongru, comme un coin. Ouvrir Pointer Pointer

Quand le corps devient la manette

Un groupe plus restreint de sites demande plus qu'une souris : tes bras, ton visage ou tes mains, à travers la caméra. Deux des plus connus ont été lancés par Google en 2018. Semi-Conductor permettait de diriger un orchestre en bougeant les bras devant une webcam, et Move Mirror associait ta pose à des photos de personnes dans la même position. Les deux sont désormais indiqués comme inactifs, ils ne sont donc pas recommandés ici, mais leurs pages expliquent encore comment ils fonctionnaient.

Synfield, le projet auquel appartiennent ces Stories, en est un exemple actuel. Ses mondes répondent à une souris, à un doigt ou, si tu actives la caméra, à tes mains. Dans Liquid Light, un geste laisse un sillage dont la surface se souvient un moment.

Avant de commencer

Quelques habitudes améliorent n'importe lequel de ces sites.

1. Lis l'unique ligne d'instructions. La plupart de ces sites en ont exactement une, et elle nomme en général le geste autour duquel toute l'œuvre est construite.
2. Décide pour le son. Beaucoup sont construits autour de l'audio. Commence à faible volume et monte-le une fois que tu sais à quoi t'attendre.
3. Change de vitesse. La plupart récompensent un geste lent autant qu'un geste rapide, et certains, comme Pointer Pointer, ne réagissent que lorsque tu t'arrêtes.
4. Change d'appareil. Une œuvre qui ressemble à un jouet à la souris peut devenir un instrument sur un écran tactile. Paper Planes ne fonctionne vraiment que sur un téléphone.
5. Vérifie ce que tu partages. Quick, Draw! conserve tes dessins dans un jeu de données public ; WindowSwap accepte ta propre fenêtre si tu choisis de l'envoyer. Aucun autre site de cette liste ne demande de compte.

Ce que les meilleurs ont en commun

À regarder les seize ensemble, un motif apparaît. Aucun ne te demande d'apprendre une interface. Chacun est construit autour d'une seule action, un glissement, une touche, un défilement, un curseur immobile, et met toute son énergie dans ce que cette action produit. Les meilleurs te donnent aussi quelque chose que tu n'aurais pas pu faire seul : un chœur, la météo d'une planète, la vue d'un inconnu, une symétrie que tu ne dessinerais jamais à la main.

Pour le contexte de ces expériences, qu'est-ce que l'art interactif retrace l'idée d'une œuvre qui répond à son public, des premières pièces cinétiques jusqu'au navigateur. Si tu te demandes pourquoi Silk ou une nuée de points peuvent produire quelque chose de nouveau à chaque fois, l'art génératif interactif s'intéresse aux systèmes qui se cachent dessous.