AI game creator

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

No:42195

←

Prev Next

→

Boxing Gane
Developer User18830｜Date and time 24/2/11 0:57:26
Build time 10.003 sec｜Game capacity 3.495KB｜

Script

Sure, here is a simple boxing game implemented as a single HTML file with JavaScript:

To play the game on a smartphone, you would open the HTML file in a web browser application and use touch gestures to control the player's movement. The objective of the game is to avoid collision with the enemy by moving the player to the left or right using touch controls. If the player is hit by the enemy, a game over message will be displayed, and the game can be restarted.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here is a simple boxing game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Boxing Game</title>
    <style>
        canvas {
          border: 1px solid black;
          display: block;
          margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>
    
    <script>
        // Enclosing the code in script tags
        
        // Initialize canvas and game context
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Define player position and size
        let playerX = 0;
        const playerWidth = 50;
        const playerHeight = 100;
        
        // Define enemy properties
        let enemyX = canvas.width - 50;
        const enemyWidth = 50;
        const enemyHeight = 100;
        let enemySpeed = 3;
        
        // Define game state
        let gameRunning = true;
        
        // Function to handle player movement
        function handlePlayerMovement(event) {
            const touch = event.touches[0];
            const canvasRect = canvas.getBoundingClientRect();
            playerX = touch.clientX - canvasRect.left - playerWidth / 2;
        }
        
        // Function to update game objects
        function update() {
            if (!gameRunning) {
                return;
            }
            
            // Move enemy towards player
            if (enemyX > playerX) {
                enemyX -= enemySpeed;
            } else if (enemyX < playerX) {
                enemyX += enemySpeed;
            }
            
            // Check collision between player and enemy
            if (enemyX < playerX + playerWidth &&
                enemyX + enemyWidth > playerX &&
                canvas.height - enemyHeight < playerHeight) {
                gameRunning = false;
                alert("Game Over!");
                resetGame();
            }
        }
        
        // Function to draw game objects on canvas
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, canvas.height - playerHeight, playerWidth, playerHeight);
            
            // Draw enemy
            ctx.fillStyle = "red";
            ctx.fillRect(enemyX, canvas.height - enemyHeight, enemyWidth, enemyHeight);
        }
        
        // Function to reset game state
        function resetGame() {
            playerX = 0;
            enemyX = canvas.width - 50;
            gameRunning = true;
        }
        
        // Function to start the game
        function startGame() {
            document.addEventListener("touchmove", handlePlayerMovement);
            
            setInterval(function() {
                update();
                draw();
            }, 10);
        }
        
        // Call the startGame function to begin the game
        startGame();
    </script>
</body>
</html>
```