platformer game but every 10 seconds, something weird happens's game

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

No:37549

←

Prev Next

→

platformer game but every 10 seconds, something we..ALL
Developer User17064｜Date and time 24/1/21 5:19:28
Build time 15.457 sec｜Game capacity 4.93KB｜

Script

Sure! Here's an example of a platformer game implemented as a single HTML file, with JavaScript code enclosed in script tags. In this game, every 10 seconds, something weird will happen to challenge the player.

This code sets up a simple platformer game where the player (represented as a blue rectangle) can move left and right using the arrow keys or on-screen buttons (for smartphone operation). The player can also jump by pressing the up arrow or on-screen button. The goal is to land on the green platforms without falling. Every 10 seconds, a weird event occurs, which in this case changes the background color of the game randomly. Feel free to modify and enhance the code further to add more features, levels, and challenges based on your game concept.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Weird Platformer Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
      // Game variables
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");
      const playerSize = 32;
      const platformHeight = 10;
      const platformWidth = 80;
      let playerX = canvas.width / 2 - playerSize / 2;
      let playerY = canvas.height - playerSize - platformHeight;
      let leftPressed = false;
      let rightPressed = false;
      let jumpAllowed = true;
      let weirdEventInterval;

// Platform variables
      const platformCount = 5;
      const platforms = [];
      for (let i = 0; i < platformCount; i++) {
        platforms[i] = {
          x: Math.random() * (canvas.width - platformWidth),
          y: 50 * i + 20,
        };
      }

// Add event listeners for player movement
      document.addEventListener("keydown", keyDownHandler);
      document.addEventListener("keyup", keyUpHandler);

function keyUpHandler(event) {
        if (event.key === "Left" || event.key === "ArrowLeft") {
          leftPressed = false;
        } else if (event.key === "Right" || event.key === "ArrowRight") {
          rightPressed = false;
        }
      }

function drawPlayer() {
        context.beginPath();
        context.rect(playerX, playerY, playerSize, playerSize);
        context.fillStyle = "blue";
        context.fill();
        context.closePath();
      }

function drawPlatform() {
        for (let i = 0; i < platformCount; i++) {
          context.beginPath();
          context.rect(
            platforms[i].x,
            platforms[i].y,
            platformWidth,
            platformHeight
          );
          context.fillStyle = "green";
          context.fill();
          context.closePath();
        }
      }

function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

function drawGame() {
        clearCanvas();
        drawPlayer();
        drawPlatform();
        checkCollision();

// Move player
        if (leftPressed && playerX > 0) {
          playerX -= 4;
        } else if (rightPressed && playerX < canvas.width - playerSize) {
          playerX += 4;
        }

// Weird event
        if (weirdEventInterval && Date.now() >= weirdEventInterval) {
          // Do something weird here
          document.body.style.backgroundColor =
            "rgb(" +
            Math.floor(Math.random() * 256) +
            "," +
            Math.floor(Math.random() * 256) +
            "," +
            Math.floor(Math.random() * 256) +
            ")";
          clearInterval(weirdEventInterval);
          weirdEventInterval = null;
        }

requestAnimationFrame(drawGame);
      }

function startGame() {
        weirdEventInterval = setInterval(function () {
          // Set interval for weird events
          weirdEventInterval = Date.now() + 10000;
        }, 10000);

drawGame();
      }

startGame();
    </script>
  </body>
</html>
```

Every 10 seconds, a weird event occurs, which in this case changes the background color of the game randomly.

Feel free to modify and enhance the code further to add more features, levels, and challenges based on your game concept.