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

No:41816

←

Prev Next

→

ヴォソポき　かうつるおぃ
Developer User18751｜Date and time 24/2/10 2:02:04
Build time 10.599 sec｜Game capacity 2.264KB｜

Script

Jogo de Pictograma:

Jogo de Pictograma

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Jogo de Pictograma:

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Pictograma</title>
</head>
<body>
  <h1>Jogo de Pictograma</h1>
  
  <canvas id="canvas" width="400" height="400"></canvas>
  
  <script>
    // Obtenção do elemento de desenho do canvas
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');

// Definindo a posição inicial do jogador
    let playerX = canvas.width / 2;
    let playerY = canvas.height / 2;

// Função responsável por desenhar os pictogramas na tela
    function drawPictograms() {
      // Desenhar pictogramas com os respectivos códigos em cada posição desejada
      // Exemplo:
      ctx.font = '50px Arial';
      ctx.fillText('🌞', 50, 50); // Desenhar um sol na posição (50, 50)
      ctx.fillText('🌳', 150, 150); // Desenhar uma árvore na posição (150, 150)
      // Adicione mais pictogramas conforme necessário ...
    }

// Função responsável por atualizar a tela a cada quadro
    function update() {
      // Limpar a tela
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar os pictogramas
      drawPictograms();

// Desenhar o jogador (pode ser um pictograma também)
      ctx.beginPath();
      ctx.fillStyle = 'red';
      ctx.arc(playerX, playerY, 10, 0, Math.PI * 2, false);
      ctx.fill();
      ctx.closePath();
    }

// Função para lidar com o movimento do jogador
    function handlePlayerMovement(event) {
      // Verificar qual tecla foi pressionada
      if (event.key === 'ArrowUp') {
        playerY -= 10; // Mover para cima
      } else if (event.key === 'ArrowDown') {
        playerY += 10; // Mover para baixo
      } else if (event.key === 'ArrowLeft') {
        playerX -= 10; // Mover para a esquerda
      } else if (event.key === 'ArrowRight') {
        playerX += 10; // Mover para a direita
      }

// Atualizar a tela após o movimento do jogador
      update();
    }

// Adicionar um ouvinte de eventos para lidar com o movimento do jogador quando as teclas são pressionadas
    window.addEventListener('keydown', handlePlayerMovement);

// Iniciar o jogo, chamando a função update para desenhar a tela inicial
    update();
  </script>
</body>
</html>