Crie um jogo de dash que terá duas setas para eu me mover e a cada 0.5 segundos um cubo vermelho caindo surge's game

Click here for free DL of the app version that can save data.

No:42535

←

Prev Next

→

Crie um jogo de dash que terá duas setas para eu m..ALL
Developer User18853｜Date and time 24/2/12 0:06:44
Build time 11.42 sec｜Game capacity 3.181KB｜

Script

Aqui está um exemplo de um jogo de dash simples usando JavaScript e pictogramas. Lembre-se de salvar o código em um único arquivo HTML e abrir no navegador para começar a jogar:

Neste jogo, você pode usar as setas do teclado para mover o jogador (representado por um foguete). O objetivo é evitar que os cubos vermelhos (representados por um quadrado vermelho) colidam com o jogador. Se ocorrer uma colisão, uma mensagem de perda será exibida. O jogo continuará infinitamente enquanto você estiver jogando.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

Aqui está um exemplo de um jogo de dash simples usando JavaScript e pictogramas. Lembre-se de salvar o código em um único arquivo HTML e abrir no navegador para começar a jogar:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Dash</title>
  <style>
    #player {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 50px;
      margin: 20px;
    }
    .cube {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
      font-size: 30px;
      text-align: center;
      line-height: 50px;
    }
  </style>
</head>
<body>
  <script>
    // Cria os elementos do jogo
    const player = document.createElement('div');
    player.id = 'player';
    player.innerHTML = '🚀';
    document.body.appendChild(player);

// Define a posição inicial do jogador
    let playerX = 0;
    let playerY = 0;

// Atualiza a posição do jogador de acordo com as setas pressionadas
    document.addEventListener('keydown', (event) => {
      switch(event.key) {
        case 'ArrowUp':
          playerY -= 10;
          break;
        case 'ArrowDown':
          playerY += 10;
          break;
        case 'ArrowLeft':
          playerX -= 10;
          break;
        case 'ArrowRight':
          playerX += 10;
          break;
      }

// Atualiza a posição do jogador no estilo CSS
      player.style.top = playerY + 'px';
      player.style.left = playerX + 'px';
    });

// Função para criar e animar os cubos vermelhos
    function createCube() {
      const cube = document.createElement('div');
      cube.className = 'cube';
      const randomX = Math.floor(Math.random() * window.innerWidth);
      cube.style.left = randomX + 'px';
      document.body.appendChild(cube);

// Move o cubo para baixo a cada 0.5 segundos
      const interval = setInterval(() => {
        const cubeY = parseInt(cube.style.top);
        cube.style.top = cubeY + 10 + 'px';

// Verifica se o jogador colidiu com o cubo
        if (detectCollision(cube, player)) {
          clearInterval(interval);
          cube.remove();
          alert('Você perdeu!');
        }

// Verifica se o cubo chegou ao final da tela
        if (cubeY > window.innerHeight) {
          clearInterval(interval);
          cube.remove();
        }
      }, 500);
    }

// Função para detectar colisões entre dois elementos
    function detectCollision(element1, element2) {
      const rect1 = element1.getBoundingClientRect();
      const rect2 = element2.getBoundingClientRect();
      return (
        rect1.top < rect2.bottom &&
        rect1.bottom > rect2.top &&
        rect1.left < rect2.right &&
        rect1.right > rect2.left
      );
    }

// Cria um novo cubo a cada 0.5 segundos
    setInterval(createCube, 500);
  </script>
</body>
</html>
```

Neste jogo, você pode usar as setas do teclado para mover o jogador (representado por um foguete). O objetivo é evitar que os cubos vermelhos (representados por um quadrado vermelho) colidam com o jogador. Se ocorrer uma colisão, uma mensagem de perda será exibida. O jogo continuará infinitamente enquanto você estiver jogando.