You just play, you can play disturbed you can get hit by touches pieces and break your head open and other video game icons, and if they fall on you, you will either be crushed into a dust will be crushed into a puddle's game

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

No:50006

←

Prev Next

→

You just play, you can play disturbed you can get ..ALL
Developer User21217｜Date and time 24/3/7 13:52:18
Build time 8.044 sec｜Game capacity 1.856KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Disturbed Game</title>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
  const canvas = document.getElementById('gameCanvas');
  const ctx = canvas.getContext('2d');
  
  const player = {
    x: 200,
    y: 200,
    width: 50,
    height: 50
  };
  
  const obstacles = [
    { x: 50, y: 0, width: 30, height: 30 },
    { x: 100, y: 0, width: 30, height: 30 },
    { x: 150, y: 0, width: 30, height: 30 },
    { x: 200, y: 0, width: 30, height: 30 },
    { x: 250, y: 0, width: 30, height: 30 }
  ];
  
  function drawPlayer() {
    ctx.fillStyle = 'blue';
    ctx.fillRect(player.x, player.y, player.width, player.height);
  }
  
  function drawObstacles() {
    ctx.fillStyle = 'red';
    obstacles.forEach(obstacle => {
      ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
    });
  }
  
  function checkCollisions() {
    obstacles.forEach(obstacle => {
      if (player.x < obstacle.x + obstacle.width &&
          player.x + player.width > obstacle.x &&
          player.y < obstacle.y + obstacle.height &&
          player.y + player.height > obstacle.y) {
        alert('Game Over!');
      }
    });
  }
  
  function gameLoop() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    drawObstacles();
    checkCollisions();
    requestAnimationFrame(gameLoop);
  }
  
  document.addEventListener('keydown', e => {
    if (e.key === 'ArrowLeft' && player.x > 0) {
      player.x -= 10;
    } else if (e.key === 'ArrowRight' && player.x < canvas.width - player.width) {
      player.x += 10;
    } else if (e.key === 'ArrowUp' && player.y > 0) {
      player.y -= 10;
    } else if (e.key === 'ArrowDown' && player.y < canvas.height - player.height) {
      player.y += 10;
    }
  });
  
  gameLoop();
</script>
</body>
</html>