2d isometric game with spaceship theme's game

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

No:40110

←

Prev Next

→

2d isometric game with spaceship theme
Developer User17976｜Date and time 24/2/1 6:16:42
Build time 5.981 sec｜Game capacity 1.573KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Игра: Космический корабль</title>
    <style>
      /* CSS styles for game elements */
      #game-container {
        position: relative;
        width: 400px;
        height: 400px;
        border: 1px solid black;
      }
      
      #spaceship {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        background-color: blue;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="spaceship"></div>
    </div>
    
    <script>
      // JavaScript code for game logic
      var spaceship = document.getElementById("spaceship");
      
      // Function to move the spaceship
      function moveSpaceship(event) {
        switch(event.keyCode) {
          case 37: // Left arrow key
            spaceship.style.left = parseInt(spaceship.style.left) - 10 + 'px';
            break;
          case 38: // Up arrow key
            spaceship.style.top = parseInt(spaceship.style.top) - 10 + 'px';
            break;
          case 39: // Right arrow key
            spaceship.style.left = parseInt(spaceship.style.left) + 10 + 'px';
            break;
          case 40: // Down arrow key
            spaceship.style.top = parseInt(spaceship.style.top) + 10 + 'px';
            break;
        }
      }
      
      // Event listener to handle keyboard input
      document.addEventListener("keydown", moveSpaceship);
    </script>
  </body>
</html>