Как мне симулировать качающийся маятник?

Я хочу смоделировать веревку с прикрепленным грузом, раскачиваясь взад-вперед, как маятник. Любая реальная физика излишня; это просто бесконечно повторять одно и то же движение.

JQuery обладает легкостью "свинга", аналогичной тому, что я ищу. Как это работает?

Я думал о вращении с одного угла на другой Math.easeOutExpo, но настоящие маятники облегчаются по-другому ...

Ну, вам придется использовать немного физики, но вам не нужно имитировать физику. Есть формулы для движения маятника, которые вы можете легко использовать для установки вращения вашего маятника. Для небольших колебаний движение может быть аппроксимировано простым гармоническим движением .

Угловое смещение в определенное время может быть аппроксимировано с помощью:

Это наиболее точно для небольшого максимального θ, но, вероятно, будет достаточно точным для ваших целей. Создайте функцию, которая принимает текущее время и выводит угол, на который должен поворачиваться ваш маятник, и поворачивайте ваш спрайт на эту величину.

Вот расчет без триггеров, полученный из простых тригеров и физики 11-го класса. Предполагается, что начало координат - это самая низкая точка подвеса маятникового боба, что 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;
}