Más microbios!

Una de las novedades en HTML5 es el tag <canvas> que, combinado con Javascript, permite generar (entre otras cosas) animaciones. Adapté el código que usaba SVG para hacer la misma animacion de los microbios usando <canvas>.
Hacer una animación con <canvas> requiere un enfoque distinto al usado para hacerla con SVG. Para este caso, parece más natural hacerla con SVG. Usando canvas hace falta redibujar todo el cuadro cada vez. Usando SVG, alcanza con avisar que un elemento cambio de posición para que se mueva en la pantalla.
El resultado final es muy similar; tal vez que funcione un poco más rápido en firefox, pero es igual de pesado en uso de procesador.
Es dificil embeber javascript en blogspot, así que solo dejo un link a los archivos acá.

1 comentario:

  1. acá tenés algunas ideas con js y html5 si buscás alguna fuente de inspiración http://bitelia.com/2010/07/10-muy-entretenidos-experimentos-en-javascript-y-html5-para-hacer-en-tu-navegador

    ResponderEliminar