Canvas move object in circle

Question

Ho un rettangolo in tela e so come spostarlo verso l'alto e lateralmente. Quello che voglio fare è muoverlo con un movimento circolare.

Quindi i miei oggetti (rettangolo) xey andrebbero in cerchio.

Ora sto assumendo che ho bisogno di un raggio per quanto lontano e qualche formula per la velocità (1pixel) per farlo ruotare sull'asse.

Qualche idea?

Answer 1

L'equazione parametrica per muoversi in un cerchio è questo:

x=r*cos(theta) 
y=r*sin(theta) 

theta è l'angolo, e r il raggio.

Se volete sapere il cambiamento di theta per ottenere la velocità desiderata, risolvendo per la distanza d si ottiene che il cambiamento di theta è: arccos(1-(d/r)^2/2)

Le funzioni JavaScript sono Math.cos, Math.sin, e Math.acos, respsectively . Tutti hanno a che fare con i radianti.