labs

Polymer experimentation

Triangulation simple en JavaScript : des points sont créés avec des positions, des directions et des vitesses différentes fixées au hasard. L’actualisation de chaque point modifie sa position en fonction de sa direction, de sa vitesse et de sa dernière position, en veillant à ce que cette nouvelle position ne soit pas en dehors du canvas.

Lors de la création de chaque point, chacun d’entre eux est relié aux deux points suivants, de manière à former un triangle, sauf si le trait tracé entre les points dépasse une certaine longueur. Chacun de ces traits prend une couleur fixée aléatoirement.

La structure, le style et le fonctionnement de l’animation sont défini dans un seul et unique web component Polymer, qu’il suffit d’appeler par son nom pour obtenir autant d’animations (3 ici).

See the Pen Polymer Colorful Triangulation by tibomahe (@tibomahe) on CodePen.