Animateでは、柔軟性に優れた 高精細のベクター画像として、アセットを 作成した後 ビットマップテクスチャとしてパブリッシュすることができます テクスチャは、HTML5 Canvasなどでの 表示に適しています 制御メニューから 「プレビュー」をクリックすると 通常のブラウザーでアニメーションが表示されます ご覧のとおり ベクターキャラクターは、このプラットフォームでは 動きがスムーズとは言えません 複雑なベクター画像をたくさん使っているため デフォルトのブラウザーでは表示が追いつかないからです このような場合は、テクスチャが適しています アセットをテクスチャとしてパブリッシュするには プロパティパネルにある 「パブリッシュの設定」を開きます JavaScript/HTMLの「基本」タブの中に 「ドキュメントをテクスチャとして書き出し」オプションがあります パフォーマンス優先で、サイズは大きくなります これをオンにします 横に表示されるレンチのアイコン 「イメージ設定」をクリックすると 「イメージ設定」タブが表示されます デフォルトの設定では ドキュメントに含まれるすべてのシンボルが テクスチャとして書き出されますが 「変更」をクリックして ベクターではなく、テクスチャとしてレンダリングする アセットを個別に選択することもできます このデモでは すべてをテクスチャとしてパブリッシュします この設定で「OK」をクリックします 制御メニューから 「プレビュー」をクリックします このとおり 通常のブラウザーでは、ベクターよりも こちらの方がはるかにスムーズに動きます
Animate でこれらのチュートリアルをお試しください
ゲーム、アプリ、web 向けのインタラクティブなアニメーションを作成
