A game that contains and alien ship that shots at intruders's game

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

No:28195

130

←

Prev Next

→

A game that contains and alien ship that shots at ..ALL
Developer User14016｜Date and time 23/12/11 5:40:40
Build time 36.301 sec｜Game capacity 4.283KB｜

Script

Sure! Here's a simple game that involves an alien ship shooting at intruders using JavaScript in a single HTML file. The game can be played on a smartphone and includes pictograms to enhance the visual experience. Don't forget to enclose the code within `` tags in your HTML file. <br><br> <br> <style> #game-container { position: relative; width: 300px; height: 500px; border: 1px solid black; margin: 0 auto; } .ship, .intruder, .shot { position: absolute; font-size: 40px; } .ship { color: green; } .intruder { color: red; } .shot { color: yellow; } </style> <div id="game-container"></div>

This game sets up a game container where the ship, intruder, and shots are dynamically created and moved around based on keyboard events. The ship can be controlled using the left and right arrow keys, and you can shoot by pressing the spacebar. The intruder moves back and forth within the game container.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Alien Intruders</title>
  <style>
    #game-container {
      position: relative;
      width: 300px;
      height: 500px;
      border: 1px solid black;
      margin: 0 auto;
    }
    .ship, .intruder, .shot {
      position: absolute;
      font-size: 40px;
    }
    .ship {
      color: green;
    }
    .intruder {
      color: red;
    }
    .shot {
      color: yellow;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Creating the game elements
    let ship = createGameElement('ship', '🚢');
    const intruder = createGameElement('intruder', '🤷');
    let shot = null;

// Setting initial positions
    setElementPosition(ship, 130, 450);
    setElementPosition(intruder, 130, 50);

// Handling key events for ship movement
    document.addEventListener('keydown', handleKeyDown);
    document.addEventListener('keyup', handleKeyUp);

// Game loop
    setInterval(moveElements, 30);

// Functions
    function createGameElement(className, content) {
      const element = document.createElement('div');
      element.className = className;
      element.innerHTML = content;
      gameContainer.appendChild(element);
      return element;
    }

function setElementPosition(element, x, y) {
      element.style.left = x + 'px';
      element.style.top = y + 'px';
    }

function getElementPosition(element) {
      const rect = element.getBoundingClientRect();
      return {
        x: rect.left,
        y: rect.top
      };
    }

function handleKeyUp(event) {
      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
        stopShip();
      }
    }

function stopShip() {
      clearInterval(ship.moveInterval);
    }

function moveElements() {
      const { x } = getElementPosition(intruder);

if (x <= 0 || x >= gameContainer.offsetWidth - intruder.offsetWidth) {
        intruder.direction = -intruder.direction;
      }

setElementPosition(intruder, x + intruderSpeed * intruder.direction, null);
    }
  </script>
</body>
</html>
```

This game sets up a game container where the ship, intruder, and shots are dynamically created and moved around based on keyboard events. The ship can be controlled using the left and right arrow keys, and you can shoot by pressing the spacebar. The intruder moves back and forth within the game container.