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

No:13108

153

←

Prev Next

→

Este jogo leva os jogadores em uma jornada emocion..ALL
Developer User5784｜Date and time 23/8/27 0:21:09
Build time 15.779 sec｜Game capacity 2.104KB｜

Script

Jogo dos Sonhos

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <script>
    // Variáveis para controlar o personagem
    var personagemPosX = 0;
    var personagemPosY = 0;

// Função para mover o personagem
    function moverPersonagem(direcao) {
      if (direcao === 'cima') {
        personagemPosY -= 10;
      } else if (direcao === 'baixo') {
        personagemPosY += 10;
      } else if (direcao === 'esquerda') {
        personagemPosX -= 10;
      } else if (direcao === 'direita') {
        personagemPosX += 10;
      }
    }
  </script>
</head>
<body>
  <h1>Jogo dos Sonhos</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Desenhar paisagem deslumbrante
      context.fillStyle = "skyblue";
      context.fillRect(0, 0, canvas.width, canvas.height);

// Desenhar personagem
      context.fillStyle = "yellow";
      context.fillRect(personagemPosX, personagemPosY, 20, 20);
    }

// Função para lidar com os eventos de toque na tela
    function handleTouch(event) {
      var canvas = document.getElementById("gameCanvas");
      var touchX = event.touches[0].clientX - canvas.offsetLeft;
      var touchY = event.touches[0].clientY - canvas.offsetTop;

// Verificar em qual direção o jogador tocou e mover o personagem
      if (touchY < personagemPosY) {
        moverPersonagem('cima');
      } else if (touchY > personagemPosY + 20) {
        moverPersonagem('baixo');
      } else if (touchX < personagemPosX) {
        moverPersonagem('esquerda');
      } else if (touchX > personagemPosX + 20) {
        moverPersonagem('direita');
      }

// Redesenhar o cenário após o movimento do personagem
      desenharCenario();
    }

// Adicionar evento de toque à tela
    var canvas = document.getElementById("gameCanvas");
    canvas.addEventListener("touchstart", handleTouch, false);

// Iniciar o jogo
    desenharCenario();
  </script>
</body>
</html>