Speed up drawing

[aaronjenson]

Drawing w/ 5 dimensions or more significantly reduces frame rate. Should calculate all points before drawing, rather than performing rotations and projections twice or more on each point.

[aaronjenson]

Plan of attack:
Point object should have function to calculate 2d coords that saves the result. This function will accept the rotation list and the raphael paper (though it is only used for the width and height) as a parameter.
Point will retain its draw and drawConnections functions, though drawConnections will draw all connections, not just one.

Cube object calls function to calculate 2d coords, then calls draw on each point.

Strike that, just going to do it and comment the idea of the approach that works later.

[aaronjenson]

Attempted to speed up by rewriting Cube class, speed improvements were minimal, if any. The slowest parts of the site are:

1. drawing connections between points. I've already significantly optimized this with Refactor Point / Cube #9, so making this faster will take a lot of thought.
2. constant updates to UI elements corresponding to rotations. I tried lazy loading the elements behind the dropdown for each rotation, but that either didn't work or did not help. Maybe some other method can keep these elements from being updated unless the dropdown is open. If not, maybe add a performance mode as opposed to precision mode, hiding these elements while animating higher dimensional cubes.
   The specific elements that are slowest are the sliders for angle and velocity of each rotation, and to a lesser extent, the angle indicator on the header of each expansion panel.

[aaronjenson]

Next plan:

• dont show the UI sliders while running, just highlight the axes that are rotating
• allow exporting a rendered video, or add buffering
• allow changing the fps