AI game creator

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

No:36085

←

Prev Next

→

"In a world where zombie miners have overrun the c..ALL
Developer User16730｜Date and time 24/1/16 15:58:45
Build time 15.99 sec｜Game capacity 3.774KB｜

Script

Sure! Here's a simple game implementation in a single HTML file using JavaScript:

Score: 0

To play the game on a smartphone, simply open the HTML file in a web browser that supports JavaScript, like Google Chrome or Safari. The game features a player represented by a blue square that can be controlled using left and right arrow keys. The objective is to prevent the red enemy squares from passing the player. Colliding with an enemy deducts 10 points from the score, while successfully preventing an enemy from passing adds 10 points. The score is displayed at the top. Enjoy playing as Dark Tater and restoring order to the city!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple game implementation in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-board {
      width: 400px;
      height: 600px;
      border: 1px solid black;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: #0000FF;
      position: absolute;
      bottom: 10px;
      left: 175px;
    }

.enemy {
      width: 50px;
      height: 50px;
      background-color: #FF0000;
      position: absolute;
      top: 10px;
    }

#score {
      font-size: 20px;
      margin-top: 10px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="player"></div>
  </div>
  <div id="score">Score: 0</div>

// Player movement
    function movePlayer(event) {
      if (event.keyCode === 37) { // Left arrow key
        playerPosition -= playerSpeed;
        if (playerPosition < 0) {
          playerPosition = 0;
        }
      } else if (event.keyCode === 39) { // Right arrow key
        playerPosition += playerSpeed;
        if (playerPosition > gameBoard.offsetWidth - player.offsetWidth) {
          playerPosition = gameBoard.offsetWidth - player.offsetWidth;
        }
      }
      player.style.left = playerPosition + "px";
    }

// Enemy creation and movement
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.className = "enemy";
      enemy.style.left = Math.random() * (gameBoard.offsetWidth - enemy.offsetWidth) + "px";
      gameBoard.appendChild(enemy);
      moveEnemy(enemy);
    }

function moveEnemy(enemy) {
      var enemyPosition = 10;
      var enemySpeed = Math.random() * 5 + 2;

var enemyInterval = setInterval(function() {
        enemyPosition += enemySpeed;
        enemy.style.top = enemyPosition + "px";

// Check collision with player
        if (isColliding(player, enemy)) {
          clearInterval(enemyInterval);
          gameBoard.removeChild(enemy);
          score -= 10;
          scoreDisplay.innerHTML = "Score: " + score;
        }

// Check if enemy passed the player
        if (enemyPosition > gameBoard.offsetHeight) {
          clearInterval(enemyInterval);
          gameBoard.removeChild(enemy);
          score += 10;
          scoreDisplay.innerHTML = "Score: " + score;
        }
      }, 20);
    }

// Collision detection
    function isColliding(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();
      return !(rect1.right < rect2.left || rect1.left > rect2.right || rect1.bottom < rect2.top || rect1.top > rect2.bottom);
    }

// Game start
    window.addEventListener("keydown", movePlayer);
    setInterval(createEnemy, 1500);
  </script>
</body>
</html>
```