Pumppu game First the title comes out Start button comes out Arrows to move your character 🦾 Arm 🦾 Physical strength is ♥️ Press and hold to fly fast ❗ Weapon Press weapon button to auto fire ❕ Left← press left, Right→ press right.Enemies: Enemy forms 🚪 fluffy and enemy 🚪 appear. When you hit an enemy, 🚪 will turn sideways and disappear. When the game is over, the game over message appears and the reset button appears.'s game

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

No:7563

1445

←

Prev Next

→

Pumppu game First the title comes out Start button..ALL
Developer o2pi4｜Date and time 23/7/8 19:29:51
Build time 34.516 sec｜Game capacity 9.627KB｜

Script

ピュンピュンゲーム

🦾

❗

ゲームオーバ

score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>ピュンピュンゲーム</title>
    <style>
        #gameContainer {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f8f8f8;
        }
        
        #gameTitle {
            font-size: 32px;
            text-align: center;
        }
        
        #startButton {
            font-size: 24px;
            padding: 10px 20px;
            margin-top: 20px;
            background-color: #4caf50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        #gameArea {
            width: 500px;
            height: 500px;
            background-color: white;
            position: relative;
            overflow: hidden;
        }
        
        .character {
            position: absolute;
            width: 50px;
            height: 50px;
            font-size: 36px;
            text-align: center;
        }
        
        #player {
            top: 225px;
            left: 225px;
        }
        
        #weapon {
            top: 225px;
            left: 225px;
            opacity: 0;
        }
        
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            font-size: 36px;
            text-align: center;
            background-color: #f44336;
            color: white;
        }
        
        #gameOver {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 48px;
            display: none;
        }
        
        #resetButton {
            font-size: 24px;
            padding: 10px 20px;
            margin-top: 20px;
            background-color: #4caf50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        #score {
            font-size: 24px;
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="gameTitle">ピュンピュンゲーム</div>
        <button id="startButton">スタート</button>
        <div id="gameArea">
            <div id="player" class="character">🦾</div>
            <div id="weapon" class="character">❗</div>
        </div>
        <div id="gameOver">ゲームオーバ</div>
        <button id="resetButton">リセット</button>
        <div id="score">score: <span id="scoreValue">0</span></div>
    </div>
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            var player = document.getElementById("player");
            var weapon = document.getElementById("weapon");
            var enemies = [];

var isGameActive = false;
            var isWeaponFiring = false;
            var isMovingLeft = false;
            var isMovingRight = false;
            var score = 0;
            var maxScore = 10;

function updateScore() {
                document.getElementById("scoreValue").textContent = score;
            }

function createEnemy() {
                var enemy = document.createElement("div");
                enemy.classList.add("enemy");
                enemy.innerHTML = "🚪";
                enemy.style.top = Math.floor(Math.random() * (450 - 50 + 1) + 50) + "px";
                document.getElementById("gameArea").appendChild(enemy);
                enemies.push(enemy);
            }

function moveEnemies() {
                var speed = Math.random() * 5 + 1;
                var index = 0;
                var enemyTimer = setInterval(function() {
                    for (var i = 0; i < enemies.length; i++) {
                        var enemy = enemies[i];
                        enemy.style.left = parseInt(enemy.style.left) - speed + "px";

if (parseInt(enemy.style.left) <= -50) {
                            enemies.splice(i, 1);
                            enemy.remove();
                            score--;
                            updateScore();
                        }
                        else if (
                            parseInt(enemy.style.top) >= parseInt(player.style.top) - 25 &&
                            parseInt(enemy.style.top) <= parseInt(player.style.top) + 25 &&
                            parseInt(enemy.style.left) >= parseInt(player.style.left) - 25 &&
                            parseInt(enemy.style.left) <= parseInt(player.style.left) + 25
                        ) {
                            enemies.splice(i, 1);
                            enemy.remove();
                            score++;
                            updateScore();
                        }
                    }

if (score === maxScore) {
                        clearInterval(enemyTimer);
                        document.getElementById("gameOver").style.display = "block";
                    }
                    else if (score < 0) {
                        clearInterval(enemyTimer);
                        document.getElementById("gameOver").style.display = "block";
                        document.getElementById("resetButton").style.display = "block";
                    }

index++;

if (index % 100 === 0) {
                        if (score > 0) {
                            createEnemy();
                        }
                    }
                }, 10);
            }

function handlePlayerMove() {
                if (isMovingLeft && parseInt(player.style.left) > 0) {
                    player.style.left = parseInt(player.style.left) - 5 + "px";
                }
                else if (isMovingRight && parseInt(player.style.left) < 450) {
                    player.style.left = parseInt(player.style.left) + 5 + "px";
                }
            }

function handleWeaponFire() {
                if (isWeaponFiring) {
                    weapon.style.opacity = 1;
                    weapon.style.top = parseInt(player.style.top) - 10 + "px";
                    weaponTimer = setInterval(function() {
                        if (parseInt(weapon.style.left) >= 500) {
                            weapon.style.opacity = 0;
                            clearInterval(weaponTimer);
                        }
                        else {
                            weapon.style.left = parseInt(weapon.style.left) + 10 + "px";

for (var i = 0; i < enemies.length; i++) {
                                var enemy = enemies[i];
                                if (
                                    parseInt(enemy.style.top) >= parseInt(weapon.style.top) - 25 &&
                                    parseInt(enemy.style.top) <= parseInt(weapon.style.top) + 25 &&
                                    parseInt(enemy.style.left) >= parseInt(weapon.style.left) - 25 &&
                                    parseInt(enemy.style.left) <= parseInt(weapon.style.left) + 25
                                ) {
                                    enemies.splice(i, 1);
                                    enemy.remove();
                                    score++;
                                    updateScore();
                                }
                            }
                        }
                    }, 10);
                }
            }

document.getElementById("startButton").addEventListener("click", function() {
                isGameActive = true;
                this.style.display = "none";
                moveEnemies();
            });

document.getElementById("resetButton").addEventListener("click", function() {
                isGameActive = false;
                isWeaponFiring = false;
                isMovingLeft = false;
                isMovingRight = false;
                score = 0;
                updateScore();

var gameArea = document.getElementById("gameArea");
                while (gameArea.firstChild) {
                    gameArea.firstChild.remove();
                }

document.getElementById("gameOver").style.display = "none";
                this.style.display = "none";
                document.getElementById("startButton").style.display = "block";
            });

var gameLoop = setInterval(function() {
                if (isGameActive) {
                    handlePlayerMove();
                }
            }, 10);
        });
    </script>
</body>
</html>