Make a game where you run from a robot, the background is grey's game

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

No:50528

171

←

Prev Next

→

Make a game where you run from a robot, the backgr..ALL
Developer User15365｜Date and time 24/3/8 20:38:04
Build time 7.135 sec｜Game capacity 2.027KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

// Variables
let playerPosX = 50; // initial player position
let playerPosY = 50;
let robotPosX = 250; // initial robot position
let robotPosY = 150;
let speed = 5; // player speed
let gameOver = false;

// Listen for player input
document.addEventListener('keydown', (event) => {
  if (!gameOver) {
    if (event.key === 'ArrowRight') {
      playerPosX += speed;
    } else if (event.key === 'ArrowLeft') {
      playerPosX -= speed;
    } else if (event.key === 'ArrowUp') {
      playerPosY -= speed;
    } else if (event.key === 'ArrowDown') {
      playerPosY += speed;
    }
    
    checkCollision();
    render();
  }
});

// Check if player and robot collide
function checkCollision() {
  if (playerPosX < robotPosX + 30 &&
      playerPosX + 30 > robotPosX &&
      playerPosY < robotPosY + 30 &&
      playerPosY + 30 > robotPosY) {
    alert('Game Over! The robot caught you.');
    gameOver = true;
  }
}

// Render the game
function render() {
  const canvas = document.getElementById('gameCanvas');
  const ctx = canvas.getContext('2d');
  
  // Clear the canvas
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // Draw player
  ctx.fillStyle = 'blue';
  ctx.fillRect(playerPosX, playerPosY, 30, 30);
  
  // Draw robot
  ctx.fillStyle = 'red';
  ctx.fillRect(robotPosX, robotPosY, 30, 30);
}

// Main game loop
function gameLoop() 
  render();
  
  // Move the robot randomly
  robotPosX += Math.floor(Math.random() * 11) - 5
  robotPosY += Math.floor(Math.random() * 11) - 5;
  
  // Check if robot is out of bounds
  if (robotPosX < 0) {
    robotPosX = 0;
  } else if (robotPosX > 470) {
    robotPosX = 470;
  }
  
  if (robotPosY < 0) {
    robotPosY = 0;
  } else if (robotPosY > 470) {
    robotPosY = 470;
  }
  
  if (!gameOver) {
    window.requestAnimationFrame(gameLoop);
  }
}

// Start the game
gameLoop();
</script>