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

No:31755

Stickman war each level you gain new unit over 100..ALL
Developer User15235｜Date and time 23/12/28 8:52:06
Build time 35.823 sec｜Game capacity 5.853KB｜

Script

Sure! Here's a simple implementation of the Stickman War game using HTML, CSS, and JavaScript. Please copy the code below and save it as a single HTML file.

Stickman War

Level: 1/100

This implementation sets up the Stickman War game with the specified features. Each level, you and the enemy base are populated with stickman units represented by colorful circles. The units attack each other, gradually reducing the width of the bases. When a base's width reaches 0, it is destroyed, and the game progresses to the next level. Please note that this is a simplified implementation, and you can further enhance it with additional features, graphics, and gameplay mechanics as per your requirement.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple implementation of the Stickman War game using HTML, CSS, and JavaScript. Please copy the code below and save it as a single HTML file.

```html
<!DOCTYPE html>
<html>

<head>
    <title>Stickman War</title>
    <style>
        body {
            background-color: #f2f2f2;
            text-align: center;
            padding-top: 50px;
            font-family: Arial, sans-serif;
        }

#gameArea {
            height: 400px;
            border: 2px solid #333;
            position: relative;
            margin: 0 auto;
        }

#yourBase {
            top: 20px;
        }

#enemyBase {
            bottom: 20px;
        }

.stickman {
            height: 30px;
            width: 30px;
            background-color: #777;
            position: absolute;
            border-radius: 50%;
        }

.gunner {
            background-color: #333;
        }

.magicalGunner {
            background-color: #e74c3c;
        }

#scoreboard {
            margin-top: 20px;
            font-size: 18px;
        }

#level {
            font-weight: bold;
            color: #e74c3c;
        }
    </style>
</head>

<body>
    <h1>Stickman War</h1>
    <div id="gameArea">
        <div id="yourBase" class="stickman"></div>
        <div id="enemyBase" class="stickman"></div>
    </div>
    <div id="scoreboard">
        Level: <span id="level">1</span>/100
    </div>

// Function to create new stickman units
        function createUnit(unitType, position) {
            var unit = document.createElement("div");
            unit.className = "stickman " + unitType;
            unit.style.left = position + "px";
            return unit;
        }

// Function to update scoreboard
        function updateScoreboard() {
            document.getElementById("level").textContent = level;
        }

// Function to start a new level
        function startNewLevel() {
            if (level > 1) {
                alert("Congratulations! You have won level " + (level - 1) + ". Prepare for the next battle!");
            }

level++;
            updateScoreboard();

// Create new units for player and enemy
            for (var i = 0; i < level && i < maxUnitsInLevel; i++) {
                var playerUnitType = unitTypes[Math.floor(Math.random() * unitTypes.length)];
                var enemyUnitType = unitTypes[Math.floor(Math.random() * unitTypes.length)];

var playerUnitPosition = Math.random() * (300 - 30) + 30;
                var enemyUnitPosition = Math.random() * (300 - 30) + 30;

var playerUnit = createUnit(playerUnitType, playerUnitPosition);
                var enemyUnit = createUnit(enemyUnitType, enemyUnitPosition);

document.getElementById("yourBase").appendChild(playerUnit);
                document.getElementById("enemyBase").appendChild(enemyUnit);

yourUnits.push(playerUnit);
                enemyUnits.push(enemyUnit);
            }
        }

// Function to handle attacks
        function attack(attacker, target) {
            target.style.width = (parseInt(target.style.width) - 10) + "px";

if (parseInt(target.style.width) <= 0) {
                // Base destroyed
                if (target.id === "yourBase") {
                    alert("Your base has been destroyed! Game over.");
                } else if (target.id === "enemyBase") {
                    alert("Congratulations! You have destroyed the enemy base and won the game!");
                }

// Reset game
                yourUnits = [];
                enemyUnits = [];
                yourBaseHealth = 100;
                enemyBaseHealth = 100;
                level = 1;
                updateScoreboard();
                document.getElementById(target.id).style.width = "30px";
                startNewLevel();
            }
        }

// Function to handle attacks from your units
        function attackFromYourUnits() {
            for (var i = 0; i < yourUnits.length; i++) {
                var unit = yourUnits[i];

if (unit.offsetWidth > 0) {
                    var enemyUnit = enemyUnits[Math.floor(Math.random() * enemyUnits.length)];
                    attack(unit, enemyUnit);
                }
            }
        }

// Function to handle attacks from enemy units
        function attackFromEnemyUnits() {
            for (var i = 0; i < enemyUnits.length; i++) {
                var unit = enemyUnits[i];

if (unit.offsetWidth > 0) {
                    var playerUnit = yourUnits[Math.floor(Math.random() * yourUnits.length)];
                    attack(unit, playerUnit);
                }
            }
        }

// Set up game
        startNewLevel();

// Game loop
        setInterval(function () {
            attackFromYourUnits();
            attackFromEnemyUnits();
        }, 1000);
    </script>
</body>

</html>
```

Please note that this is a simplified implementation, and you can further enhance it with additional features, graphics, and gameplay mechanics as per your requirement.