Um personagem com movimentações's game

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

No:52050

242

←

Prev Next

→

Um personagem com movimentações
Developer User19080｜Date and time 24/3/17 13:46:48
Build time 3.825 sec｜Game capacity 1.31KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo de Movimentação</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let playerX = canvas.width / 2;
      let playerY = canvas.height / 2;
      const playerSize = 50;

function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, playerSize, playerSize);
      }

function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }

function update() {
        clearCanvas();
        drawPlayer();
      }

document.addEventListener("keydown", function(event) {
        const speed = 10;

if (event.key === "ArrowUp" && playerY - speed >= 0) {
          playerY -= speed;
        } else if (event.key === "ArrowDown" && playerY + speed + playerSize <= canvas.height) {
          playerY += speed;
        } else if (event.key === "ArrowLeft" && playerX - speed >= 0) {
          playerX -= speed;
        } else if (event.key === "ArrowRight" && playerX + speed + playerSize <= canvas.width) {
          playerX += speed;
        }

update();
      });

update();
    </script>
  </body>
</html>