AI game creator

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

No:42329

←

Prev Next

→

i wanna be the guy
Developer User18837｜Date and time 24/2/11 11:17:00
Build time 14.698 sec｜Game capacity 4.438KB｜

Script

Claro, vou lhe mostrar um exemplo básico de um jogo simples usando pictogramas. Aqui está o código HTML completo:

Este código implementa um jogo onde você controla um jogador (representado pelo pictograma de um homem) em um campo representado por uma matriz de pictogramas. O objetivo é alcançar o objetivo (representado por um troféu) sem colidir com obstáculos (representados por cones de sinalização). Você pode jogar este jogo em um smartphone tocando em diferentes áreas da tela para mover o jogador para cima, baixo, esquerda ou direita. Observe que o jogo é um exemplo básico e não possui muitas funcionalidades ou níveis complexos. É apenas uma demonstração simples de um jogo utilizando HTML, JavaScript e pictogramas. Você pode personalizá-lo e adicionar mais funcionalidades se quiser.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Claro, vou lhe mostrar um exemplo básico de um jogo simples usando pictogramas. Aqui está o código HTML completo:

```html
<!DOCTYPE html>
<html>
<head>
  <title>i wanna be the guy - Jogo</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 8vh;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Largura e altura do jogo
    const gameWidth = 10;
    const gameHeight = 10;

// Posição inicial do jogador e objetivo
    let playerX = 0;
    let playerY = 0;
    let goalX = Math.floor(Math.random() * gameWidth);
    let goalY = Math.floor(Math.random() * gameHeight);

// Matriz representando o jogo
    const gameMatrix = [];

// Função para renderizar o jogo
    function renderGame() {
      let gameContent = '';

for (let y = 0; y < gameHeight; y++) {
        for (let x = 0; x < gameWidth; x++) {
          if (x === goalX && y === goalY) {
            gameContent += goal;
          } else if (x === playerX && y === playerY) {
            gameContent += player;
          } else {
            gameContent += emptySpace;
          }
        }
        gameContent += '<br>';
      }

document.getElementById('game-container').innerHTML = gameContent;
    }

// Função para capturar eventos de toque
    function handleTouch(event) {
      const touchX = event.touches[0].clientX;
      const touchY = event.touches[0].clientY;

// Verificar o movimento
      if (touchX < window.innerWidth / 3) {
        movePlayer('left');
      } else if (touchX > (window.innerWidth / 3) * 2) {
        movePlayer('right');
      } else if (touchY > window.innerHeight / 2) {
        movePlayer('down');
      } else {
        movePlayer('up');
      }
    }

// Função para mover o jogador
    function movePlayer(direction) {
      const oldPlayerX = playerX;
      const oldPlayerY = playerY;

if (direction === 'left' && playerX > 0) {
        playerX--;
      } else if (direction === 'right' && playerX < gameWidth - 1) {
        playerX++;
      } else if (direction === 'up' && playerY > 0) {
        playerY--;
      } else if (direction === 'down' && playerY < gameHeight - 1) {
        playerY++;
      }

// Verificar se o jogador alcançou o objetivo
      if (playerX === goalX && playerY === goalY) {
        alert('Parabéns! Você alcançou o objetivo!');
        resetGame();
      }

// Verificar se o jogador colidiu com um obstáculo
      if (gameMatrix[playerY][playerX] === obstacle) {
        alert('Você colidiu com um obstáculo! Tente novamente.');
        resetGame();
      }

// Atualizar a matriz do jogo
      gameMatrix[oldPlayerY][oldPlayerX] = emptySpace;
      gameMatrix[playerY][playerX] = player;

renderGame();
    }

// Função para reiniciar o jogo
    function resetGame() {
      playerX = 0;
      playerY = 0;
      goalX = Math.floor(Math.random() * gameWidth);
      goalY = Math.floor(Math.random() * gameHeight);

// Preencher a matriz do jogo com obstáculos aleatórios
      for (let y = 0; y < gameHeight; y++) {
        gameMatrix[y] = [];
        for (let x = 0; x < gameWidth; x++) {
          gameMatrix[y][x] = Math.random() < 0.1 ? obstacle : emptySpace;
        }
      }

renderGame();
    }

// Inicialização do jogo
    resetGame();

// Adicionar evento de toque para movimentar o jogador
    document.addEventListener('touchstart', handleTouch);
  </script>
</body>
</html>
```

Você pode jogar este jogo em um smartphone tocando em diferentes áreas da tela para mover o jogador para cima, baixo, esquerda ou direita.

Observe que o jogo é um exemplo básico e não possui muitas funcionalidades ou níveis complexos. É apenas uma demonstração simples de um jogo utilizando HTML, JavaScript e pictogramas. Você pode personalizá-lo e adicionar mais funcionalidades se quiser.