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

No:49086

117

←

Prev Next

→

Yoshi's Island Adventure
Developer User11298｜Date and time 24/3/3 17:47:20
Build time 4.641 sec｜Game capacity 1.21KB｜

Script

Welcome to Yoshi's Island Adventure!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Yoshi's Island Adventure</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Welcome to Yoshi's Island Adventure!</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    let playerX = 200;
    let playerY = 200;
    
    function drawPlayer() {
      ctx.fillStyle = "green";
      ctx.fillRect(playerX, playerY, 20, 20);
    }
    
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    function movePlayer(event) {
      switch(event.keyCode) {
        case 37:
          playerX -= 10; // Move left
          break;
        case 38:
          playerY -= 10; // Move up
          break;
        case 39:
          playerX += 10; // Move right
          break;
        case 40:
          playerY += 10; // Move down
          break;
      }
      clearCanvas();
      drawPlayer();
    }
    
    // Start the game
    drawPlayer();
    document.addEventListener("keydown", movePlayer);
  </script>
</body>
</html>