Explorations →

(Explorations)

Exploration créative avec WebGL

Librement inspiré du travail de Matthias Hurrle, cette animation utilise WebGL pour créer des effets visuels fluides et interactifs.

L'animation génère des motifs colorés en temps réel grâce à des algorithmes de bruit mathématique, créant des formes organiques qui évoluent constamment. L'effet de traînée hypnotique est créé par un échantillonnage directionnel qui mélange les couleurs de l'image précédente avec les nouvelles formes générées.

Vous pouvez orienter les rais de lumière en cliquant sur l'animation.

Animation simple avec Canvas 2D

Inspiré de techniques d'animation classiques, cette simulation représente un voyage spatial dans l'univers de Star Trek.

L'animation génère un champ de 1900 étoiles en mouvement grâce à des calculs de perspective 3D, créant l'illusion d'un déplacement à travers la galaxie. L'effet de profondeur est obtenu en faisant varier la taille des étoiles selon leur distance.

Cliquez sur le bouton pour créer l'effet de traînée caractéristique des voyages interstellaires.

Visualisation de cosinus et sinus en pur CSS

Adaptée du travail de Brett Schwickerath, cette animation décompose le mouvement circulaire en fonctions trigonométriques.

La barre bleue dessine le cosinus (axe horizontal), la barre rouge dessine le sinus (axe vertical). La zone en bas à droite est la combinaison des deux ondes, illustrant comment ces fonctions mathématiques s'articulent ensemble. L'animation utilise les CSS Custom Properties (@property) pour animer des valeurs numériques et créer des transitions fluides entre les différents états.