¿Es posible "voltear" los dibujos de lona? ¿Alguna otra solución?

Question

Tengo un juego de <canvas> elementos que estoy "volteando" usando ¡dar la vuelta!. Mi problema es que la forma en que funciona Flip está volteando todo <canvas> Elemento y eso es crear un efecto no tan disco mientras está volteando ... ¡así que lo que estoy tratando de lograr es "voltear" de una manera similar al flip! lo hace, pero dentro del lienzo. ¿O hay alguna otra solución conocida?

Aquí hay un pequeño ejemplo de lo que estoy tratando de hacer: http://jsfiddle.net/hnqb6/4/.

Me gustaría voltear los triángulos negros, pero cuando uso el método Flip desde la URL sobre él voltea todo el elemento de lienzo que crea el efecto no tan nice.

Estoy bastante seguro de que puedes voltear toda la imagen en lienzo en un segundo, pero lo que estoy buscando es toda la animación también. ¿Alguien tuvo este problema antes?

Answer 1

Podrías usar transformaciones y transiciones 3D CSS para realizar un Animación de volteo de tarjetas en el elemento de lona. Voltear solo un elemento de lona solo es posible programando la animación desde cero, ya que eso incluiría manipular el píxel de la imagen de mapa de bits por píxel. Alternativamente, podría transformar la matriz de lienzos en sí, pero implica mucho más trabajo que la transición 3D en relación con la animación.