HTML 5 Canvas Demo - Exemplo simples

/applications/core/interface/imageproxy/imageproxy.php?img=http://andersonferminiano.com/html5/studies/airplane/airplane_html5_demo.gif&key=c2391b2df8c2297310f68801a25e3368810be2a42c849dd1a9f23af30d9ba60b" alt="airplane_html5_demo.gif" />

Sempre que dá tempo eu estudo HTML 5, principalmente a nova tag canvas para desenvolvimento de jogos e aplicativos interativos, que em breve deve ganhar espaço no mercado do Flash/Actionscript 3.0.

Segue um demo bem simples que desenvolvi, apenas um avião se movimentando pelo palco do canvas, foram usadas técnicas básicas de desenvolvimento de jogos e geometria para a movimentação do avião, como double buffering, aceleração e rotação.

Utilize as setas do teclado para interagir.

Demo: http://andersonferminiano.com/html5/studies/airplane/

Código Fonte (JS): http://andersonferminiano.com/html5/studies/airplane/main.js

Favor utilizar um navegador atualizado, Chrome, Mozilla ou Safari para testar…

Abs!