Como se hacen los png que se animan en el canvas?

[RIVERMILLOS]

hola quisiera saber como se hacen los png que tiene varios estatos y luego se animan en el canvas de html5 , si es con algun software o como?

saludos

[Carlangueitor]

Explica mejor a que te refieres por que no se te entiende del todo. Si quieres animar un sprite png lo puesdes hacer con canvas, pero no con un software, si no programando en Javascript.

Saludos

[RIVERMILLOS]

Hola osea lo que quiero saber es como se genera el png como tal , digamos con que programa como por ejemplo photoshop , yo se como se anima con js pero no se como se hace para hacer la secuencia en un solo png

[Carlangueitor]

A que te refieres con la secuencia en un solo png? A un sprite?

[NUCKLEAR]

Quizas te refieras a esto.... http://es.wikipedia.org/wiki/Animate...twork_Graphics

[RIVERMILLOS]

si pero como tal no son apng sin solo png este es un ejemplo de lo que quiero hacer

http://img26.xooimage.com/files/b/8/...es-1343462.png


saludos

[Carlangueitor]

Un sprite!!! Pero no me lees!

Y eso lo haces con cualquier software para editar imágenes, Photshop, GIMP, Corel Photo Paint, Pixelmator, hasta el mismisimo paint. Solo es unir las imágenes.

Y en todo caso eso no tiene que ver directamente con HTML5 así que hay que mover el tema.

Saludos

[IXtremeLT]

Puedes insertar una imagen usando el metodo drawImage() del contexto de tu canvas, ejemplo.

Código Javascript:

var context =  $('#mycanvas')[0].getContext('2d');
var tu_imagen = new Image();
tu_imagen.src = 'tu_imagen.png';
context.drawImage(img, 0, 0);
 

Saludos.