A fighting game where you control a blue square and has 4 controls. Left and Right to move, Up to punch and Down to crouch. holding crouch and punch can do an Uppercut. The hitboxes for punch is the same as the player's square. The hitbox stays for 0.1s while dealing 5 damage only. The Uppercut hitbox stays for 0.2s while dealing 15 damage once. The opponent square aka the red square can move to the player a bit and sometimes can punch having the same hitbox as it's square's game | AI game creator

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

No:20460

80

A fighting game where you control a blue square an..ALL
Developer Aghrags｜Date and time 23/10/9 21:30:20
Build time 30.755 sec｜Game capacity 5.782KB｜

Sure! Here's an implementation of the fighting game you described using HTML and JavaScript:

To play the game, open the HTML file in a web browser (preferably on a smartphone) and use the arrow keys to move the blue square left and right. Press the up arrow key to punch and the down arrow key to crouch. Holding the down arrow key and pressing the up arrow key performs an uppercut. The red square opponent will move towards the player and occasionally punch with the same hitbox as its square. The hitboxes for punch stay active for 0.1 seconds and deal 5 damage, while the uppercut hitbox stays active for 0.2 seconds and deals 15 damage.

→ 　

0　

0　

　

　
　
　

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

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

(C)2023 HisashiApp

Sure! Here's an implementation of the fighting game you described using HTML and JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fighting Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

<script>
        // Game variables
        var canvas, context;
        var playerX, playerY, opponentX, opponentY;
        var playerWidth, playerHeight, opponentWidth, opponentHeight;
        var isCrouching, isPunching;
        var punchHitboxActive, uppercutHitboxActive;
        var punchDamage, uppercutDamage;
    
        // Key constants
        var LEFT_ARROW = 37;
        var UP_ARROW = 38;
        var RIGHT_ARROW = 39;
        var DOWN_ARROW = 40;
    
        // Initialize game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
    
            // Set initial player and opponent positions
            playerX = 20;
            playerY = canvas.height - 50;
            opponentX = canvas.width - 70;
            opponentY = canvas.height - 50;
    
            // Set player and opponent dimensions
            playerWidth = 30;
            playerHeight = 30;
            opponentWidth = 30;
            opponentHeight = 30;
    
            // Initialize game state variables
            isCrouching = false;
            isPunching = false;
            punchHitboxActive = false;
            uppercutHitboxActive = false;
            punchDamage = 5;
            uppercutDamage = 15;
    
            // Start game loop
            setInterval(update, 10);
    
            // Handle keyboard input
            document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);
        }
    
        // Update game state
        function update() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
    
            // Draw player
            context.fillStyle = "blue";
            context.fillRect(playerX, playerY, playerWidth, playerHeight);
    
            // Draw opponent
            context.fillStyle = "red";
            context.fillRect(opponentX, opponentY, opponentWidth, opponentHeight);
    
            // Move opponent towards player
            if (opponentX > playerX) {
                opponentX -= 1;
            }
    
            // Handle punch hitbox
            if (punchHitboxActive) {
                if (opponentX <= playerX + playerWidth && opponentX + opponentWidth >= playerX) {
                    var damage = punchDamage;
                    handleHit(damage);
                }
    
                punchHitboxActive = false;
            }
    
            // Handle uppercut hitbox
            if (uppercutHitboxActive) {
                if (opponentY + opponentHeight >= playerY && opponentY <= playerY + playerHeight &&
                    opponentX <= playerX + playerWidth && opponentX + opponentWidth >= playerX) {
                    var damage = uppercutDamage;
                    handleHit(damage);
                }
    
                uppercutHitboxActive = false;
            }
        }
    
        // Handle keyboard key down event
        function handleKeyDown(event) {
            switch (event.keyCode) {
                case LEFT_ARROW: // Left arrow key
                    playerX -= 5;
                    break;
                case RIGHT_ARROW: // Right arrow key
                    playerX += 5;
                    break;
                case UP_ARROW: // Up arrow key
                    if (!isCrouching) {
                        if (!isPunching) {
                            isPunching = true;
                            punchHitboxActive = true;
                            setTimeout(function () {
                                isPunching = false;
                            }, 100);
                        } else {
                            isPunching = false;
                            uppercutHitboxActive = true;
                            setTimeout(function () {
                                isPunching = true;
                                setTimeout(function () {
                                    uppercutHitboxActive = false;
                                }, 100);
                            }, 100);
                        }
                    }
                    break;
                case DOWN_ARROW: // Down arrow key
                    isCrouching = true;
                    break;
            }
        }
    
        // Handle keyboard key up event
        function handleKeyUp(event) {
            switch (event.keyCode) {
                case DOWN_ARROW: // Down arrow key
                    isCrouching = false;
                    break;
            }
        }
    
        // Handle hit by opponent
        function handleHit(damage) {
            // Subtract damage from player's health, handle game over logic, etc.
            console.log("Player hit! Damage: " + damage);
        }
    
        // Start the game
        initialize();
    </script>
</body>
</html>
```

To play the game, open the HTML file in a web browser (preferably on a smartphone) and use the arrow keys to move the blue square left and right. Press the up arrow key to punch and the down arrow key to crouch. Holding the down arrow key and pressing the up arrow key performs an uppercut. The red square opponent will move towards the player and occasionally punch with the same hitbox as its square. The hitboxes for punch stay active for 0.1 seconds and deal 5 damage, while the uppercut hitbox stays active for 0.2 seconds and deals 15 damage.