AI game creator

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

No:24763

←

Prev Next

→

Simulator of Earth
Developer User11804｜Date and time 23/11/12 1:37:49
Build time 50.858 sec｜Game capacity 1.862KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Simulator of Earth</title>
    <style>
      #earth-container {
        width: 100%;
        height: 400px;
        background-image: url('earth.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
      }
      #player {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        width: 50px;
        height: 50px;
        background-image: url('player.png');
        background-size: 100% 100%;
        cursor: pointer;
      }
    </style>
  </head>

// Set player initial position
      var initialPlayerPosition = (earthWidth - playerWidth) / 2;
      player.style.left = initialPlayerPosition + 'px';

// Function to handle player movement
      function handleMovement(event) {
        isMoving = true;
        var xPosition = event.touches[0].clientX;
        var playerPosition = xPosition - playerWidth / 2;

// Check if the player is inside the boundaries
        if (playerPosition >= 0 && playerPosition <= earthWidth - playerWidth) {
          player.style.left = playerPosition + 'px';
        }
      }

// Add touch event listeners for player movement
      document.addEventListener('touchmove', function (event) {
        event.preventDefault();
        if (isMoving) {
          handleMovement(event);
        }
      });

document.addEventListener('touchend', function (event) {
        isMoving = false;
      });
    </script>
  </body>
</html>