No ultimo post sobre HTML 5 eu falei um pouco sobre como desenhar com canvas, nesse pretendo explicar um pouco sobre animação no canvas, assim como no outro usarei um pouco de matemática, não se preocupe com as formulas e cálculos, não são a parte importante do tutorial e provavelmente não se aplicam a outros exemplos, eu atropelei um pouco as explicações para não ficar um texto gigante.

Antes de aplicarmos as animações ao nosso jogo exemplo, faremos um outro exemplo de animação, simularemos o comportamento do experimento “Pendulum Wave” que é fácil de ser recriado e demonstra muito bem o mecanismo de animação que queremos usar, alem de eu considerar esse experimento particularmente impressionante, se nunca viu essa experiência impressione-se com o vídeo abaixo.

Read more

Já tem algum tempo que o HTML5 esta ai, nenhum browser ainda suporta todas as suas funcionalidades, mas mesmo assim o desenvolvimento em HTML5 já esta começando a ameaçar o Flash Player.

A Apple decidiu comprar uma briga (na minha opinião não justificada) com a Adobe ao decidir que o IOS não teria suporte ao Flash e deu um empurrãozinho no HTML5, antes disso pouca gente realmente já estava antenado no assunto.

Na minha opinião, o Flash é superior em vários aspectos ao HTML5, começando pela orientação a objetos e a integração do AS3 com diversas outras linguagens e tecnologias, sejam da Adobe ou não. O AS3 vai muito alem de fazer sites e o HTML5 tem seus pontos fortes também, a verdade é que o HTML5 não vai substituir o Flash totalmente como a Apple gostaria e os dois vão continuar existindo por um bom tempo.

Para me manter atualizado decidi dar uma olhada no HTML5 e gostei bastante, sempre gostei de bibliotecas gráficas, e decidi escrever um tutorial misturando um pouco do meu gosto por desenvolvimento de jogos.

Este tutorial será dividido em vários posts curtos, conforme eu for fazendo o jogo vou postando as partes do código, minha intenção é manter os posts rápidos e frequentes, para facilitar a leitura de todos os posts estou criando a categoria Tutoriais / HTML 5.

O jogo criado será relativamente simples, um clone de Paciência Spider, onde tentarei usar o minimo de imagens possíveis e explorar o poder do canvas, novo recurso do HTML 5.
Como eu escreverei o jogo junto com os posts e conforme eu for estudando HTML5 talvez em algum momento eu decida mudar boa parte do que já foi feito.

Read more