Skip to main content
Participant
March 29, 2017
Question

Adobe AnimateCC 明度のアニメーションの実現について

  • March 29, 2017
  • 1 reply
  • 931 views

当方 Acobe AnimateCC 2017.1を使っています。

パブリッシュはJavascript Htmlです。

タイムライン上でBitmapを包んだMovieClipに対して明度のアニメーションを設定してもCanvasのほうで反映されません。

明度を1フレームだけ変える事はできるのですが その後に1フレームずつ並べたりしても1フレーム目しか変わりません。

こんな感じです・・・・

どなたかご存知の方ご教授ください

よろしくお願いいたします。

This topic has been closed for replies.

1 reply

448jp
Inspiring
March 30, 2017

HTML5 Canvasドキュメントでは、トゥイーンの中でカラー効果を使用してもアニメーションには反映されません。これは仕様です。

もう少し詳しく説明すると、カラー効果やフィルターは、HTML5 Canvasでは非常に負荷の高い処理になります。そのため、同機能を利用すると、Animateは自動的に「ビットマップとしてキャッシュ」が有効になった状態で書き出します。「ビットマップとしてキャッシュ」が有効になると、文字通りビットマップとしてメモリーにキャッシュされるため、基本的に描画の変更が反映されません。

ご提示のタイムラインを例にすると、1フレーム目ではキャッシュされたビットマップが描画されるものの、2フレーム目以降はそのキャッシュされたビットマップがそのまま描画され続けている、という状況になります。

代替手段としては、以下のような手が考えられます。

  • 明度を変更したいMovieClipの上に、半透明の矩形を配置し、透明度のトゥイーンを作成することで擬似的に明度変更を実現する。
  • 書き出されたJavaScriptを手動で書き替えて、ビットマップとしてキャッシュの機能を無効にしつつ、トゥイーン中にカラー効果が適用されるように改修する(技術的にある程度高度な上、前述の通りパフォーマンスが悪くなるのでお勧めしません)。