Épicycloïde
Dessine une forme : une chaîne de cercles qui tournent la redessine
On trace une silhouette à la souris, ou on importe une image dont le contour est extrait par un détecteur de Canny ou un seuillage d'Otsu codés à la main. Une transformée de Fourier discrète décompose ensuite la courbe en une chaîne de cercles tournants (jusqu'à 800), triés par taille, qui la redessinent en direct dans un second canvas. Des curseurs règlent le nombre d'échantillons, d'harmoniques, la vitesse et la visibilité des cercles, et montrent qu'une poignée de rotations suffit à retracer un cheval ou un éléphant.
Ce qui brille
- Transformée de Fourier discrète écrite à la main, avec des coefficients triés par amplitude pour dessiner les grands cercles d'abord
- Import d'image et extraction de contour sans aucune bibliothèque : flou, Sobel, suppression des non-maxima et hystérésis (Canny), seuil d'Otsu, suivi du plus long contour
- Deux instances p5 synchronisées : canvas de dessin (aperçu des bords) et canvas de rendu avec trait persistant
- Jusqu'à 4 096 échantillons et 800 harmoniques réglables en direct
- Réécriture complète le même jour : la première version (06 h) ne permettait que le dessin, celle de 09 h ajoute l'import d'image
Mode d'emploi
Dessiner une forme fermée à gauche (ou importer une image puis « Extraire »), cliquer « Lancer » et regarder les cercles la redessiner
Fabriqué avec
- p5.js 1.9.3 (mode instance, 2 sketches)
- JavaScript
- Canvas 2D (canvas offscreen)
- HTML/CSS