Adobe Animate アニメーションをネイティブに統合

前回の記事では、APNG エクスポートを使用して、 Adobe Animateのアニメーションを Web サイトに簡単に統合する方法について説明しました。 HTML5 Canvas Export を介したネイティブの方法もありますが、これを使用したことのある人なら誰でも、あらゆる場面で問題があることに気づくでしょう (応答性のサポートが不十分、既存の Web サイトへの統合が面倒、アニメーションごとにフレーム レートが異なるなど)。ここでは、ライブラリadobe-animate-embed が役に立ちます。


まず、新しいプロジェクトを作成し、タイプ「HTML5 Canvas」を選択します:

次に、標準の公開設定でプロジェクトを公開します:

これで、ライブラリadobe-animate-embedを統合し、DOM 要素内でアニメーションを再生します。:

3ad3cc9d9915693d69583124699f1a2b

ライブラリのドキュメントには、さらに多くの例とオプションが用意されています

バック