AI game creator

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

No:50197

122

←

Prev Next

→

Raster animations
Developer User21218｜Date and time 24/3/8 2:13:14
Build time 8.982 sec｜Game capacity 1.894KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

// Function to update player position based on input
function updatePlayer(direction) {
  if (direction === "left") {
    playerX -= playerSpeed;
  } else if (direction === "right") {
    playerX += playerSpeed;
  } else if (direction === "up") {
    playerY -= playerSpeed;
  } else if (direction === "down") {
    playerY += playerSpeed;
  }

// Limit player movement within the screen bounds
  playerX = Math.min(Math.max(playerX, 0), window.innerWidth - 50);
  playerY = Math.min(Math.max(playerY, 0), window.innerHeight - 50);

// Update player visual position
  document.getElementById("player").style.left = playerX + "px";
  document.getElementById("player").style.top = playerY + "px";
}

// Add event listeners for arrow key input
document.addEventListener("keydown", function(event) {
  if (event.key === "ArrowLeft" || event.key === "a") {
    updatePlayer("left");
  } else if (event.key === "ArrowRight" || event.key === "d") {
    updatePlayer("right");
  } else if (event.key === "ArrowUp" || event.key === "w") {
    updatePlayer("up");
  } else if (event.key === "ArrowDown" || event.key === "s") {
    updatePlayer("down");
  }
});

// Create player element
const player = document.createElement("div");
player.id = "player";
player.style.position = "absolute";
player.style.width = "50px";
player.style.height = "50px";
player.style.background = "url('player.png')";
player.style.backgroundSize = "cover";
player.style.left = playerX + "px";
player.style.top = playerY + "px";

// Append player element to the game container
document.body.appendChild(player);

// Start game loop for animation
function gameLoop() {
  // Implement game logic here
  
  requestAnimationFrame(gameLoop);
}

// Call game loop function to start game
gameLoop();
</script>