AI game creator

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

No:47657

←

Prev Next

→

Survival
Developer User20597｜Date and time 24/2/29 2:58:52
Build time 7.37 sec｜Game capacity 1.473KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

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

// Initialize canvas
let canvas = document.getElementById('gameCanvas');
let ctx = canvas.getContext('2d');

// Player object
let player = {
  x: 200,
  y: 200,
  size: 20,
  color: 'red',
  speed: 5
};

// Draw player
function drawPlayer() {
  ctx.beginPath();
  ctx.arc(player.x, player.y, player.size, 0, Math.PI * 2);
  ctx.fillStyle = player.color;
  ctx.fill();
  ctx.closePath();
}

// Update player position
function updatePlayerPosition() {
  if (player.x < 0) {
    player.x = canvas.width;
  } else if (player.x > canvas.width) {
    player.x = 0;
  }
  
  if (player.y < 0) {
    player.y = canvas.height;
  } else if (player.y > canvas.height) {
    player.y = 0;
  }
}

// Move player based on key press
document.addEventListener('keydown', function(event) {
  switch(event.key) {
    case 'ArrowUp':
      player.y -= player.speed;
      break;
    case 'ArrowDown':
      player.y += player.speed;
      break;
    case 'ArrowLeft':
      player.x -= player.speed;
      break;
    case 'ArrowRight':
      player.x += player.speed;
      break;
  }
});

// Update game frame
function update() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawPlayer();
  updatePlayerPosition();
}

// Game loop
setInterval(update, 1000/60); // 60 FPS

</script>
</body>
</html>