Guy fighting another guy's game

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

No:29039

←

Prev Next

→

Guy fighting another guy
Developer User14358｜Date and time 23/12/15 13:40:01
Build time 28.714 sec｜Game capacity 2.729KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

In this game, there is a player represented by a blue rectangle and an enemy represented by a red rectangle. The player can move towards the right, and the enemy moves towards the left. The game checks for collision between the two characters, and if a collision occurs, a "Game Over!" message is displayed, and the game is reset. You can run this code in a browser, and the game will be displayed on the canvas. The player can control the character using keyboard events or touch events, depending on the device used. Feel free to modify and enhance the code as per your requirements and add pictograms as per your game's design.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fighting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Create player and enemy variables
        const player = {
            x: 50,
            y: 200,
            width: 50,
            height: 50,
            color: "blue",
            speed: 5
        };

const enemy = {
            x: 350,
            y: 200,
            width: 50,
            height: 50,
            color: "red",
            speed: 3
        };

// Function to update the game state
        function update() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move the player
            player.x += player.speed;

// Move the enemy
            enemy.x -= enemy.speed;

// Draw the player
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw the enemy
            context.fillStyle = enemy.color;
            context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Check for collision
            if (player.x + player.width > enemy.x && player.x < enemy.x + enemy.width &&
                player.y + player.height > enemy.y && player.y < enemy.y + enemy.height) {
                alert("Game Over!");
                resetGame();
            } else {
                // Repeat the update function
                requestAnimationFrame(update);
            }
        }

// Reset the game when collision occurs
        function resetGame() {
            player.x = 50;
            enemy.x = 350;
            requestAnimationFrame(update);
        }

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

You can run this code in a browser, and the game will be displayed on the canvas. The player can control the character using keyboard events or touch events, depending on the device used.

Feel free to modify and enhance the code as per your requirements and add pictograms as per your game's design.