Comecei escrever um pequeno projeto para facilitar a criação de jogos em Javascript utilizando HTML5 Canvas para isso. Baseado em scenegraph podendo criar nós dependentes, relativos ao nó pai. Por enquanto a estrutura da engine é composta por:
Canvas: para encapsular a tag canvas, pegando automaticamente o context e fornecendo algumas funções a mais.
Game: o jogo em sí, possui uma ou muitas cenas (Scene). Contém o loop principal para atualizações do canvas. Necessita de uma instância do Canvas.
Scene: deve ser estendida para criar cenas customizadas, deve implementar o método update(interval).
CanvasNode: um nó do grafo, possui as coordenadas e ângulo de rotação do elemento no canvas.
CanvasNodeGroup: um grupo de nós. Estende CanvasNode.
Graphics: um nó “printável”, quem for estendê-lo deve implementar o método draw(). Possui como subclasses: Rectangle, Triangle, Circle, Text, Image2d e Line.
GraphicsGroup: estende CanvasNodeGroup, possui um grupo de graphics. Scene é um GraphicsGroup.
Os próximos passos serão a implementação de TileMap, Scene Intro, Menu e botões. Agora é só aguardar até o próximo exemplo.
[update 2010-05-06]
Added mouse and button support.
See example above.
[/update]
[update 2010-05-06]
Examples in http://mangame.rogeriolino.com/
[/update]
[update 2011-11-11]
Source now available in GitHub!
[/update]
disponibiliza pra gente.
Estou escrevendo ainda, mas dá para ir vendo o que tem pronto em http://mangame.rogeriolino.com/ e o código http://code.google.com/p/mangame/
parabens ficou muito legal muito bom mesmo
se voce aprimorar mais voce pode ate comercializar essa engine ficou show.
Estou estudando html5, mais não acho nenhum tutorial ou apostila falando apenas sobre canvas!!!
Rogerio você conhece algum site com apostila sobre canvas html5??
Obrigado pelos comentários Vinícius, se eu tivesse mais tempo disponível me dedicaria mais ao blog e ao opensource.
O site HTML5 Rocks tem bastante conteúdo e tutoriais. Abaixo segue um link mostrando com alguns exemplos: HTML5 features
Att.