The silver desk A pixel action video game in school (a little bit jump scares)'s game

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

No:26836

←

Prev Next

→

The silver desk A pixel action video game in schoo..ALL
Developer User13272｜Date and time 23/12/2 16:18:16
Build time 32.831 sec｜Game capacity 2.194KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>The Silver Desk - Ein pixeliges Action-Videospiel in der Schule</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Spieler-Objekt
    const player = {
      x: 50,
      y: 580,
      width: 50,
      height: 50,
      dy: 0
    };

// Hindernis-Objekt
    const obstacle = {
      x: 800,
      y: 580,
      width: 50,
      height: 50,
      dx: 5
    };

// Schriftstil für Texte
    ctx.font = "30px Arial";

// Spielschleife
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Spieler zeichnen
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Hindernis zeichnen
      ctx.fillStyle = "red";
      ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

// Spieler springen
      player.y += player.dy;
      player.dy += 0.8;

if (player.y > 580) {
        player.y = 580;
        player.dy = 0;
      }

// Hindernis bewegen
      obstacle.x -= obstacle.dx;

if (obstacle.x + obstacle.width < 0)
        obstacle.x = 800;

// Überprüfen auf Kollision
      if (isCollision(player, obstacle)) {
        // Kollision! Game Over
        ctx.fillStyle = "black";
        ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
        return;
      }

// Punkte anzeigen
      ctx.fillStyle = "black";
      ctx.fillText("Score: " + Math.floor(obstacle.x / 10), 10, 50);

requestAnimationFrame(gameLoop);
    }

// Kollisionsprüfung
    function isCollision(rect1, rect2) {
      return (
        rect1.x < rect2.x + rect2.width &&
        rect1.x + rect1.width > rect2.x &&
        rect1.y < rect2.y + rect2.height &&
        rect1.y + rect1.height > rect2.y
      );
    }

// Tastatursteuerung
    document.addEventListener("keydown", function(event) {
      if (event.key === " ") {
        if (player.y === 580)
          player.dy = -15;
      }
    });

gameLoop();
  </script>
</body>
</html>