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

No:10638

137

←

Prev Next

→

Sword battle
Developer User4587｜Date and time 23/8/1 12:15:45
Build time 22.003 sec｜Game capacity 2.907KB｜

Script

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

Sword Battle Game

In this game, you control a player character represented by a filled rectangle, and you need to avoid colliding with an enemy character represented by another filled rectangle. In this case, the player can move left and right using the left and right arrow keys. If a collision occurs, an `alert` is shown and the game restarts. Please note that this is a very basic example of a game, and you can certainly enhance it by adding more features, graphics, and gameplay mechanics.

←

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 sword battle game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Sword Battle Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Sword Battle Game</h1>
    
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Player and enemy positions
        let playerX = 200;
        let playerY = 350;
        let enemyX = 200;
        let enemyY = 50;
        
        // Player and enemy speed
        const playerSpeed = 10;
        const enemySpeed = 5;
        
        // Main game loop
        function gameLoop() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw the player
            context.fillRect(playerX, playerY, 20, 20);
            
            // Draw the enemy
            context.fillRect(enemyX, enemyY, 20, 20);
            
            // Move the player based on input
            document.addEventListener("keydown", function(event) {
                switch(event.keyCode) {
                    case 37: // Left arrow key
                        playerX -= playerSpeed;
                        break;
                    case 39: // Right arrow key
                        playerX += playerSpeed;
                        break;
                }
            });
            
            // Move the enemy
            if (playerX < enemyX) {
                enemyX -= enemySpeed;
            } else if (playerX > enemyX) {
                enemyX += enemySpeed;
            }
            
            // Check for collision
            if (playerY <= enemyY + 20 && playerY + 20 >= enemyY &&
                playerX <= enemyX + 20 && playerX + 20 >= enemyX) {
                // Collision occurred, game over
                alert("Game Over!");
                location.reload(); // Restart the game
            }
            
            // Request animation frame
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game
        gameLoop();
    </script>
</body>
</html>
```

Please note that this is a very basic example of a game, and you can certainly enhance it by adding more features, graphics, and gameplay mechanics.