Funzione per ottenere coordinate X/Y per muovere su triangolo con bordi smussati

Question

Voglio fare un'animazione in javascript dove un oggetto si muove su un percorso. Per questo ho bisogno di una funzione che mi restituisce le coordinate X/Y sul percorso per un dato tempo. Il percorso deve essere un triangolo con bordi sfumati.

All'inizio dell'animazione dovrebbe spostarsi lentamente nel percorso del triangolo - ma questo potrei risolvere magari in una funzione diversa .. per me è più importante la funzione che può restituirmi le coordinate X/Y per il movimento sul triangolo.

L'animazione dovrebbe quindi andare in loop senza fine sul percorso del triangolo.

Ci sono (online) strumenti per creare le coordinate di tale animazione?

Qualcuno può aiutarmi con la funzione?

Answer 1

Suggerirei qualcosa come sqrt(x²+y²)=2.5+sin(atan2(y,x)*3)/5 - polare: ρ(θ)=2.5+sin(3θ)/5. È un semplice sistema di coordinate polari, e l'aggiunta di un'onda sinusoidale compressa (3 periodi per giro) su un cerchio:

θ(t) = t // angle 
ρ(t) = 2.5 + 0.2 * sin (t * 3) // radius 
// of course, you can play with the parameters :-) 

Si può facilmente convert those polar coordinates into cartesion ones.

L'animazione all'inizio, spostandosi dal centro verso il percorso, richiederebbe naturalmente una funzione aggiuntiva. Tuttavia, potrebbe essere fatto con la stessa meccanica - lasciando fuori la parte del cerchio: ρ(θ)=2.5*sin(3θ)