A platformer game about a blue hedgehog named sonic and his fox friend tails, the hedgehog can run fast and the fox can fly, they recolect gold rings in a forest with enemy eggs's game

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

No:36604

←

Prev Next

→

A platformer game about a blue hedgehog named soni..ALL
Developer User16841｜Date and time 24/1/18 2:25:40
Build time 23.95 sec｜Game capacity 5.166KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Sonic y Tails: Juego de Plataformas</title>
    <style>
      #game-container {
        position: relative;
        width: 480px;
        height: 320px;
        margin: 0 auto;
        background-color: #d3d3d3;
      }
      .character {
        position: absolute;
        width: 32px;
        height: 32px;
      }
      #sonic {
        background-image: url('sonic.png');
        background-size: 32px 32px;
      }
      #tails {
        background-image: url('tails.png');
        background-size: 32px 32px;
      }
      .ring {
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url('ring.png');
        background-size: 16px 16px;
      }
      .enemy-egg {
        position: absolute;
        width: 32px;
        height: 32px;
        background-image: url('enemy-egg.png');
        background-size: 32px 32px;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="sonic" class="character"></div>
      <div id="tails" class="character"></div>
      <div id="ring1" class="ring"></div>
      <div id="ring2" class="ring"></div>
      <div id="enemy1" class="enemy-egg"></div>
      <div id="enemy2" class="enemy-egg"></div>
    </div>

let sonicX = 0;
        let sonicY = 0;
        let tailsX = 200;
        let tailsY = 0;
        let ring1X = Math.floor(Math.random() * 400);
        let ring1Y = Math.floor(Math.random() * 100);
        let ring2X = Math.floor(Math.random() * 400);
        let ring2Y = Math.floor(Math.random() * 100);
        let enemy1X = Math.floor(Math.random() * 400);
        let enemy1Y = Math.floor(Math.random() * 100);
        let enemy2X = Math.floor(Math.random() * 400);
        let enemy2Y = Math.floor(Math.random() * 100);

function updateGame() {
          sonic.style.left = sonicX + "px";
          sonic.style.top = sonicY + "px";
          tails.style.left = tailsX + "px";
          tails.style.top = tailsY + "px";
          ring1.style.left = ring1X + "px";
          ring1.style.top = ring1Y + "px";
          ring2.style.left = ring2X + "px";
          ring2.style.top = ring2Y + "px";
          enemy1.style.left = enemy1X + "px";
          enemy1.style.top = enemy1Y + "px";
          enemy2.style.left = enemy2X + "px";
          enemy2.style.top = enemy2Y + "px";

checkCollision();
          requestAnimationFrame(updateGame);
        }

function checkCollision() {
          if (
            sonicX < ring1X + 16 &&
            sonicX + 32 > ring1X &&
            sonicY < ring1Y + 16 &&
            sonicY + 32 > ring1Y
          ) {
            ring1X = Math.floor(Math.random() * 400);
            ring1Y = Math.floor(Math.random() * 100);
            console.log("Recogiste un anillo 1");
          }

if (
            sonicX < ring2X + 16 &&
            sonicX + 32 > ring2X &&
            sonicY < ring2Y + 16 &&
            sonicY + 32 > ring2Y
          ) {
            ring2X = Math.floor(Math.random() * 400);
            ring2Y = Math.floor(Math.random() * 100);
            console.log("Recogiste un anillo 2");
          }

if (
            sonicX < enemy1X + 32 &&
            sonicX + 32 > enemy1X &&
            sonicY < enemy1Y + 32 &&
            sonicY + 32 > enemy1Y
          ) {
            console.log("Game Over");
            // Aquí puedes agregar lógica para reiniciar el juego
          }

if (
            tailsX < enemy2X + 32 &&
            tailsX + 32 > enemy2X &&
            tailsY < enemy2Y + 32 &&
            tailsY + 32 > enemy2Y
          ) {
            console.log("Game Over");
            // Aquí puedes agregar lógica para reiniciar el juego
          }
        }

document.addEventListener("keydown", moveSonic);
        document.addEventListener("keydown", moveTails);
        updateGame();
      });
    </script>
  </body>
</html>