Sonic en Un nivel Con su abilidad de dropdash's game

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

No:38171

←

Prev Next

→

Sonic en Un nivel Con su abilidad de dropdash
Developer User17260｜Date and time 24/1/23 3:25:03
Build time 8.547 sec｜Game capacity 1.93KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Sonic en un Nivel con Drop Dash</title>
  <style>
    #game-container {
      position: relative;
      width: 600px;
      height: 400px;
      border: 1px solid black;
    }
    #sonic {
      position: relative;
      width: 32px;
      height: 32px;
      background-image: url('sonic.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="sonic"></div>
  </div>

let sonicPosition = { x: 0, y: 0 };
      let isJumping = false;

gameContainer.addEventListener('click', dropDash);

document.addEventListener('keydown', function(event) {
        if (!isJumping && event.code === 'Space') {
          dropDash();
        }
      });

document.addEventListener('keyup', function(event) {
        if (event.code === 'Space') {
          sonic.style.backgroundPositionX = '0px';
        }
      });

document.addEventListener('keydown', function(event) {
        switch(event.code) {
          case 'ArrowUp':
            sonicPosition.y -= 10;
            break;
          case 'ArrowDown':
            sonicPosition.y += 10;
            break;
          case 'ArrowLeft':
            sonicPosition.x -= 10;
            break;
          case 'ArrowRight':
            sonicPosition.x += 10;
            break;
        }

sonic.style.transform = `translate(${sonicPosition.x}px, ${sonicPosition.y}px)`;
      });
    };
  </script>
</body>
</html>