マテリアル デザイン ガイドラインに従っていくつかのアニメーションを作成していたので、曲線のモーション パスを作成中に行き詰まりました。
まず第一に、Polymer を使用して可能な限り多くのプロジェクトをビルドしています。このビデオのようなアニメーションを実装したいと考えています。アニメーションは要素のグリッド上で実行する必要があり、クリックすると画面いっぱいに拡大されます。この効果は、次のビデオで最もよく示されました。
私はネオンアニメーション要素でいくつかのことを試してきましたが、これを簡単に行う方法が見つかりませんでした.
Web Animations API と、それを使用してモーション パスを実装する方法については調べましたが、これを Polymer で構築されたアニメーションと連携させる方法を見つけることができませんでした。
別の可能な解決策は、ネオン アニメーションで構築されたカスタム アニメーションに多くのキーポイントを設定することでした。カーブ上に十分な数のポイントを設定することで、カーブを思いどおりに発生させることができます。
私の質問は、グリッドのランダムな要素をクリックしたときに曲線モーション パス アニメーションを作成する最も簡単で最良の方法は何でしょうか?