Études interactives

Trois expériences, pour le plaisir.

Faites entre deux projets, sans commande et sans cahier des charges. Elles montrent ce que le navigateur sait faire quand on le pousse : gestes, particules, matière. Tout tourne sans framework, dans une seule page chacune.

01

Singularité

Jouer avec la gravité

Aperçu de l'étude Singularité

Un disque de milliers de particules en orbite autour d'un centre noir. Déplacez le centre, maintenez pour attirer, relâchez pour libérer une impulsion.

  • Déplacer le centre
  • Maintenir pour attirer
  • Relâcher : impulsion

Canvas 2D, 3 150 particules, dessin en un seul passage par couleur.

Plein écran ↗

02

Matière

Une matière vivante

Aperçu de l'étude Matière

Une matière iridescente, ni liquide ni lumière, qui se déforme en vagues sous la souris ou le doigt. Trois palettes, et aucune ligne droite.

  • Glisser pour onduler
  • Toucher : une vague
  • Changer de palette

WebGL, un seul shader, bruit précalculé en texture pour rester fluide.

Plein écran ↗

03

Métamorphose

La forme vous appartient

Aperçu de l'étude Métamorphose

Une sculpture de particules en trois dimensions qui devient sphère, anneau, hélice, ou le mot que vous tapez. Tournez autour, dispersez-la, elle se rassemble.

  • Glisser pour tourner
  • Toucher pour disperser
  • Écrire votre mot

Canvas 2D, 3 200 points projetés en 3D, ressorts vers la forme cible.

Plein écran ↗

Envie de ça sur votre site ?

Ces effets ne sont pas réservés aux démonstrations. Une page d'accueil qui réagit au geste, un produit qu'on tourne, une matière qui respire : ça se construit.

Parlez-moi de votre projet Voir les applications