Skip to main content
hase0515
Participant
January 16, 2020
Question

ビットマップを配置しているムービークリップに対してカラーフィルタが動作しないブラウザがある

  • January 16, 2020
  • 1 reply
  • 160 views

ビットマップを配置したムービークリップに対してカラー効果から明度の変更を加えてパブリッシュした所、

chromeでは明度の変更が適応されているのですが、firefoxでは明度の変更が適応されない現象が発生しました

ドロップシャドウは適応されるのですが、どうも「.filters」はfirefoxでは動作しない様です

こちらの動作が行われる手段を教えていただけますでしょうか

 

プラットフォームはhtml5 canvasで作成しています

This topic has been closed for replies.

1 reply

Melodic_Giggles1674
Participating Frequently
July 9, 2020

質問への回答が遅くなりすみません。

私のほうでも試してみたのですが、カラー効果から明度を変更した場合、以下の通りとなりました。

 

複数のフレームでクラシックトゥイーンを設定。

明度が-100%→100%→-100%にトゥイーンするように設定。

 

 

1フレーム目の表示結果が常に表示。これはFirefox, Chrome, Safariでも同じでした。

(ローカルファイル実行ではなく、ウェブサーバー上で検証しています)

※以下はFirefoxにて。1フレーム目のカラー効果(明度)が適用された状態になっています。

 

 

出力されたコードの中身をのぞいてみたところ、以下のようになっており、1フレーム目でキャッシュされるためのようです。

 

this.instance = new lib.Hoge();
this.instance.setTransform(74,344);
this.instance.filters = [new cjs.ColorFilter(0, 0, 0, 1, 0, 0, 0, 0)];
this.instance.cache(-75,-58,151,116);

this.timeline.addTween(cjs.Tween.get(this.instance).to({x:477,y:204},8).to({x:0,y:0},11).wait(1));

this._renderFirstFrame();

 

HTML5 Canvas 書き出し (CreateJSのバージョンは 1.0.0 )

Adobe Animate 20.5

 

 

そのため、ご質問の『「.filters」はfirefoxでは動作しない』は検証できなかったのですが、参考までに状況を共有します。