¿Cuál es la mejor manera de animar algo en el lienzo?

Question

Estoy tratando de animar un triángulo "volteando" en lienzo usando JavaScript. El problema es que JavaScript realiza la animación demasiado rápido y realmente no puedes ver el efecto. ¿Cuál es la mejor manera de "ralentizarlo"? He probado la función SetTimeOut, pero no funciona porque retrasa la ejecución de la función para volver a dibujar mi triángulo, pero continúa con la ejecución del bucle redibujado, si eso tiene algún sentido. ¿Hay alguna función de jQuery para retrasar la ejecución> Vi la función de retraso () pero no creo que sea aplicable en este caso? Déjame mostrarte lo que tengo a partir de ahora:

http://jsfiddle.net/hnqb6/7/

Cualquier sugerencia bienvenida :)

Answer 1

Aquí está el código para la respuesta. Utilizo SetInterval para la función de animación y Data () jQuery para permitir que la animación almacene datos sobre cada lienzo.

http://jsfiddle.net/kerrmarin/v8dme/1/