AI game creator

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

No:12844

105

←

Prev Next

→

Pokemon
Developer User5583｜Date and time 23/8/23 23:27:12
Build time 19.136 sec｜Game capacity 1.392KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pokemon Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const pikachuImage = new Image();
    pikachuImage.src = "pikachu.png";

let pikachuX = canvas.width / 2 - imageSize / 2;
    let pikachuY = canvas.width / 2 - imageSize / 2;

pikachuImage.onload = function () {
      // Start the game processing once the image is loaded
      setInterval(draw, 10);
    };

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

// Draw the pikachu at its current position
      ctx.drawImage(pikachuImage, pikachuX, pikachuY, imageSize, imageSize);
    }

document.addEventListener("keydown", move);
    
    function move(event) {
      // Arrow keycodes: left (37), up (38), right (39), down (40)
      switch (event.keyCode) {
        case 37:
          pikachuX -= 10; // move left
          break;
        case 38:
          pikachuY -= 10; // move up
          break;
        case 39:
          pikachuX += 10; // move right
          break;
        case 40:
          pikachuY += 10; // move down
          break;
      }
    }
  </script>
</body>
</html>