Fire Effect HTML5

Neste exemplo, cada pixel na tela é uma tabela. O efeito é criado proceduralmente e de forma dinâmica.

Cada tabela é composta por um valor, que é renderizado com uma cor referente em uma tabela de cores. Cada tabela então, calcula a partir dos pixels próximos qual valor ela irá adquirir no próximo frame, e lançará esse valor para a tabela ao lado, criando a impressão do efeito do vento nas chamas.

É um efeito similar ao visto na introdução do primeiro Doom.  Foi feito exclusivamente para estudos na disciplina de Jogos para Redes Sociais do Curso Superior de Jogos Digitais.

O código fonte está incluído no Download Fire Effect.html.