AI game creator

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

No:24301

←

Prev Next

→

Youtube
Developer User11394｜Date and time 23/11/7 6:59:39
Build time 58.837 sec｜Game capacity 2.513KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <div>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
  </div>

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

let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    let downPressed = false;

const pictogramImage = new Image();
    pictogramImage.src = "pictogram.png"; // Add the path to your pictogram image

// Handle keyboard events
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// Update game state
    function update() {
      if (rightPressed && playerX < canvas.width - playerSize) {
        playerX += playerSpeed;
      }
      else if (leftPressed && playerX > 0) {
        playerX -= playerSpeed;
      }
      else if (upPressed && playerY > 0) {
        playerY -= playerSpeed;
      }
      else if (downPressed && playerY < canvas.height - playerSize) {
        playerY += playerSpeed;
      }
    }

// Render the game
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(pictogramImage, playerX, playerY, playerSize, playerSize);
    }

// Game loop
    function gameLoop() {
      update();
      draw();
    }

setInterval(gameLoop, 10); // Start the game loop
  </script>
</body>
</html>