Pular para o conteúdo

Brincando com HTML - Jogo dos carrinhos

Dica publicada em Javascript / Miscelânea
Sergio Teixeira - Linux User # 499126 Teixeira
Hits: 13.764 Categoria: Javascript Subcategoria: Miscelânea
  • Indicar
  • Impressora
  • Denunciar
O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

Brincando com HTML - Jogo dos carrinhos

Estou mandando este programa semi-mastigado para mostrar que também em HTML puro se podem fazer coisas inusitadas.

Não tem utilidade alguma, é apenas uma curiosidade mas, quem sabe, alguém possa sair gritando "Eureka!!!" pela vizinhança afora?

Descrição: Existem vários carrinhos coloridos que se deslocam da direita para a esquerda em movimento contínuo. O objetivo é descobrir dentre todos os carrinhos que desfilam pela tela, quais os dois que são "premiados".

Quando o jogador clica sobre um carrinho e acerta, é conduzido a um local da página que dá essa informação, e também encontra um link para voltar.

Para facilitar a vida da galera, estou mandando os bitmaps de seis carrinhos (car1.bmp, car2.bmp etc), um espaçador (spacer.bpm) e dois adornos para a pista, com árvores estilizadas (alley1.bmp e alley2.bmp).
Pode-se colocar quantos espaçadores quiser entre um carro e outro. No lugar dos espaçadores, pode-se usar um montão de " ", mas isso gasta muito código e torna o programa ilegível.

O programa contém um erro, facilmente percebido: os bitmaps dos carros em questão estão circundados por uma moldura, referente ao link, tornando-os facilmente identificáveis (fica muito na cara).

Agora é com vocês: Sabem tirar essa moldura? É muito fácil.

Procurei colocar o código não da forma mais eficiente, mas da forma mais visível. Todo programa pode ser melhorado - e muito. Afinal ninguém vai morrer de tanta emoção com esse tipo de joguinho, do jeito que está.

Fica aqui o convite para todos que desejarem aprimorá-lo.

As imagens estão em formato BMP, mas podem ser convertidas para JPG ou PNG ao gosto do freguês.

Segue abaixo o código em HTML, o mais rudimentar possível:



<br> Brincando com HTML - Jogo dos carrinhos<br>






ACERTE NOS CARRINHOS



O objetivo deste jogo é procurar acertar nos 2 carrinhos "premiados";

Colaboração do Teixeira para a comunidade Viva o Linux












 

O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

 


 


 


 


 


 


 




 


 


 


 




VOCÊ ACERTOU !!!

 


 






Jogar novamente



 


 


 


 


 


 


 


 







Demo do jogo:

ACERTE NOS CARRINHOS
O objetivo deste jogo é procurar acertar nos 2 carrinhos "premiados";
Colaboração do Teixeira para a comunidade Viva o Linux



























































 

 

 

 

 

 

 

 

 

 

 

 

VOCÊ ACERTOU !!!

 

 

Jogar novamente

O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

SYLLABLE: Linux para micros (razoavelmente) antigos

Tabelas: como colocar uma dentro da outra

BASIC LINUX: Suporte a outras linguagens

Mais uma mini-distribuição: SliTaz GNU/Linux

Atualizando as bibliotecas fo Basic Linux

Como ajudar no Mass Mirror do Wikileaks

Tradutor online do Google - com pronúncia!

Resolvendo problema de atualização do Eclipse no Debian Squeeze

Tabelas: como colocar uma dentro da outra

Acessando Gmail pelo celular

#1 Comentário enviado por Teixeira em 29/07/2008 - 12:34h
Observação:
No lugar do espaçador, pode-se usar uma porção de
      
e não de " ", conforme saiu na publicação do artigo.
(HTML considera vários espaços como sendo um só).

#2 Comentário enviado por comfaa em 28/10/2008 - 13:35h
legal

Contribuir com comentário

Entre na sua conta para comentar.