lottie-workshop
2022-06-22
information :
Objectifs du Workshop
Lottie, BodyMovin…
Important : Les limites
Exemples
Petit annuaire des liens utiles
activités :
1. Mise en place d’un serveur et d’un projet de base
2. Préparer, animer, exporter un fichier
3. Créer des autocollants animés pour Telegram
4. commander une animation
5. Ajouter de l’interaction
pratique :
Installer un éditeur de code
Installer BodyMovin
Installer bodymovin-tgs
Installer un serveur local
Télécharger Lottie pour le web
Préparer et importer un fichier pour BodyMovin
Boucle et expressions
Créer des stickers animés pour Telegram
(Avancé) expressions et interactions
code pour interactions
archive :
workshop-lottie
objectifs
déroulé
lottie
Bodymovin
Résumé
Exemple simple
Travailler avec Illustrator
Travailler avec des expressions
utiliser des expressions avec Lottie
au survol, l’animation change de direction
Récupérer la position de la souris
faire une fois quelque chose, une fois autre chose
déclencher des choses selon un événement
déclencher la lecture de différentes phases de l’animation
Consignes
créer un serveur avec node.js
lottie-workshop
Docs
»
workshop-lottie
»
Résumé
View page source
Résumé
¶
