いった値にした場合、電車はその範囲から遥か遠くに飛び出します。特定のタスクのためのベジェ曲線はどうやって作るのでしょう?そのための多くのツールがあります。アニメーションをステップに分割することができます。数字を使った例を見てみましょう。私たちは数字を滑らかではなく、離散的に変化させます。引数はステップの数です。9秒は1秒間隔になります。アニメーション開始時にすぐに最初のステップを行うことを意味します。アニメーションでそれが確認できます。変わり、以降は次の秒のはじめに変化していきます。-80%(最後の秒は最後の値を表示します)。変化は各秒の最初ではなく最後に適用されるようにすることを意味します。アニメーションはすぐに始まり、ステップは1つです。これは開始後すぐに終わり、まるでアニメーションがないかのように見えます。終わりに単一ステップのアニメーションを行います。これらの値はほとんど使われません。実際にはアニメーションではなく、単なる単一ステップの変更だからです。イベントがトリガされます。これはアニメーション完了後になにかをするのに広く使われています。アニメーションを付け加える事もできます。下の例にある船は、クリックで往復し始めます。時間が経つごとにどんどん右に行きます。イベントオブジェクトはいくつかのプロパティを持っています。:event.propertyNameアニメーションを終了したプロパティ。複数のプロパティを同時にアニメーションした場合に便利です。除く、アニメーションの時間(秒単位)。ルールを使用して、複数の簡単なアニメーションを一緒に動作させることができます。何を/いつ/どこでアニメーションさせるかのルールを指定します。プロパティを使ってアニメーションと要素の紐づけを行い、追加のパラメータを指定していきます。ついて多くの記事があります。頻繁に必要とはしないでしょう。プロパティの変更をなめらかにアニメーション化できます。これはほとんどのアニメーションのタスクに適しています。次のチャプターではそれを見ていきます。アニメーションの制限は次の通りです:メリット簡単なことは簡単にできます。対し高速であり軽量です。アニメーションは柔軟です。ような任意のアニメーションロジックを実装することができます。単なるプロパティの変更ではありません。アニメーション目的で新しい要素を作成すると言ったことが可能です。使用して実装することができます。実行することができるので、コードともうまく統合できます。アニメーションをいくつか見ていきます。5下の図のようなアニメーションを表示してください(飛行機をクリックしてください)。“壊すべきではありません”。すべてのプロパティに対して1度トリガします。したがって、追加のチェックをしない場合、メッセージは2度表示されます。大きくなり(飛び出し)、その後元のサイズに戻るようにしてください。次のように見えるようにします(飛行機をクリックしてください):解答このアニメーションに対する正しいベジェ曲線を選ぶ必要があります。なるタイミングが必要です。