AI game creator

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

No:37246

←

Prev Next

→

Fighting game
Developer User17043｜Date and time 24/1/20 21:48:36
Build time 8.025 sec｜Game capacity 2.317KB｜

Script

Sure! Here's a simple fighting game implemented as a single HTML file using JavaScript, enclosed in script tags:

This small game sets up a canvas element where the players (represented by blue and red squares) can move horizontally. If the two players collide, a game over message is displayed, and the game is reset. The game loop is implemented using `requestAnimationFrame` to continuously update and draw the game on the canvas. It can be played directly in a browser, including on a smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple fighting game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fighting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Player positions
        let playerX = 50;
        let playerY = 150;

// Opponent positions
        let opponentX = 300;
        let opponentY = 150;

// Draw the game
        function drawGame() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw players
            context.fillStyle = 'blue';
            context.fillRect(playerX, playerY, 50, 50);

context.fillStyle = 'red';
            context.fillRect(opponentX, opponentY, 50, 50);
        }

// Update game logic
        function updateGame() {
            // Move players
            playerX += 1;
            opponentX -= 1;

// Check for collision
            if (playerX + 50 > opponentX && playerX < opponentX + 50 && playerY + 50 > opponentY && playerY < opponentY + 50) {
                alert('Collision! Game Over!');
                resetGame();
            }

// Redraw the game
            drawGame();

// Loop the game
            requestAnimationFrame(updateGame);
        }

// Reset the game
        function resetGame() {
            playerX = 50;
            playerY = 150;
            opponentX = 300;
            opponentY = 150;
        }

// Start the game
        drawGame();
        updateGame();
    </script>
</body>
</html>
```