As “Light Cycles” São aquelas motos futuristas do filme Tron, que deixam um rastro luminoso sólido por onde passam. No filme, ocorre um duelo entre duas destas motos e, o objetivo deste duelo é fazer seu adversário colidir com o rastro luminoso de uma das duas motos. Outra característica desta moto e que elas viram sempre num ângulo de 90o.
Aproveitando a biblioteca criada no post Canvas: Manipulação Pixel a Pixel “Pixel Based” em Javascript, criei este pequeno jogo que ilustra o funcionamento da biblioteca. Então este jogo é para você que quer apenas brincar, ou para você que deseja aprender a programar em javascript utilizando o canvas do html5.
ATENÇÃO: O Jogo Tron não funciona no IE 7 ou 8. Para rodá-lo é necessário utilizar o Firefox, Safari, Chrome, Opera ou o IE 9 beta!
Os comandos são simples: (Q) e (W) fazem a moto vermelha virar para esquerda ou direita e (O) e (P) viram a moto azul. (Enter) inicia o jog. Quer jogar de novo? Então de (F5), desculpe. 
Lembre-se apenas que os comandos viram para a esquerda e a direita da própria moto! Isto significa que se a moto estiver indo para baixo, o botão da direita irá levar a moto para o lado esquerdo da tela! Fácil não? 
Então chame seu colega ao lado e bom jogo!
|
|
|
|
Moto Vermelha:
(Q) – Esquerda; e
(W) – Direita. |
(ENTER)
Inicia o
Jogo |
Moto Azul:
(O) – Esquerda; e
(P) – Direita. |
|
Para quem quer aprender a programar, aprender a programar com o canvas, ou simplesmente quer dá uma olhada, fique a vontade para baixar o código fonte do jogo tron que está bem documentado.
Quem acompanhou os últimos posts sobre programação de jogos e a programação com canvas – se é que existe alguém que ainda acompanha as postagens deste blog :/ – não deve ter problemas para entender o código que, na prática, junta tudo o que temos visto.
Mas, de qualquer forma, em caso de dúvidas, me pré-disponho a tira-las.
Forte abraço,
Renato
Este post foi postado sábado, 26 de fevereiro de 2011 às 7:11 e está em Programação de Jogos. Você pode verificar qualquer resposta a este post através do feed RSS 2.0.
Você pode deixar uma resposta, ou fazer um trackback de seu próprio site.
Posts (RSS)
26 de fevereiro de 2011 às 7:31
Fala sério. Um bando de gente acompanha, inclusive eu.
Você é que meu tão ocupando “brincando” de fazer jogo.
Mas, apesar de ter gostado do jogo, tenho que ser a chata a dizer: tá com um bug.
Quando a gente vem para a área de comentário ele continua reiniciando o jogo sem parar e atrapalha a digitação. Tá faltando um “STOP FOREVER”. rsrsrsrs
Bom fim de semana, beijos na Evânia e no Davi.
26 de fevereiro de 2011 às 7:32
Faltou um pedaço do post e tem um erro de digitação (o eterno recomeçar do jogo me atrapalhou):
“Você é que nem visita o meu de tão ocupado…”
1 de março de 2011 às 7:53
Oba! Agora ele pára. Mas como faz se eu quiser reiniciar? Só dando refresh na página?
Sugiro colocar um restart.
Assinado: A usuária chata que acha que entende de IHC.
21 de junho de 2011 às 9:55
Show cara, uma ótima exemplificação do funcionamento da manipulação do canvas
21 de junho de 2011 às 22:23
Opa Guilherme! Que legal você por aqui. E que bom gostou do post! Também estou sempre lá pelos seus.
Abração!