HTML 5 Canvas Demo - Exemplo simples

[Anderson Ferminiano 2]

 

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!

[Mário Monteiro 179]

Queria que a área fosse mais movimentada

 

Voce posta ótimos exemplos

[Anderson Ferminiano 2]

Valeu Mario, ando bem sem tempo p/ criar novos artigos bacanas, inclusive no meu blog pessoal, mas quando der eu volto com mais :)

[dgmoitay 0]

Muito bom, parabéns

[jorginhobr84 0]

vlw cara

 

fico muito bom