Make a fighting game where you tap your game hand to fight other AI you can block using the block text but be careful though the AI can fight back using random time to punch or block you's game

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

No:30289

←

Prev Next

→

Make a fighting game where you tap your game hand ..ALL
Developer User7632｜Date and time 23/12/21 4:53:35
Build time 19.322 sec｜Game capacity 3.484KB｜

Script

Sure! Here's a simple fighting game implemented as a single HTML file, using JavaScript and pictograms for smartphone operation. You can tap the screen to attack the AI opponent, and you can also block their attacks. The AI opponent will randomly punch or block you. Remember, timing is crucial!

You can save the above code into an HTML file and open it in your browser or a smartphone emulator to play the game. Simply tap the screen to block, and the AI opponent will attack randomly.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fighting Game</title>
    <style>
        body {
            text-align: center;
            margin-top: 100px;
            font-size: 48px;
        }
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Game constants
        const PLAYER_WIDTH = 100;
        const PLAYER_HEIGHT = 100;
        const AI_WIDTH = 100;
        const AI_HEIGHT = 100;
        const ATTACK_DELAY_MIN = 500;
        const ATTACK_DELAY_MAX = 2000;

// Game variables
        let playerX = 100;
        let playerY = canvas.height / 2 - PLAYER_HEIGHT / 2;
        let aiX = canvas.width - AI_WIDTH - 100;
        let aiY = canvas.height / 2 - AI_HEIGHT / 2;
        let isPlayerBlocking = false;
        let isAIAttacking = false;

// Event listeners for touchscreen taps
        canvas.addEventListener("touchstart", handleTap);

// Main game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Update game logic
        function update() {
            if (isAIAttacking) {
                if (isPlayerBlocking) {
                    isPlayerBlocking = false; // Player's block unsuccessful
                    // Handle AI attack success here
                    console.log("AI attacked you!");
                } else {
                    // Handle AI attack success here
                    console.log("AI attacked you!");
                }
                isAIAttacking = false;
                setTimeout(startAIAttack, getRandomAttackDelay());
            }
        }

// Draw game objects
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawAI();
        }

// Draw player character
        function drawPlayer() {
            context.fillRect(playerX, playerY, PLAYER_WIDTH, PLAYER_HEIGHT);
        }

// Draw AI opponent
        function drawAI() {
            context.fillRect(aiX, aiY, AI_WIDTH, AI_HEIGHT);
        }

// Handle player's tap input
        function handleTap() {
            isPlayerBlocking = true; // Player blocks on tap
        }

// Start AI attack (random timing)
        function startAIAttack() {
            if (!isPlayerBlocking) {
                isAIAttacking = true;
            }
        }

// Get random attack delay (in milliseconds)
        function getRandomAttackDelay() {
            return Math.floor(Math.random() * (ATTACK_DELAY_MAX - ATTACK_DELAY_MIN + 1) + ATTACK_DELAY_MIN);
        }

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

You can save the above code into an HTML file and open it in your browser or a smartphone emulator to play the game. Simply tap the screen to block, and the AI opponent will attack randomly.