Battling game where you fight a AI using fist button to punch your AI opponent or kick button to kick your AI (50% chance of blocking your AI) and most importantly moving like a chess player's game

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

No:30561

104

←

Prev Next

→

Battling game where you fight a AI using fist butt..ALL
Developer User7632｜Date and time 23/12/22 22:58:08
Build time 18.105 sec｜Game capacity 3.153KB｜

Script

Sure! Below is an example of a simple battling game implemented as a single HTML file using JavaScript. The game allows the player to fight an AI opponent using punch and kick buttons. The AI opponent has a 50% chance of blocking the player's attacks. The player can move like a chess player by choosing from a set of predefined positions to move to.

In this game, you can see a game container with a blue character representing the player and a red character representing the opponent. The player can move between predefined positions and perform punch or kick attacks. The opponent has a 50% chance to block the player's attacks. The game starts when the page loads.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Battling Game</title>
    <style>
        #gameContainer {
            position: relative;
            width: 400px;
            height: 300px;
            border: 1px solid black;
        }

#character {
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            background-color: blue;
        }

#opponent {
            position: absolute;
            top: 0;
            left: 350px;
            width: 50px;
            height: 50px;
            background-color: red;
        }

#buttons {
            margin-top: 20px;
        }

button {
            margin-right: 10px;
        }
    </style>
</head>
<body>

<div id="buttons">
    <button onclick="punch()">Punch</button>
    <button onclick="kick()">Kick</button>
</div>

// Move player to a new position
    function move(position) {
        playerPosition.x = position.x;
        playerPosition.y = position.y;
        updateCharacterPosition();
    }

// Update player character position
    function updateCharacterPosition() {
        var character = document.getElementById("character");
        character.style.top = playerPosition.y + "px";
        character.style.left = playerPosition.x + "px";
    }

// Perform a punch attack
    function punch() {
        var opponent = document.getElementById("opponent");
        var blocked = Math.random() < 0.5; // 50% chance to block
        if (!blocked) {
            opponent.style.background = "gray";
            setTimeout(function() {
                opponent.style.background = "red";
            }, 500);
        }
    }

// Perform a kick attack
    function kick() {
        var opponent = document.getElementById("opponent");
        var blocked = Math.random() < 0.5; // 50% chance to block
        if (!blocked) {
            opponent.style.background = "gray";
            setTimeout(function() {
                opponent.style.background = "red";
            }, 500);
        }
    }

// Start game processing
    function startGame() {
        updateCharacterPosition();
    }

// Start the game
    startGame();
</script>

</body>
</html>
```