Make a game where arrow keys control you. You’re looking at yourself from above on a green ground. Your goal is to walk around and shoot enemies the space button picks up weapons and ammo and the other space button shoots .you have limited by ammo in your only have three lives, infinite enemies just start coming from the sides of the map.'s game

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

No:12713

139

←

Prev Next

→

Make a game where arrow keys control you. You’re l..ALL
Developer User4587｜Date and time 23/8/22 11:00:04
Build time 31.752 sec｜Game capacity 5.511KB｜

Script

Here's a simple implementation of the game you described:

This implementation uses a simple HTML structure and manipulates the DOM elements using JavaScript. The player can move around using arrow keys, shoot bullets using the space bar, and has a limited number of lives. Enemies continuously appear from the sides of the game area, and the goal is to shoot them to earn points. The game ends when the player loses all their lives, and the final score is displayed.

←

Prev　Next

→ 　

Back　

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

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

Here's a simple implementation of the game you described:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 400px;
      margin: 0 auto;
      background-color: green;
    }

#player {
      position: absolute;
      top: 180px;
      left: 180px;
      width: 40px;
      height: 40px;
      background-color: blue;
    }

.enemy {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
    }

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

// Player controls
      document.addEventListener("keydown", function(event) {
        if (event.keyCode === 37) { // Left arrow key
          movePlayer(-10, 0);
        }
        if (event.keyCode === 38) { // Up arrow key
          movePlayer(0, -10);
        }
        if (event.keyCode === 39) { // Right arrow key
          movePlayer(10, 0);
        }
        if (event.keyCode === 40) { // Down arrow key
          movePlayer(0, 10);
        }
        if (event.keyCode === 32) { // Space key
          if (event.repeat) return; // Prevent continuous firing when holding down space bar

if (bullets.length < 5) {
            fireBullet();
          }
        }
      });

function movePlayer(dx, dy) {
        var left = parseInt(player.style.left) + dx;
        var top = parseInt(player.style.top) + dy;

if (left >= 0 && left <= game.clientWidth - player.offsetWidth) {
          player.style.left = left + "px";
        }
        if (top >= 0 && top <= game.clientHeight - player.offsetHeight) {
          player.style.top = top + "px";
        }
      }

function fireBullet() {
        var bullet = document.createElement("div");
        bullet.className = "bullet";
        bullet.style.left = parseInt(player.style.left) + player.offsetWidth / 2 + "px";
        bullet.style.top = parseInt(player.style.top) - 10 + "px";
        game.appendChild(bullet);
        bullets.push(bullet);

var bulletTimer = setInterval(function() {
          var top = parseInt(bullet.style.top) - 5;
          bullet.style.top = top + "px";

if (top < 0) {
            clearInterval(bulletTimer);
            bullets.splice(bullets.indexOf(bullet), 1);
            game.removeChild(bullet);
          }

// Check for collision with enemies
          Array.from(document.getElementsByClassName("enemy")).forEach(function(enemy) {
            if (collisionCheck(bullet, enemy)) {
              clearInterval(bulletTimer);
              bullets.splice(bullets.indexOf(bullet), 1);
              game.removeChild(bullet);
              game.removeChild(enemy);
              score += 10;
            }
          });
        }, 10);
      }

function createEnemy() {
        var enemy = document.createElement("div");
        enemy.className = "enemy";
        enemy.style.top = randomRange(0, game.clientHeight - enemy.offsetHeight) + "px";

var isMovingRight = Math.random() < 0.5;
        if (isMovingRight) {
          enemy.style.left = -enemy.offsetWidth + "px";
        } else {
          enemy.style.left = game.clientWidth + "px";
        }

game.appendChild(enemy);

var enemyTimer = setInterval(function() {
          var left = parseInt(enemy.style.left);
          if (isMovingRight) {
            enemy.style.left = left + 5 + "px";
          } else {
            enemy.style.left = left - 5 + "px";
          }

if (left < -enemy.offsetWidth || left > game.clientWidth) {
            clearInterval(enemyTimer);
            game.removeChild(enemy);
            lives--;
            if (lives <= 0) {
              gameover();
            }
          }

// Check for collision with player
          if (collisionCheck(enemy, player)) {
            clearInterval(enemyTimer);
            game.removeChild(enemy);
            lives--;
            if (lives <= 0) {
              gameover();
            }
          }
        }, 50);

setTimeout(createEnemy, 1000); // Create new enemy after 1 second
      }

function collisionCheck(element1, element2) {
        var rect1 = element1.getBoundingClientRect();
        var rect2 = element2.getBoundingClientRect();

return (
          rect1.left < rect2.right &&
          rect1.right > rect2.left &&
          rect1.top < rect2.bottom &&
          rect1.bottom > rect2.top
        );
      }

function randomRange(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

function gameover() {
        alert("Game over! Your score: " + score);
        window.location.reload();
      }

createEnemy();
    };
  </script>
</body>
</html>
```