Brincando com HTML - Jogo dos carrinhos
Dica publicada em Javascript / Miscelânea
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:
Brincando com HTML - Jogo dos carrinhos
ACERTE NOS CARRINHOS
O objetivo deste jogo é procurar acertar nos 2 carrinhos "premiados";
Colaboração do Teixeira para a comunidade Viva o Linux
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).







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:
Brincando com HTML - Jogo dos carrinhos
ACERTE NOS CARRINHOS
O objetivo deste jogo é procurar acertar nos 2 carrinhos "premiados";
Colaboração do Teixeira para a comunidade Viva o Linux
![]() ![]() |
|


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ó).