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

No:11871

136

←

Prev Next

→

sonic the hedgehog is a hedgehog on his feet and b..ALL
Developer User4964｜Date and time 23/8/12 19:33:56
Build time 28.914 sec｜Game capacity 3.45KB｜

Script

Sure! Here's a simple implementation of a game featuring Sonic the Hedgehog using JavaScript. This code is contained within a single HTML file and can be run directly in a browser:

Sonic the Hedgehog Game

Please note that this code assumes you have an image file named "emozi_cat.png" in the same directory as the HTML file. You can replace it with any Sonic the Hedgehog image of your choice. Also, due to the simplicity of this example, keyboard controls are used instead of touch controls for smartphone operation.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a game featuring Sonic the Hedgehog using JavaScript. This code is contained within a single HTML file and can be run directly in a browser:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sonic the Hedgehog Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #FFF;
      overflow: hidden;
    }

#sonic {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 50px;
      height: 50px;
      background-image: url('sonic.png');
      background-size: contain;
      animation: sonic-run 0.5s steps(4) infinite;
    }

@keyframes sonic-run {
      from { background-position: 0; }
      to { background-position: -200px; }
    }

.obstacle {
      position: absolute;
      bottom: 0;
      width: 40px;
      height: 40px;
      background-color: #000;
    }
  </style>
</head>
<body>
  <h1>Sonic the Hedgehog Game</h1>
  <div id="game-container">
    <div id="sonic"></div>
    <div class="obstacle" style="left: 100px;"></div>
    <div class="obstacle" style="left: 200px;"></div>
    <div class="obstacle" style="left: 300px;"></div>
  </div>

// Start the Game
    function startGame() {
      isGameRunning = true;
      gameInterval = setInterval(updateGame, 20);
    }

// Update Game Position
    function updateGame() {
      var sonicBottom = parseInt(window.getComputedStyle(sonic).getPropertyValue('bottom'));
      
      // Check collision with obstacles
      for (var i = 0; i < obstacles.length; i++) {
        var obstacleLeft = parseInt(window.getComputedStyle(obstacles[i]).getPropertyValue('left'));
        var obstacleBottom = parseInt(window.getComputedStyle(obstacles[i]).getPropertyValue('bottom'));

if (obstacleLeft <= 50 && obstacleBottom <= sonicBottom) {
          stopGame();
          return;
        }
      }
      
      // Move obstacles and adjust speed
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].style.left = (parseInt(window.getComputedStyle(obstacles[i]).getPropertyValue('left')) - speed) + 'px';
      }
      
      // Increase score (speed) over time
      speed += 0.005;

if (speed >= 10) {
        speed = 10;
      }
    }

// Stop the Game
    function stopGame() {
      clearInterval(gameInterval);
      isGameRunning = false;
    }

// Handle Key Press
    document.onkeydown = function (event) {
      if (!isGameRunning) {
        startGame();
      }

if (event.keyCode === 32) { // Space key
        sonic.style.transform = 'rotate(360deg)';
      }
    }

document.onkeyup = function (event) {
      if (event.keyCode === 32) { // Space key
        sonic.style.transform = '';
      }
    }

// Start the game initially
    startGame();
  </script>
</body>
</html>
```

Please note that this code assumes you have an image file named "sonic.png" in the same directory as the HTML file. You can replace it with any Sonic the Hedgehog image of your choice. Also, due to the simplicity of this example, keyboard controls are used instead of touch controls for smartphone operation.