knagai実をいうと、target.animate()はAnimationオブジェクトを作成して、そのAnimationオブジェクトの再生を開始するショートカットで、実際にはその裏で、いくつかの重要な事柄が実行されています。target.animate()は次のように書き換えることができます。タイミングパラメータを作成しています。Animation()に、作成したKeyframeEffectオブジェクトと、ドキュメントのタイムライン(document.timeline)を渡して、Animationオブジェクトを作成しています。最後、Animationオブジェクトのplay()メソッドでアニメーションの再生を開始しています。やって手順をたどると、animate()メソッドを使った方がはるかに簡単に早くアニメーションの開始まで実行できることが分かります。裏側でKeyframeEffectオブジェクトなどが作成され、ドキュメントのタイムラインが使用されていることは分かりません。したがって、以降では、早くWAAPIの本質が理解できるように、いささか長い書き方ではありますが、animate()ではなく、1つずつ手順をたどる書き方で進めることにします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。