Suppose I have on paper an ellipse defined by the equation:
x^2 y^2
--- + --- = 1
4 9
Just to make it more complicated, suppose I rotate this ellipse 30 degrees, such that I now have the equation:
31 5 21
--x^2 + -sqrt(3)xy + --y^2 = 36
4 2 4
(I grabbed these equations from an old highschool textbook on rotating functions)
Okay, so here's my question. Let's say I want to use this ellipse in Verge, and each x and y correlates to a pixel's width. How do I rewrite this sort of equation to take a 3rd variable (the timer for example) to specify a point on the ellipse? In other words, if I wanted to move a tiny image around the ellipse, travelling an equal distance each time it 'updated', how would I do that? By 'distance' I don't mean just the X distance; I mean the hypotenuse of the triangle (would probably need good ol' Pythagorus here for starters) formed when going from one timer click to the next.
EDIT: Hope you guys can figure out the equations easily enough...