Feature 13 — Lottie animation

Le skateur
animé

Animation vectorielle pilotée en JavaScript. Deux séquences distinctes, vitesse réglable, couleurs modifiables en temps réel via les slots du fichier JSON.

Contrôles
de l'animation

Le fichier Lottie contient deux marqueurs : idle (repos) et Flip (figure). Déclenchez-les indépendamment.

Séquence

Vitesse ×1.0

Couleurs (slots)

Manteau
Planche
Cheveux

Vectoriel &
léger

Un fichier Lottie JSON est une animation After Effects sérialisée. Le résultat est vectoriel (scale infini sans perte), léger (quelques Ko), et entièrement contrôlable en JavaScript.

Idéal pour les loaders, onboarding, icônes animées, mascottes, transitions entre états.

Ce fichier

Le JSON Skate.json contient 2 marqueurs (idle, Flip) et 17 slots de couleur nommés. La librairie lottie-web permet de les modifier dynamiquement via anim.renderer.elements et les propriétés de style.