Au Progrès

Laboratoiren° 106 nov. 2026

Avalé : Internet broyé entre deux mains en 3D, puis plus rien

  • Shaders
  • three.js
  • Ondes
  • Web Audio

Comment c'est fait

La fenêtre est une vraie capture : la page d'accueil de Google ouverte dans Chrome sans interface, bannière de cookies refusée, puis le cadre du navigateur, onglet, barre d'adresse et boutons, refait en HTML et capturé à son tour. Elle devient une texture posée sur un plan découpé en 352 triangles, entre les deux mains en porcelaine du clap.

Au geste, un shader prend la fenêtre en main : chaque point est aspiré vers le point de contact, les bords suivent le centre avec retard, et la page s'étire en spirale, se tord dans le sens du geste, s'écrase entre les paumes en bombant comme du papier froissé. Les fissures s'allument, les triangles se détachent, tournent et disparaissent dans une singularité lumineuse, pendant qu'une lentille gravitationnelle courbe l'image autour d'elle et arrache des pixels aux couleurs de Google.

Puis les mains claquent. Toute la page passe au blanc, l'onde de choc fait exploser chaque élément, l'écran redémarre et la page se reconstruit, la fenêtre se réassemble triangle par triangle et les mains se reforment, prêtes à recommencer. Maintenir l'appui charge l'aspiration sur la basse wobble de l'onde ; tourner autour des mains la précipite.

  1. Capture de google.com dans Chrome sans interface, cadre du navigateur refait en HTML, texture WebP de 1 920 × 1 272 aux coins transparents.
  2. Plan découpé en 352 triangles, déformé dans le shader de sommets : aspiration différentielle, torsion, écrasement et froissage.
  3. Fissures lumineuses, aberration chromatique et bandes de glitch dans le shader de fragments.
  4. Post-traitement : lentille gravitationnelle et singularité autour du point de contact.
  5. Les mains du clap, même modèle et même animation, sans retouche.
  6. Au contact : calque blanc sur toute la page, puis explosion, redémarrage et reconstruction par l'onde.
Fenêtre
352 triangles, capture de 1 920 × 1 272
Clic
Aspirée en 0,95 s, boom à 1,41 s
Charge
Pleine à 5 s, jusqu’à 1,2 s en tournant
Retour
Fenêtre et mains reformées en 2,9 s
Fichiers
Code 84 Ko, fenêtre 56 Ko, mains du clap 433 Ko

Lettre d'information

Les avancées de la semaine, dans votre boîte

Une sélection d'articles du magazine, envoyée chaque semaine. Désinscription en un clic.