Shooting Game's game | AI game creator

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

No:46284

80

Shooting Game
Developer User20035｜Date and time 24/2/24 10:14:46
Build time 6.857 sec｜Game capacity 2.024KB｜

Score: 0

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<script>
  // Define variables for game elements
  var player = document.getElementById('player');
  var enemy = document.getElementById('enemy');
  var score = 0;
  
  // Function to detect collision between player and enemy
  function checkCollision() {
    var playerRect = player.getBoundingClientRect();
    var enemyRect = enemy.getBoundingClientRect();
    
    if (playerRect.top < enemyRect.bottom && playerRect.bottom > enemyRect.top && playerRect.left < enemyRect.right && playerRect.right > enemyRect.left) {
      // Collision detected
      alert('Game Over! Your score: ' + score);
      score = 0;
    }
  }
  
  // Function to move the player based on touch or mouse input
  function movePlayer(event) {
    var x = event.touches ? event.touches[0].clientX : event.clientX;
    var y = event.touches ? event.touches[0].clientY : event.clientY;
    
    player.style.left = x + 'px';
    player.style.top = y + 'px';
    
    checkCollision();
  }
  
  // Function to spawn the enemy at random position
  function spawnEnemy() {
    var maxX = window.innerWidth - enemy.offsetWidth;
    var maxY = window.innerHeight - enemy.offsetHeight;
    
    var randomX = Math.floor(Math.random() * maxX);
    var randomY = Math.floor(Math.random() * maxY);
    
    enemy.style.left = randomX + 'px';
    enemy.style.top = randomY + 'px';
  }
  
  // Function to update score and respawn enemy
  function updateScore() {
    score++;
    document.getElementById('score').innerText = 'Score: ' + score;
    
    spawnEnemy();
  }
  
  // Event listener for player movement
  document.addEventListener('mousemove', movePlayer);
  document.addEventListener('touchmove', movePlayer);
  
  // Initialize game
  spawnEnemy();
</script>

<div id="player" style="width: 50px; height: 50px; background-color: blue; position: absolute;"></div>
<div id="enemy" style="width: 50px; height: 50px; background-color: red; position: absolute;"></div>
<div id="score" style="position: absolute; top: 10px; right: 10px;">Score: 0</div>