Sonic the hedgehog 5's game

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

No:24869

←

Prev Next

→

Sonic the hedgehog 5
Developer User11015｜Date and time 23/11/13 12:27:29
Build time 168.912 sec｜Game capacity 3.326KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Sonic the Hedgehog 5</title>
  <style>
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  <script>
    // Preload game assets
    var assets = {};
    var loadedAssets = 0;
    var totalAssets = 0;

function preload() {
      loadAsset("sonic", "https://example.com/sonic.png"); // Replace with actual image URL
      loadAsset("ring", "https://example.com/ring.png"); // Replace with actual image URL

// Load other assets here if needed

// Start the game after all assets are loaded
      checkPreloadComplete();
    }

function loadAsset(name, src) {
      totalAssets++;
      var img = new Image();
      img.src = src;
      assets[name] = img;
      img.onload = function() {
        loadedAssets++;
        checkPreloadComplete();
      }
    }

function checkPreloadComplete() {
      if (loadedAssets === totalAssets) {
        startGame();
      }
    }

// Game variables
    var canvas, ctx;
    var sonic, ring;
    var score = 0;

// Game initialization
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

// Create game objects
      sonic = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        speed: 3,
        width: 50,
        height: 50,
        image: assets["sonic"]
      };

ring = {
        x: 50,
        y: 50,
        width: 30,
        height: 30,
        image: assets["ring"]
      };

// Start game loop
      setInterval(updateGame, 20); // Run the updateGame function every 20 milliseconds
      window.addEventListener("keydown", handleKeyPress); // Listen for user key presses
    }

// Game update function
    function updateGame() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move Sonic
      if (sonic.x < canvas.width - sonic.width) {
        sonic.x += sonic.speed;
      }

// Check for collision with ring
      if (isColliding(sonic, ring)) {
        score++;
        ring.x = Math.random() * (canvas.width - ring.width);
        ring.y = Math.random() * (canvas.height - ring.height);
      }

// Draw Sonic
      ctx.drawImage(sonic.image, sonic.x, sonic.y, sonic.width, sonic.height);

// Draw the ring
      ctx.drawImage(ring.image, ring.x, ring.y, ring.width, ring.height);

// Display score
      ctx.font = "20px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Function to check collision between two objects
    function isColliding(obj1, obj2) {
      return (
        obj1.x < obj2.x + obj2.width &&
        obj1.x + obj1.width > obj2.x &&
        obj1.y < obj2.y + obj2.height &&
        obj1.y + obj1.height > obj2.y
      );
    }

// Handle user key presses
    function handleKeyPress(e) {
      if (e.key === "ArrowUp") {
        sonic.y -= sonic.speed;
      } else if (e.key === "ArrowDown") {
        sonic.y += sonic.speed;
      } else if (e.key === "ArrowLeft") {
        sonic.x -= sonic.speed;
      } else if (e.key === "ArrowRight") {
        sonic.x += sonic.speed;
      }
    }

// Start the game by preloading assets
    preload();
  </script>
</body>
</html>