Motion 8, 弱まっていく動き

先ほどのジャンプに、減速する処理を加えました。各ボールに、ぴょんぴょん跳ねるためのradianと、寿命のためのradianの2つを利用してます。

var elapsed = 0, duration = 100; // 経過時間, 継続時間
var origX, distance = 100; // 原点座標, 移動距離
var radius = 100; // ボールが描く軌跡の半径
var radian = 0; // 跳ねる運動のためのラジアン
...
var ratio1 = elapsed / duration; // 進捗状況
var radian2 = ratio1 * Math.PI * 0.5; // ラジアンに変換
var ratio2 = Math.sin(radian2); // 緩急のついた進捗状況
var x = origX + distance * (1 - ratio2); // X座標
var y = Math.sin(radian) * radius * ratio2; // Y座標
radian++; elapsed++; // インクリメント
if (elapsed >= duration) leave(); // 継続時間になったら終了

またしてもはでにしてみました ^^
寿命のためのラジアンから得た1〜0の数値は、移動距離とボールのは値上がりの高さにも加算して、じょじょに衰えていくような動きにしています。

続く：Motion 9, 震える動き