Plugin for animated stickers

Discourse could have a plugin that adds a new emoji picker for animated stickers.

There is a open format where animated stickers can be defined by a json file called lottiefiles.

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web!

For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. They say a picture is worth 1,000 words so here are 13,000:

Recently Telegram launched Telegram Animated Stickers, building on the same technology and using a the .tgs file format:

All the tools to create those in After Effects are open source: GitHub - TelegramMessenger/bodymovin-extension: Bodymovin-tg UI extension panel for Telegram animated stickers


The web player for the files is here: Lottie Web Player - Lottiefiles

The plugin would add support for either tgs or lottie json files (tgs is just a gzipped lottie json) in here:

and a new emoji picker in here

image

which pops the new animated stickers picker:

Admins can find lottiefiles easily at emoji animations - Lottiefiles and convert to tgs using Test & Convert Lottie JSON to Telegram Sticker - Lottiefiles

13 Likes

Today Skia announced CanvasKit, a WASM renderer for Skia, which comes with Skottie, a plugin to render the lottie animations!

The player aims to build upon the Lottie player widely used for animations today, improving on the performance, feature set, and platform cohesiveness

https://jsfiddle.skia.org/canvaskit/092690b273b41076d2f00f0d43d004893d6bb9992c387c0385efa8e6f6bc83d7

4 Likes

Is it possible to replace the icons with these animations?

exemple: twitter
image

Link: Twitter Favorite Heart on Lottiefiles. Free Lottie, Bodymovin Animation

1 Like

There is nothing possible at the moment as this is just a plugin proposal which may never happen.

If we get the plugin built, we will have the ground work to render lottie animations, and may be able to extend it for icons, but that would be a lot of additional work.

5 Likes