Índice:
Vídeo: JeuTropFacile - WayTooEasyGame: 3 etapas
2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:37
Este é um jogo inteiramente feito em HTML e JavaScript com a biblioteca P5js. Existem 2 arquivos chamados index.html e sketch.js. Eu sou muito iniciante em código, então lamento se não estiver claro.
Você pode jogar com este link
Com as setas do teclado você controla uma bola branca e tem que evitar a bola vermelha (atualmente só existe uma).
Eu criei 2 variáveis: posX = 200 e posY = 200
No sketch.js, criei um canva na configuração da função com 640x por 480y com um fundo cinza no desenho da função, então criei um círculo branco com posição posX, posY, 75, 75.
Etapa 1: mover o círculo
Como eu disse antes, você pode usar as setas do teclado para mover o círculo.
Para fazer isso, criei uma função updatePositionEllipse ().
Usei esta condição para fazer funcionar: if (keyIsDown (DOWN_ARROW)) {
posY + = 5;
}
Quando a tecla para baixo é pressionada, o círculo se move para baixo.
Usei-o em todas as outras teclas para que você possa mover para a esquerda, direita, para cima e para baixo.
Etapa 2: Criando Limites de Fronteiras
Para fazer a bola branca parar no final da canva, usei a função testOutOfScreen.
Dentro dele, usei a condição if (posX> 600) {
posX = 600; strokeWeight (6); traço ('azul'); linha (637, 0, 637, 480); }
se a posição de x for superior a 600: bloqueia a bola e traça uma linha azul com uma borda 6 colocada no lado direito da canva.
Eu faço isso para todas as fronteiras.
Recomendado:
Como fazer uma antena dupla BiQuade 4G LTE Etapas fáceis: 3 etapas
Como Fazer Antena Dupla BiQuade 4G LTE Etapas fáceis: Na maioria das vezes que enfrentei, não tenho uma boa intensidade de sinal para meus trabalhos do dia-a-dia. Então. Procuro e tento diferentes tipos de antena, mas não funciona. Depois de perder tempo, encontrei uma antena que espero fazer e testar, porque não é um princípio de construção
Design de jogo no Flick em 5 etapas: 5 etapas
Design de jogos no Flick em 5 etapas: o Flick é uma maneira realmente simples de fazer um jogo, especialmente algo como um quebra-cabeça, romance visual ou jogo de aventura
Detecção de rosto no Raspberry Pi 4B em 3 etapas: 3 etapas
Detecção de rosto no Raspberry Pi 4B em 3 etapas: Neste Instructable, vamos realizar a detecção de rosto no Raspberry Pi 4 com Shunya O / S usando a Biblioteca Shunyaface. Shunyaface é uma biblioteca de reconhecimento / detecção de rosto. O projeto visa alcançar a detecção mais rápida e velocidade de reconhecimento com
Espelho de cortesia DIY em etapas fáceis (usando luzes de tira LED): 4 etapas
Espelho de toucador DIY em etapas fáceis (usando tiras de LED): Neste post, fiz um espelho de toucador DIY com a ajuda de tiras de LED. É muito legal e você deve experimentá-los também
Arduino Halloween Edition - Tela pop-out de zumbis (etapas com imagens): 6 etapas
Arduino Halloween Edition - Tela pop-out de zumbis (etapas com imagens): Quer assustar seus amigos e fazer barulho no Halloween? Ou apenas quer fazer uma boa pegadinha? Esta tela pop-out de zumbis pode fazer isso! Neste Instructable, vou ensiná-lo a criar facilmente zumbis usando o Arduino. O HC-SR0