yanagisawa●Filterの利用cssのfilterについても試して見ました。{filter:brightness(200%);}anime.jsはtranslateには対応していますが、filterには対応していません。以下のサンプルは機能しません。6000,elasticity:800,autoplay:false});filterはcssでの操作で十分だと思うのですが、勉強ですので無理矢理anime.jsで制御してみました。anime.jsはobjectオブジェクトを操作できるので、それを操作し、その値を利用してfiterの値を変更しました。"brightness("+myObject.myBright+")";}上記のようにobject値を利用すればcssが対応している演出はほとんど実現できると思います(大抵はcssのみの操作で十分だと思いますが...)。使う機会は少ないと思いますが、Helperとして用意された機能を確認しておきます。animeオブジェクト(インスタンス)に利用するのではなくstaticなメソッドやプロパティです。→参考:Helper・anime.speedanime.jsを利用してるページ内すべてのアニメの速度を一律に変更するプロパティ。デフォルトは1で0.5を指定すれば半分の速度になる。注意点は1以上は設定できないこと(つまりデフォルトが最速設定)。0.5;・anime.runninganime.jsを利用してるページ内すべてのアニメの情報を配列で返します。返される配列は複雑で扱いにくい。tweenMaxのisTweening()のように引数で対象を指定できたら便利なのに...。anime.running;とはいえ、tweenMaxのisActive似た機能はあり(メソッドとプロパティの違いはあるものの)以前の記事で説明しました。myAnimation.completed.・anime.remove(target)引数で指定した要素に設定されたanimeオブジェクトを削除します。アニメは停止しrestartもできなくなります。前述のrunningも、これみたくtargetを指定できるようにすべきだと思う。property)指定したtargetのとpropertyを取得するメソッド。'translateX');・anime.path(pathEl)これはパスモーションで利用したメソッドですね。公式サイトの例では第2引数が設定されているのですが説明がありません。'translateX');・anime.timeline()これはタイムラインで利用したメソッドですね。私がjavaScriptのアニメライブラリを利用するのはシーケンシャルなアニメを作成するためなので利用頻度は高くなりそうです。y)指定範囲の乱数を取得するメソッドです。40);これで公式サイトの内容はだいたい学べたと思う。コメントをキャンセルメールアドレスが公開されることはありません。