A game where you swipe enemies that try to fall on the screen Prevent them from biting you or you lose Add the swiping effect Add animations Make the enemies robots's game

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

No:35148

←

Prev Next

→

A game where you swipe enemies that try to fall on..ALL
Developer Game Studio｜Date and time 24/1/13 12:54:21
Build time 14.337 sec｜Game capacity 4.272KB｜

Script

Sure! Here's an example of a simple game where you swipe enemies (robots) to prevent them from falling on the screen. The enemies will be represented by pictograms, and swiping will be simulated by using mouse/touch events.

To play the game on a smartphone, simply open the HTML file in a browser that supports JavaScript and touch events (such as Safari or Chrome), and swipe on the screen to remove the falling enemies. The game loop continuously creates new enemies, and if an enemy reaches the bottom of the screen without being swiped, it will be considered a bite and you will lose.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Swipe Attack Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #f0f0f0;
    }
    .enemy {
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100px;
      background-color: red;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2rem;
      color: white;
      user-select: none;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

// Enemy speed (pixels per frame)
    const enemySpeed = 5;

// Number of enemies created per second
    const enemyCreationRate = 2;

// Game container element
    const gameContainer = document.getElementById('game-container');

// Add event listeners for swipe effect
    gameContainer.addEventListener('mousedown', startSwipe);
    gameContainer.addEventListener('mousemove', swipe);
    gameContainer.addEventListener('mouseup', endSwipe);
    gameContainer.addEventListener('touchstart', startSwipe);
    gameContainer.addEventListener('touchmove', swipe);
    gameContainer.addEventListener('touchend', endSwipe);

// Swipe tracking variables
    let swiping = false;
    let startSwipeX = 0;
    let startSwipeY = 0;

// Game loop
    function gameLoop() {
      createEnemy();

for (let i = 0; i < enemies.length; i++) {
        const enemy = enemies[i];
        updateEnemyPosition(enemy);
      }

requestAnimationFrame(gameLoop);
    }

// Start the game loop
    gameLoop();

// Create a new enemy at the top of the screen
    function createEnemy() {
      if (Math.random() < (enemyCreationRate / 60)) {
        const enemy = document.createElement('div');
        enemy.classList.add('enemy');
        enemy.innerHTML = '🤖';
        enemy.style.left = Math.random() * (gameContainer.offsetWidth - 100) + 'px';
        gameContainer.appendChild(enemy);
        enemies.push(enemy);
      }
    }

// Update the position of an enemy
    function updateEnemyPosition(enemy) {
      const newY = enemy.offsetTop + enemySpeed;
      if (newY < gameContainer.offsetHeight - enemy.offsetHeight) {
        enemy.style.top = newY + 'px';
      } else {
        enemy.remove();
        enemies.splice(enemies.indexOf(enemy), 1);
      }
    }

// Handle swipe start event
    function startSwipe(event) {
      swiping = true;
      startSwipeX = event.pageX || event.touches[0].pageX;
      startSwipeY = event.pageY || event.touches[0].pageY;
    }

// Handle swipe move event
    function swipe(event) {
      if (swiping) {
        const currentX = event.pageX || event.touches[0].pageX;
        const currentY = event.pageY || event.touches[0].pageY;
        const deltaX = currentX - startSwipeX;
        const deltaY = currentY - startSwipeY;
        const threshold = 50;

if (Math.abs(deltaX) > threshold || Math.abs(deltaY) > threshold) {
          for (let i = 0; i < enemies.length; i++) {
            const enemy = enemies[i];
            const enemyRect = enemy.getBoundingClientRect();

if (
              enemyRect.left < currentX &&
              enemyRect.right > currentX &&
              enemyRect.top < currentY &&
              enemyRect.bottom > currentY
            ) {
              enemy.remove();
              enemies.splice(enemies.indexOf(enemy), 1);
            }
          }

swiping = false;
        }
      }
    }

// Handle swipe end event
    function endSwipe() {
      swiping = false;
    }
  </script>
</body>
</html>

```