I want a game with a blue hedgehog's game

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

No:31994

←

Prev Next

→

I want a game with a blue hedgehog
Developer User15029｜Date and time 23/12/29 4:56:37
Build time 15.639 sec｜Game capacity 2.191KB｜

Script

Sure! Here's a simple game featuring a blue hedgehog using pictograms. Copy the code below and save it as an HTML file, then open it in a web browser to play the game.

This game will display a blue hedgehog on a canvas and allow you to control its position using touch events. The hedgehog will bounce off the edges of the canvas. Have fun playing with the hedgehog!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's a simple game featuring a blue hedgehog using pictograms. Copy the code below and save it as an HTML file, then open it in a web browser to play the game.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Blue Hedgehog Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialization
    function initialize() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");

// Start game loop
      setInterval(update, 1000 / 30); // 30 frames per second
    }

// Game loop
    function update() {
      moveHedgehog();
      draw();
    }

// Handle hedgehog movement
    function moveHedgehog() {
      hedgehogX += hedgehogSpeedX;
      hedgehogY += hedgehogSpeedY;

if (hedgehogX > canvas.width - 50 || hedgehogX < 0) {
        hedgehogSpeedX *= -1;
      }

if (hedgehogY > canvas.height - 50 || hedgehogY < 0) {
        hedgehogSpeedY *= -1;
      }
    }

// Draw the game
    function draw() {
      // Clear the canvas
      canvasContext.fillStyle = "#ffffff";
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw the hedgehog
      canvasContext.fillStyle = "#0000ff";
      canvasContext.fillRect(hedgehogX, hedgehogY, 50, 50);
    }

// Handle touch events
    function handleTouch(event) {
      var touchX = event.touches[0].pageX - canvas.offsetLeft;
      var touchY = event.touches[0].pageY - canvas.offsetTop;

// Set hedgehog position based on touch coordinates
      hedgehogX = touchX - 25;
      hedgehogY = touchY - 25;
    }

// Event listeners
    window.onload = initialize;
    canvas.addEventListener("touchstart", handleTouch);
    canvas.addEventListener("touchmove", handleTouch);
  </script>
</body>
</html>
```

This game will display a blue hedgehog on a canvas and allow you to control its position using touch events. The hedgehog will bounce off the edges of the canvas. Have fun playing with the hedgehog!