Travessia do rio (river cross) em javascript

O jogo da travessia do rio é bastante simples e existem várias implementações na internet que já exploraram bastante sua implementação. A lógica por trás desse jogo é um simples rio e personagens que precisam atravessá-lo, porém, existem restrições.

O jogo conta com quatro personagens: Caçador, lobo, coelho e cenoura. O jogo possui um simples barquinho que consegue atravessar o rio, porém você deve obedecer as restrições:

• Apenas o caçador consegue pilotar o barco
• O lobo come o coelho se ficarem sozinhos em uma das margens
• O coelho come a cenoura se ficarem sozinhos em uma das margens
• Não é possível levar mais de um personagem no barco
• O jogo acaba quando todos os personagens estiverem na margem da direita.

Gosta de jogos? gostaria de ver mais jogos e aprender como desenvolver? Veja nossos exemplos de jogos agora!

Como codificar

Esse jogo foi implementado usando o javascript puro e não utilizou nenhum servidor web. Esse jogo é uma excelente oportunidade para treinar sua lógica de programação, manipulação de objetos na tela (movimentação), manipulação de vetores, etc.

O jogo deve seguir os seguintes requisitos:

• Construir uma interface que mostre o rio como plano de fundo;
• Inserir na interface todos os personagens do jogo;
• Inserir o barco sobre o rio;
• Ao clicar em um personagem ele deverá ser movido para dentro do barco;
• Ao clicar sobre um personagem dentro do barco, ele deverá ser removido do barco e voltar para margem do rio;
• Ao clicar sobre o barco, todos os personagens e o barco devem se mover para a outra margem do rio;
• O jogo deve mostrar uma mensagem de “vitória” ao final do jogo.

O que nós usamos?

Para esse jogo usamos apenas HTML CSS e Javascript nativo. Além disso, utilizamos algumas imagens gratuitas que você pode encontrar em nosso projeto no Github.

Licença e contribuições

Se você gostou do projeto e gostaria de contribuir melhorando nosso game, você pode acessá-lo no Github do CSM:

O jogo está sob a licença do MIT e caso você queira utilizar esse código é só respeitar as cláusulas da licença. Você pode entender melhor sobre o que você precisa fazer acessando esse site.