おもりをつけて、振り子のように前後に揺れるロープをシミュレートしたい。実際の物理学は過剰です。同じ動きを延々と繰り返すだけです。
jQueryは、私が探しているものに似た「スイング」の容易さを備えています。それはどのように機能しますか？
である角度から別の角度に回転することを考えてMath.easeOutExpoいましたが、実際の振り子は別の方法で緩和されます...
回答:
まあ、あなたは少し物理学を使用する必要がありますが、物理学をシミュレートする必要はありません。振り子の回転を設定するために簡単に使用できる振り子の動きの式があります。小さなスイングの場合、モーションは単純な調和モーションで近似できます。
特定の時間における角変位は、次のように概算できます。
これは、小さな最大θの場合に最も正確ですが、目的に対して十分正確である可能性があります。現在の時間を取り、振り子を回転させる角度を出力する関数を作成し、その量だけスプライトを回転させます。
これは、直接的なGrade 11 Trig and Physicsから導出された非トリガー計算です。これは、原点が振り子ボブのサスペンションの最低点であり、Lが振り子の長さであり、yが下に増加し、xが右に増加するという通常のグラフィックス規則が採用されていることを前提としています。
更新：最初にyAccelerationを台無しにしました。これは簡単です。
更新＃2：明示的な時間制御を追加し、測定単位を追加しました。
const float gravity = 9.8; // units of metres/sec/sec
const float deltaT = 0.001; // equals 0.001 sec or 1 millisecond
var xVelocity = 0.010; // units metres/sec equals 10 cm/sec
var x = 0.0; // units metres
var y = 0.0; // units metres
while (true) {
var xAcceleration = -gravity * (x/L) * (L-y)/L;
x += (xVelocity + (xAcceleration/2 * deltaT)) * deltaT;
y = Math.SQRT(L*L - x*x) - L;
xVelocity += xAcceleration * deltaT;
}