Sonic.exe tells his level a watery land knuckles level a bloody house robotics level walls coming from everywhere and crush you's game

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

No:17724

←

Prev Next

→

Sonic.exe tells his level a watery land knuckles l..ALL
Developer User7778｜Date and time 23/9/24 11:49:59
Build time 35.642 sec｜Game capacity 3.994KB｜

Script

In this game, Sonic, Knuckles, and a Robot are represented by colored rectangles. Sonic is controlled using the arrow keys on the smartphone. The goal is to navigate Sonic through the obstacles (represented by walls coming from everywhere and crush you) while Knuckles moves from right to left and the Robot moves up and down on the screen. The level descriptions are displayed at the top of the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sonic's Adventure</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background: #000;
      color: #fff;
      font-family: Arial, sans-serif;
    }

canvas {
      border: 2px solid #fff;
    }
  </style>
</head>

// Game variables
    let sonicX = 50;
    let sonicY = 550;
    let sonicSpeedX = 0;
    let sonicSpeedY = 0;
    let knucklesX = canvas.width - 100;
    let knucklesY = 550;
    let knucklesSpeedX = 0;
    let knucklesSpeedY = 0;
    let robotX = canvas.width / 2 - 50;
    let robotY = 550;
    let robotSpeedX = 1;

// Key mapping
    const KEY_LEFT_ARROW = 37;
    const KEY_RIGHT_ARROW = 39;
    const KEY_UP_ARROW = 38;
    const KEY_DOWN_ARROW = 40;

// Event listeners
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

// Key down handler
    function keyDownHandler(event) {
      if (event.keyCode === KEY_LEFT_ARROW) {
        sonicSpeedX = -3;
      } else if (event.keyCode === KEY_RIGHT_ARROW) {
        sonicSpeedX = 3;
      } else if (event.keyCode === KEY_UP_ARROW) {
        sonicSpeedY = -3;
      } else if (event.keyCode === KEY_DOWN_ARROW) {
        sonicSpeedY = 3;
      }
    }

// Key up handler
    function keyUpHandler(event) {
      if (event.keyCode === KEY_LEFT_ARROW || event.keyCode === KEY_RIGHT_ARROW) {
        sonicSpeedX = 0;
      } else if (event.keyCode === KEY_UP_ARROW || event.keyCode === KEY_DOWN_ARROW) {
        sonicSpeedY = 0;
      }
    }

// Update game objects
    function update() {
      // Move Sonic and check boundaries
      sonicX += sonicSpeedX;
      sonicY += sonicSpeedY;
      if (sonicX < 0) {
        sonicX = 0;
      }
      if (sonicX + 50 > canvas.width) {
        sonicX = canvas.width - 50;
      }
      if (sonicY < 0) {
        sonicY = 0;
      }
      if (sonicY + 50 > canvas.height) {
        sonicY = canvas.height - 50;
      }

// Move Knuckles
      if (knucklesX > 0) {
        knucklesX -= knucklesSpeedX;
      } else {
        knucklesX = canvas.width - 100;
      }

// Move Robot
      robotY -= robotSpeedX;
      if (robotY < 0) {
        robotY = canvas.height;
      }
    }

// Draw game objects
    function draw() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Sonic
      ctx.fillStyle = "blue";
      ctx.fillRect(sonicX, sonicY, 50, 50);

// Draw Knuckles
      ctx.fillStyle = "red";
      ctx.fillRect(knucklesX, knucklesY, 50, 50);

// Draw Robot
      ctx.fillStyle = "green";
      ctx.fillRect(robotX, robotY, 50, 50);

// Draw level text
      ctx.fillStyle = "white";
      ctx.font = "20px Arial";
      ctx.fillText("Sonic's level: A Watery Land", 10, 30);
      ctx.fillText("Knuckles' level: A Bloody House", 10, 60);
      ctx.fillText("Robotics' level: Walls coming from everywhere and crush you", 10, 90);
    }

// Game loop
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

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

</html>
```