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

No:8972

77

Greed
Developer User4276｜Date and time 23/7/20 0:44:08
Build time 50.682 sec｜Game capacity 4.705KB｜

Você é um programador. Ele deve ser implementado como um único arquivo HTML. Deve conter JavaScript. Deve ser envolvido em tags de script. Deve ser escrito em um programa real. O processamento deve ser iniciado. Você pode transformá-lo em um jogo. Assumindo operação em um smartphone. Use pictogramas, se possível. Caso não seja possível, retorne uma amostra de jogo jogável. Aqui está um exemplo de um jogo da cobrinha (snake) implementado em HTML, CSS e JavaScript:

Jogo da Cobrinha

Este é um exemplo simples de um jogo da cobrinha, onde a cobrinha (representada pelos elementos `div` com a classe `snake-segment`) se move pelo tabuleiro (`game-board`) e pode comer a comida (representada pelo elemento `div` com a classe `food`). Quando a cobrinha come a comida, ela cresce adicionando um novo segmento ao seu corpo. Se a cobrinha colidir com as bordas do tabuleiro ou consigo mesma, o jogador perde e o jogo é reiniciado. O jogo pode ser jogado em um smartphone tocando nas setas de direção no canto inferior esquerdo da tela. A cobrinha se moverá automaticamente a cada 300ms, mas o jogador pode controlar a direção da cobrinha tocando em uma das setas. Espero que isso ajude!

→ 　

0　

0　

　
　
　
　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

Você é um programador.
Ele deve ser implementado como um único arquivo HTML.
Deve conter JavaScript.
Deve ser envolvido em tags de script.
Deve ser escrito em um programa real.
O processamento deve ser iniciado.
Você pode transformá-lo em um jogo. Assumindo operação em um smartphone.
Use pictogramas, se possível. Caso não seja possível, retorne uma amostra de jogo jogável.

Aqui está um exemplo de um jogo da cobrinha (snake) implementado em HTML, CSS e JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo da Cobrinha</title>
  <style>
    #game-board {
      position: relative;
      width: 400px;
      height: 400px;
      margin: 0 auto;
      border: 1px solid #000;
    }
    
    .snake-segment {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: green;
    }
    
    .food {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>Jogo da Cobrinha</h1>
  
  <div id="game-board">
    <div class="snake-segment" style="left: 60px; top: 20px;"></div>
    <div class="snake-segment" style="left: 40px; top: 20px;"></div>
    <div class="snake-segment" style="left: 20px; top: 20px;"></div>
    <div class="food" style="left: 100px; top: 60px;"></div>
  </div>
  
  <script>
    const gameBoard = document.getElementById("game-board");
    const segments = document.getElementsByClassName("snake-segment");
    const food = document.getElementsByClassName("food")[0];
    
    let snake = [
      { x: 2, y: 0 },
      { x: 1, y: 0 },
      { x: 0, y: 0 }
    ];
    
    let direction = { x: 1, y: 0 };
    
    function moveSnake() {
      const head = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
      
      snake.unshift(head);
      snake.pop();
      
      updateSnakePosition();
      checkCollision();
      checkEating();
    }
    
    function updateSnakePosition() {
      for (let i = 0; i < segments.length; i++) {
        segments[i].style.left = snake[i].x * 20 + 'px';
        segments[i].style.top = snake[i].y * 20 + 'px';
      }
    }
    
    function checkCollision() {
      const head = snake[0];
      
      if (head.x >= 20 || head.x < 0 || head.y >= 20 || head.y < 0) {
        alert("Você perdeu! Tente novamente.");
        resetGame();
      }
    }
    
    function checkEating() {
      const head = snake[0];
      
      if (head.x === parseInt(food.style.left) / 20 && head.y === parseInt(food.style.top) / 20) {
        const newSegment = document.createElement("div");
        newSegment.className = "snake-segment";
        segments[segments.length - 1].insertAdjacentElement("afterend", newSegment);
        
        generateFood();
      }
    }
    
    function generateFood() {
      const x = Math.floor(Math.random() * 20);
      const y = Math.floor(Math.random() * 20);
      
      food.style.left = x * 20 + 'px';
      food.style.top = y * 20 + 'px';
    }
    
    function resetGame() {
      snake = [
        { x: 2, y: 0 },
        { x: 1, y: 0 },
        { x: 0, y: 0 }
      ];
      
      direction = { x: 1, y: 0 };
      
      updateSnakePosition();
    }
    
    setInterval(moveSnake, 300); // move a cobrinha a cada 300ms
    
    // Controlando a direção da cobrinha usando as teclas direcionais do teclado
    document.addEventListener("keydown", event => {
      switch (event.key) {
        case "ArrowUp":
          if (direction.y !== 1) {
            direction = { x: 0, y: -1 };
          }
          break;
        case "ArrowDown":
          if (direction.y !== -1) {
            direction = { x: 0, y: 1 };
          }
          break;
        case "ArrowLeft":
          if (direction.x !== 1) {
            direction = { x: -1, y: 0 };
          }
          break;
        case "ArrowRight":
          if (direction.x !== -1) {
            direction = { x: 1, y: 0 };
          }
          break;
      }
    });
  </script>
</body>
</html>
```

Este é um exemplo simples de um jogo da cobrinha, onde a cobrinha (representada pelos elementos `div` com a classe `snake-segment`) se move pelo tabuleiro (`game-board`) e pode comer a comida (representada pelo elemento `div` com a classe `food`). Quando a cobrinha come a comida, ela cresce adicionando um novo segmento ao seu corpo. Se a cobrinha colidir com as bordas do tabuleiro ou consigo mesma, o jogador perde e o jogo é reiniciado.

O jogo pode ser jogado em um smartphone tocando nas setas de direção no canto inferior esquerdo da tela. A cobrinha se moverá automaticamente a cada 300ms, mas o jogador pode controlar a direção da cobrinha tocando em uma das setas.

Espero que isso ajude!