Icon-Animation

Ein Zahnrad, das sich dreht, während der Rest der Zeichnung stillsteht. Das Icon besteht aus drei Konturen — Außenbogen, Zahnkranz, Innenform —, aber nur der Zahnkranz rotiert. Er ist an einer diagonalen Schnittkante maskiert, sodass die Zähne durch die Diagonale hinein- und wieder hinauswandern.

Gebaut als Lottie, erzeugt von einem Python-Generator aus dem SVG: Radien, Zahnbreiten und die Lage der Schnittkante sind am Original ausgemessen, das Rad selbst ist neu gerechnet. Die Datei läuft nur 2,25 s — nach einer Zahnteilung sieht das Rad wieder identisch aus, die Schleife schließt sich also nahtlos.

↗ Live im Lab: labs.marckusse.at/derposch/icon-animation