terça-feira, 1 de junho de 2010

[HTML5]-COMO CRIAR JOGOS APENAS COM HTML5 (SEM FLASH!)

Conheça os principais passos e as técnicas para criar desenhos e animações com o recurso rival do Flash

Vectorstock/Forum Abril (Info Abril)

Apesar de ainda não ser suportado por todos os browsers populares nem contar com uma definição final aceita pelo W3C (World Wide Web Consortium), entidade responsável pelos padrões da web, o HTML 5 vem ganhando popularidade. Prova disso é que até o próprio Adobe Flash, na versão CS5, passou a contar com ferramentas para exportar animações para o mecanismo de desenho do HTML 5, definido na tag canvas. Neste tutorial, vamos montar um joguinho bem simples, no estilo do antigo Arkanoid, para demonstrar os principais passos e técnicas para criar desenhos e animações com a nova tag para vetores. A versão final do código está disponível em www.info.abril.com.br/downloads/jogo-canvas-html5. A seguir, confira o passo a passo e explore um das principais novidades do HTML 5.

1. Criação da tag
Antes de tudo, crie uma página HTML e adicione a seu corpo, entre as tags "" e "", o código "". Note que esse código cria uma tela com 300 pixels de altura e largura, mas não mostra elemento algum caso o browser não seja capaz de exibir o jogo. Para mostrar alguma mensagem, basta colocar o texto antes de "". Com isso, já podemos adicionar os comandos de animação, que ficarão num arquivo separado, com extensão JS.
[texto bem longo...]
(Acesse o link da notícia)
http://info.abril.com.br/dicas/sites/desenvolvimento/como-montar-um-jogo-em-html-5.shtml

Um comentário:

  1. Prós e contras: Sem dúvida haverá maior interatividade do conteúdo em HTML5 com o resto da estrutura da página, contudo percebo que o processamento ainda é muito mais intenso do que acontece com o plugin do flash... Tomara que fique mais leve ...

    ResponderExcluir