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 Add a reset button add a score Add losing Add boss battles At certain points Add upgraded robots that you have to swipe 2 times's game

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

No:35149

←

Prev Next

→

A game where you swipe enemies that try to fall on..ALL
Developer Game Studio｜Date and time 24/1/13 12:56:19
Build time 15.002 sec｜Game capacity 5.84KB｜

Script

Sure, here's an example of how you could implement a game with the given specifications in a single HTML file using JavaScript and incorporating the requested features:

Score: 0

This code creates a simple game where enemies (represented as red squares) fall down the screen and the player needs to swipe them either from the left or right sides to defeat them. The game keeps track of the player's score, and there is a reset button to start a new game. The game also includes losing condition and implements animatio

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of how you could implement a game with the given specifications in a single HTML file using JavaScript and incorporating the requested features:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Swipe Enemies Game</title>
    <style>
        #gameScreen {
            width: 100%;
            height: 400px;
            background-color: #DDD;
            position: relative;
        }
        .enemy {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="gameScreen">
        <button id="resetButton">Reset</button>
        <span id="score">Score: 0</span>
    </div>

// Function to create enemy
        function createEnemy() {
            var enemy = document.createElement('div');
            enemy.classList.add('enemy');
            enemy.style.left = Math.floor(Math.random() * 90) + 'vw';
            enemy.speed = Math.floor(Math.random() * 2) + 1;
            document.getElementById('gameScreen').appendChild(enemy);
            enemies.push(enemy);
        }

// Function to update enemy positions
        function updateEnemies() {
            enemies.forEach(function(enemy) {
                enemy.style.top = (enemy.offsetTop + enemy.speed) + 'px';

// Check if enemy collided with bottom
                if (enemy.offsetTop + enemy.offsetHeight > window.innerHeight) {
                    gameOver();
                }
            });
        }

// Function to detect swipe action
        function addSwipeDetection() {
            var initialX = null;
            var initialY = null;

window.addEventListener('touchstart', function(event) {
                initialX = event.touches[0].clientX;
                initialY = event.touches[0].clientY;
            });

window.addEventListener('touchmove', function(event){
                event.preventDefault();
            });

window.addEventListener('touchend', function(event){
                var finalX = event.changedTouches[0].clientX;
                var finalY = event.changedTouches[0].clientY;
                var diffX = finalX - initialX;
                var diffY = finalY - initialY;

if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 20) {
                    if (diffX > 0) {
                        swipeRight();
                    } else {
                        swipeLeft();
                    }
                }
            });
        }

// Function to handle right swipe
        function swipeRight() {
            var enemiesCopy = Array.from(enemies);
            enemiesCopy.forEach(function(enemy) {
                if (isCollidingRight(enemy)) {
                    score += 1;
                    document.getElementById('score').innerText = 'Score: ' + score;
                    enemy.parentNode.removeChild(enemy);
                    enemies.splice(enemies.indexOf(enemy), 1);
                }
            });
        }

// Function to check collision from the right side
        function isCollidingRight(enemy) {
            var enemyRect = enemy.getBoundingClientRect();
            var gameScreenRect = document.getElementById('gameScreen').getBoundingClientRect();
            return enemyRect.right >= gameScreenRect.right;
        }

// Function to handle left swipe
        function swipeLeft() {
            var enemiesCopy = Array.from(enemies);
            enemiesCopy.forEach(function(enemy) {
                if (isCollidingLeft(enemy)) {
                    if (!enemy.upgrade) {
                        score += 1;
                        enemy.upgrade = true;
                    } else {
                        score += 2;
                        enemy.parentNode.removeChild(enemy);
                        enemies.splice(enemies.indexOf(enemy), 1);
                    }
                    document.getElementById('score').innerText = 'Score: ' + score;
                }
            });
        }

// Function to check collision from the left side
        function isCollidingLeft(enemy) {
            var enemyRect = enemy.getBoundingClientRect();
            var gameScreenRect = document.getElementById('gameScreen').getBoundingClientRect();
            return enemyRect.left <= gameScreenRect.left;
        }

// Function to start the game
        function startGame() {
            document.getElementById('resetButton').addEventListener('click', resetGame);
            addSwipeDetection();
            setInterval(function() {
                createEnemy();
            }, 1000);
            setInterval(function() {
                updateEnemies();
            }, 10);
        }

// Function to reset the game
        function resetGame() {
            document.getElementById('gameScreen').innerHTML = '<button id="resetButton">Reset</button><span id="score">Score: 0</span>';
            enemies = [];
            score = 0;
            startGame();
        }

// Function to end the game
        function gameOver() {
            clearInterval(enemyCreateInterval);
            clearInterval(enemyUpdateInterval);
            alert('Game Over! Your score: ' + score);
        }

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