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

以前の記事で、APNG エクスポートの迂回路を介して、 Adobe Animate のアニメーションを Web サイトに簡単に統合する方法について説明しました。 HTML5 キャンバス エクスポートを介したネイティブの方法もありますが、すでに取り組んでいる人は、それが隅々まで行き詰まっていることに気付くでしょう (不十分なレスポンシブ サポート、既存の Web サイトへの面倒な統合、アニメーションごとの異なるフレーム レートなし、など) .)。 ライブラリadobe-animate-embedは、ここでの解決策を提供します。


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

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

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

3ad3cc9d9915693d69583124699f1a2b

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

バック