A game about a guy that runs around shooting and it is sci-fi themed's game

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

No:35796

←

Prev Next

→

A game about a guy that runs around shooting and i..ALL
Developer User16636｜Date and time 24/1/15 9:44:13
Build time 13.703 sec｜Game capacity 3.022KB｜

Script

Sure! Here's an example of a simple sci-fi themed game where a player controls a character who runs around shooting using pictograms. The game is implemented as a single HTML file enclosed within script tags:

👨

In this game, the player character is represented by the 👨 pictogram. The player can move their character using the arrow keys on their smartphone. Pressing the spacebar shoots a bullet represented by a red square. The bullets move upwards from the player's position. When a bullet goes off the screen, it is removed from the game. The game loop ensures that the bullets keep moving until the game is finished. Note: This is a simplified example and can be further expanded to include enemies, power-ups, and additional game mechanics according to your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sci-Fi Shooter Game</title>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 400px;
      border: 2px solid #000;
    }

#player {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 40px;
    }

.bullet {
      position: absolute;
      background-color: #f00;
      width: 10px;
      height: 10px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player">👨</div>
  </div>

// Player movement
    document.addEventListener('keydown', function(e) {
      var stepSize = 10;
      var currentLeft = parseInt(player.style.left) || 0;
      var currentTop = parseInt(player.style.top) || 0;

if (e.key === 'ArrowUp') {
        player.style.top = (currentTop - stepSize) + 'px';
      } else if (e.key === 'ArrowDown') {
        player.style.top = (currentTop + stepSize) + 'px';
      } else if (e.key === 'ArrowLeft') {
        player.style.left = (currentLeft - stepSize) + 'px';
      } else if (e.key === 'ArrowRight') {
        player.style.left = (currentLeft + stepSize) + 'px';
      } else if (e.key === ' ') {
        // Shoot bullet when spacebar is pressed
        var bullet = document.createElement('div');
        bullet.className = 'bullet';
        bullet.style.top = currentTop + 'px';
        bullet.style.left = (currentLeft + 45) + 'px';
        bullets.push(bullet);
        game.appendChild(bullet);
      }
    });

// Move bullets
    function moveBullets() {
      for (var i = 0; i < bullets.length; i++) {
        var currentTop = parseInt(bullets[i].style.top) || 0;
        bullets[i].style.top = (currentTop - 5) + 'px';

if (currentTop <= -20) {
          bullets[i].parentNode.removeChild(bullets[i]);
          bullets.splice(i, 1);
          i--;
        }
      }
    }

// Game loop
    function gameLoop() {
      moveBullets();
      requestAnimationFrame(gameLoop);
    }

// Start the game
    gameLoop();
  </script>
</body>
</html>
```

Note: This is a simplified example and can be further expanded to include enemies, power-ups, and additional game mechanics according to your specific requirements.