Come posso simulare un pendolo oscillante?

Voglio simulare una corda con un peso attaccato, oscillando avanti e indietro come un pendolo. Qualsiasi fisica reale è eccessiva; sta ripetendo all'infinito lo stesso movimento.

JQuery ha uno stile "swing" simile a quello che sto cercando. Come funziona?

Stavo pensando di ruotare da un angolo all'altro Math.easeOutExpo, ma i pendoli reali si allentano in modo diverso ...

Bene, dovrai usare un po 'di fisica, ma non devi simulare alcuna fisica. Esistono formule per il pendolo movimento del che puoi facilmente utilizzare per impostare la rotazione del pendolo. Per piccole oscillazioni, il movimento può essere approssimato con un semplice movimento armonico .

Lo spostamento angolare in un momento specifico può essere approssimato con:

Questo è più preciso per un piccolo massimo θ, ma probabilmente sarà abbastanza preciso per i tuoi scopi. Crea una funzione che richiede l'ora corrente e genera l'angolo per il quale il pendolo dovrebbe essere ruotato e ruota la tua sprite di tale importo.

Ecco un calcolo no-trig, derivato da Trig 11 elementare e fisica semplici. Presuppone che l'origine sia il punto più basso della sospensione del pendolo, che L sia la lunghezza del pendolo e che sia adottata la normale convenzione grafica di y che aumenta in basso e che x aumenta a destra:

Aggiornamento: inizialmente ho incasinato yAcceleration; questo è più facile.
Aggiornamento n. 2 : aggiunto controllo del tempo esplicito e unità di misura aggiunte.

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;
}