終了

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

New Here ,
Mar 29, 2017 Mar 29, 2017

リンクをクリップボードにコピー

コピー完了

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

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

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

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

Screenshot_10.png

Screenshot_12.png

Screenshot_13.png

こんな感じです・・・・

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

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

表示

861

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
参加者 ,
Mar 30, 2017 Mar 30, 2017

リンクをクリップボードにコピー

コピー完了

最新

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

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

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

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

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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines