Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/miguelitodev/random-target
Joguinho para acertar um alvo que fica indo em posições aleatórias na tela
https://github.com/miguelitodev/random-target
canvas games random target
Last synced: 7 days ago
JSON representation
Joguinho para acertar um alvo que fica indo em posições aleatórias na tela
- Host: GitHub
- URL: https://github.com/miguelitodev/random-target
- Owner: miguelitodev
- Created: 2021-06-17T14:07:28.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-06-20T02:14:58.000Z (over 3 years ago)
- Last Synced: 2025-01-10T16:58:48.931Z (7 days ago)
- Topics: canvas, games, random, target
- Language: HTML
- Homepage: https://miguelrisquelme.github.io/random-target/
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Curso de Lógica de programação II: pratique com desenhos, animações e um jogo
Como podemos observar, na tela branca temos apenas a imagem de um alvo vermelho, formado por três círculos, uma esfera vermelha central, um círculo branco exterior, e por fim, um círculo vermelho.
Este alvo se move aleatoriamente na tela, pulando entre as posições dentro do ``. Ou seja, se estamos falando de aleatoriedade, lembrando das aulas anteriores, sabemos que temos o recurso do Math.random, com o qual podemos gerar coordenadas para os eixos X e Y.
O alvo, a cada 1 segundo ou milissegundo, é plotado em diversas posições na tela. Sendo assim, há uma função para desenhar o alvo, em determinados intervalos de tempo, e o fará com base em posições aleatórias.
O objetivo do jogo é que o usuário clique no alvo antes que este desapareça. Ao clicar no centro do alvo, surge um pop up com a mensagem "acertou!". Clicando em qualquer outro lugar da tela resulta em erro.
É um jogo simples, no qual utilizaremos o raciocínio lógico e alguns conceitos de elaboração de jogos. Assim, você será capaz de criar suas próprias brincadeiras.
## Referências
- Alura