Créer une animation multi-plateforme (web/mobile/desktop) grâce à Rive en quelques clics !

Rive est un outil permettant de concevoir des animations multi-plateformes (Android, iOS, Windows, macOS, Linux, web…) et aussi compatible avec certains moteurs de jeux (Unity). Même s’il paraît similaire à Lottie, il a beaucoup plus de fonctionnalités.

Dans cette vidéo, l’idée est de commencer à faire une animation simple : une cloche qui vient “vibrer” lorsqu’une notification arrive. Pour cela, on mettre en place l’apparition du badge rouge, une encoche autour, ainsi que l’animation de la cloche en tant que telle.

Une fois l’animation terminée, elle sera présentée dans un projet Flutter (mais les APIs sont similaires).

Projet sur GitHub : https://github.com/g123k/devcafe_rive_notification_bell

🎬 Au sommaire : 00:00 Introduction 00:48 Créer le projet Rive 03:14 Prise en main de l’interface 05:31 Créer le badge et l’encoche 07:33 Animer le badge 11:23 Animer la cloche 15:29 Intégrer l’animation dans une application 18:12 Conclusion

Mots clés : #animation #rive #lottie #android #ios #reactnative #flutter #json #windows #macos #linux #unity ... https://www.youtube.com/watch?v=PcKPw50b_rE