Hugo Hismans
EN

Retour à l'atlas

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

HH·002LaboAbouti24 août 20252 commits

Harmonographe

Des pendules virtuels tissent des rosaces, exportables en GIF

Simulation d'un harmonographe, l'instrument victorien où des pendules amortis guident une plume. On peut ajouter autant d'axes qu'on veut, chacun réglable en amplitude, fréquence, phase, amortissement et direction. On part d'un preset (Lissajous, Rotary 3, Fleur, Bloom) ou d'un tirage au hasard, puis on exporte l'animation en GIF ou en WebM. La phase ou la rotation dérive d'une image à l'autre, et une option « bouclage parfait » produit une boucle sans couture.

Ce qui brille

  • Nombre d'axes illimité, chacun avec amplitude, fréquence, phase, amortissement et direction
  • Fichier HTML autonome : l'encodeur gif.js et son worker sont injectés depuis du base64 via des Blob URLs, ce qui permet de fonctionner hors ligne
  • Export WebM natif via MediaRecorder avec repli VP9 → VP8 ; exports GIF et WebM vérifiés fonctionnels en navigateur headless
  • « Bouclage parfait » : les incréments de phase et de rotation sont arrondis à des multiples de 360°/nb d'images
  • Générateur aléatoire xorshift avec seed, jitter de phase et désaccord de fréquence en ppm pour des animations organiques

Mode d'emploi

Choisir un preset (ou 🎲 Hasard), cliquer « Démarrer aperçu », puis « Export GIF » ou « Export WebM »

Fabriqué avec

  • JavaScript
  • Canvas 2D
  • gif.js 0.2.0 (Web Workers, embarqué en base64)
  • MediaRecorder API (WebM VP9/VP8)
  • HTML/CSS

Dans la même constellation

Versions précédentes