Jugando con HTML5 Canvas

Procrastinación Productiva

Jugando con HTML5 Canvas

Algunos experimentos interactivos escritos en JavaScript y HTMLT5 Canvas.

Gotas de lluvia

HTML5 Canvas Demo

Las nubes, la dirección y velocidad del viento son inicialmente generados aleatoriamente. Puedes cambiar la velocidad y dirección del viento arrastrando el puntero y reventar las gotas presionando el puntero sobre ellas.

Planificación de rutas con A*

HTML5 Canvas Demo

Búsqueda de rutas (Path planning) con una Implementación en javascript del algoritmo de caminos mínimos de Dijkstra (Dijkstra's shortest path algorithmth). Mueve el punter sobre las criaturas para despertarlas, selecciónalas y encontraran el camino mas corto hacia el cuadro negro.

Árbol generado procedimental-mente

HTML5 Canvas Demo

Árbol fractal generado procedimental-mente.

Simlador fisico

HTML5 Canvas Demo

Algunas leyes físicas implementadas en JavaScript.

Barcos

HTML5 Canvas Demo

Dos barcos navegando en olas senoidales.

Combi

HTML5 Canvas Demo

Mueve el punter sobre la combi para arrancar y presiona para avanzar.

Mérida

HTML5 Canvas Demo

Algunos edificios icónicos de mi ciudad.

Juego Retro

HTML5 Canvas Demo

Modelo de cámara estenopeica para una apariencia de juego retro.