动画贴纸插件

Discourse 可以开发一个插件,为动态贴纸添加一个新的表情选择器。

目前存在一种开放格式,通过名为 LottieFiles 的 JSON 文件来定义动态贴纸。

Lottie 是一个适用于 Android、iOS、Web 和 Windows 的库,它能解析通过 Bodymovin 导出为 JSON 格式的 Adobe After Effects 动画,并在移动设备和网页上原生渲染它们!

设计师们首次能够创建并发布精美的动画,而无需工程师手动逐一重现。人们常说“一图胜千言”,那么这里就有 13,000 个“字”:

最近,Telegram 推出了 Telegram 动态贴纸功能,基于相同的技术并使用 .tgs 文件格式:

所有在 After Effects 中创建这些贴纸的工具都是开源的:GitHub - TelegramMessenger/bodymovin-extension: Bodymovin-tg — After Effects extension for exporting Telegram animated stickers. · GitHub


这些文件的网页播放器在这里:https://lottiefiles.com/web-player

该插件将在此处添加对 tgs 或 Lottie json 文件的支持(tgs 只是经过 gzip 压缩的 Lottie JSON):

并在以下位置添加一个新的表情选择器:

image

点击后会弹出新的动态贴纸选择器:

管理员可以轻松地在此处查找 LottieFiles:https://lottiefiles.com/search?q=emoji,并使用 https://lottiefiles.com/preview/telegram 将其转换为 tgs 格式。

21 个赞

今天,Skia 发布了 CanvasKit,这是一个用于 Skia 的 WASM 渲染器,并附带了 Skottie 插件,用于渲染 Lottie 动画!

该播放器旨在基于当今广泛用于动画的 Lottie 播放器进行构建,在性能、功能集和平台一致性方面进行改进。

7 个赞

是否可以用这些动画替换图标?

例如:Twitter
image

链接:https://lottiefiles.com/518-twitter-favorite-heart

3 个赞

目前不可能实现,因为这只是一个插件提案,可能永远不会实施。

如果我们构建了这个插件,我们将具备渲染 Lottie 动画的基础,或许可以将其扩展用于图标,但这需要大量的额外工作。

10 个赞

如果有人有预算并希望我来处理,请私下联系我。

5 个赞