Space k○ller and alien in space's game

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

No:22765

←

Prev Next

→

Space k○ller and alien in space
Developer User10484｜Date and time 23/10/24 18:38:29
Build time 43.884 sec｜Game capacity 2.64KB｜

Script

Sure! Here's an example of a game called "Space Killer and Alien in Space" implemented in a single HTML file using JavaScript:

In the game, there is a spaceship represented by a pictogram and an alien represented by another pictogram. The spaceship can be controlled by touching the screen. The alien moves to a random position on the screen every 2 seconds. Please note that in the code above, you need to replace the URLs in the `background-image` CSS properties (`emozi_all/background.png` and `emozi_all/spaceship.png`) with the actual URLs of the pictograms you want to use. Also, make sure to have those images available in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game called "Space Killer and Alien in Space" implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Space Killer and Alien in Space</title>
  <style>
    #game-area {
      width: 100vw;
      height: 100vh;
      background-color: black;
      position: relative;
      overflow: hidden;
    }
    #alien {
      width: 50px;
      height: 50px;
      background-image: url('alien.png');
      background-size: cover;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    #spaceship {
      width: 50px;
      height: 50px;
      background-image: url('spaceship.png');
      background-size: cover;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  </style>
</head>
<body>
  <div id="game-area">
    <div id="alien"></div>
    <div id="spaceship"></div>
  </div>

// Move the spaceship when the user touches the screen
      document.addEventListener('touchmove', function(event) {
        const touch = event.touches[0];
        spaceship.style.top = touch.clientY - spaceship.offsetHeight / 2 + 'px';
      });

// Generate random positions for the alien
      function generateRandomPosition() {
        const maxWidth = window.innerWidth - alien.offsetWidth;
        const maxHeight = window.innerHeight - alien.offsetHeight;
        const randomX = Math.floor(Math.random() * maxWidth);
        const randomY = Math.floor(Math.random() * maxHeight);
        return { x: randomX, y: randomY };
      }

// Move the alien to a new random position every 2 seconds
      setInterval(function() {
        const position = generateRandomPosition();
        alien.style.left = position.x + 'px';
        alien.style.top = position.y + 'px';
      }, 2000);
    });
  </script>
</body>
</html>
```

Please note that in the code above, you need to replace the URLs in the `background-image` CSS properties (`alien.png` and `spaceship.png`) with the actual URLs of the pictograms you want to use. Also, make sure to have those images available in the same directory as the HTML file.