アニメーションステッカー用プラグイン

Discourse には、アニメーションステッカー用の新しい絵文字ピッカーを追加するプラグインを導入できる可能性があります。

アニメーションステッカーを定義するためのオープンフォーマットとして、lottiefiles という JSON ファイルが存在します。

Lottie は、Android、iOS、Web、Windows 向けのライブラリであり、Adobe After Effects で作成されたアニメーションを Bodymovin を介して JSON 形式でエクスポートし、モバイルおよび Web 上でネイティブにレンダリングします!

初めて、デザイナーがエンジニアに手作業で再作成させることなく、美しいアニメーションを 作成して公開 できるようになりました。絵は千の言葉に値すると言われますが、ここでは 13,000 の言葉をお見せします:

最近、Telegram は同じ技術を活用し、.tgs ファイル形式を採用した「Telegram Animated Stickers」をリリースしました:

After Effects でこれらを作成するためのすべてのツールはオープンソースです:GitHub - TelegramMessenger/bodymovin-extension: Bodymovin-tg — After Effects extension for exporting Telegram animated stickers. · GitHub


これらのファイル用の Web プレーヤーはこちらです:https://lottiefiles.com/web-player

このプラグインは、tgs または lottie の json ファイル(tgs は gzipped された lottie json に過ぎません)へのサポートを以下に追加します:

そして、新しい絵文字ピッカーを以下に追加します:

image

これにより、新しいアニメーションステッカーピッカーがポップアップ表示されます:

管理者は、https://lottiefiles.com/search?q=emoji で lottiefiles を簡単に検索し、https://lottiefiles.com/preview/telegram を使用して tgs 形式に変換できます。

「いいね!」 21

本日、Skia は Skia のための WASM レンダラーである CanvasKit を発表しました。これには Lottie アニメーションをレンダリングするプラグインである Skottie も含まれています。

このプレイヤーは、現在アニメーションで広く利用されている Lottie プレイヤーを基盤とし、パフォーマンス、機能セット、およびプラットフォームの統一性を向上させることを目指しています

「いいね!」 7

これらのアニメーションでアイコンを置き換えることは可能でしょうか?

例:Twitter
image

リンク:https://lottiefiles.com/518-twitter-favorite-heart

「いいね!」 3

現時点では不可能です。これは単なるプラグインの提案であり、実現しない可能性もあります。

プラグインが完成すれば、Lottie アニメーションの描画基盤が整い、アイコンへの拡張も可能になるかもしれませんが、それには相当な追加作業が必要となります。

「いいね!」 10

予算があり、この件で私に作業を依頼したい方がいらっしゃいましたら、プライベートメッセージでお知らせください。

「いいね!」 5