AI physics fighting game Roman shield's game

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

No:12896

115

←

Prev Next

→

AI physics fighting game Roman shield
Developer User5619｜Date and time 23/8/24 23:24:45
Build time 39.158 sec｜Game capacity 5.016KB｜

Script

Sure! Here's a simple AI physics fighting game called "Roman Shield" implemented as a single HTML file:

To play the game, open this HTML file in a web browser on your smartphone. You can control the player shield's movement using the up and down arrow keys on your keyboard or by tapping/clicking on the game canvas on your smartphone. The objective is to prevent the ball from getting past your shield while trying to score points by getting the ball past the AI's shield. The scores are displayed at the top of the canvas. Have fun playing "Roman Shield"!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple AI physics fighting game called "Roman Shield" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Roman Shield - AI Physics Fighting Game</title>
    <style>
        #gameCanvas {
            background-color: #f2f2f2;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Game state
        let playerScore = 0;
        let aiScore = 0;
        let playerShieldHeight = 80;
        let aiShieldHeight = 80;
        let playerShieldY = (canvas.height - playerShieldHeight) / 2;
        let aiShieldY = (canvas.height - aiShieldHeight) / 2;
        let ballX = canvas.width / 2;
        let ballY = canvas.height / 2;
        let ballSpeedX = 5;
        let ballSpeedY = 5;

// Controls
        let upArrowPressed = false;
        let downArrowPressed = false;

// Event listeners for controls
        document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(e) {
            if (e.key === "Up" || e.key === "ArrowUp") {
                upArrowPressed = true;
            } else if (e.key === "Down" || e.key === "ArrowDown") {
                downArrowPressed = true;
            }
        }

function keyUpHandler(e) {
            if (e.key === "Up" || e.key === "ArrowUp") {
                upArrowPressed = false;
            } else if (e.key === "Down" || e.key === "ArrowDown") {
                downArrowPressed = false;
            }
        }

function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player shield
            ctx.fillStyle = "#0095DD";
            ctx.fillRect(10, playerShieldY, 10, playerShieldHeight);

// Draw AI shield
            ctx.fillStyle = "#DD0000";
            ctx.fillRect(canvas.width - 20, aiShieldY, 10, aiShieldHeight);

// Draw ball
            ctx.fillStyle = "#000";
            ctx.beginPath();
            ctx.arc(ballX, ballY, 8, 0, Math.PI * 2);
            ctx.fill();

// Draw scores
            ctx.font = "16px Arial";
            ctx.fillStyle = "#000";
            ctx.fillText("Player: " + playerScore, 10, 20);
            ctx.fillText("AI: " + aiScore, canvas.width - 60, 20);
        }

function update() {
            // Move player shield
            if (upArrowPressed && playerShieldY > 0) {
                playerShieldY -= 7;
            } else if (downArrowPressed && playerShieldY + playerShieldHeight < canvas.height) {
                playerShieldY += 7;
            }

// AI movement
            let aiMovement = (ballY - (aiShieldY + aiShieldHeight / 2)) * 0.1;
            aiShieldY += aiMovement;

// Ball movement
            ballX += ballSpeedX;
            ballY += ballSpeedY;

// Ball collision with player shield
            if (
                ballX < 25 &&
                ballY + 8 > playerShieldY &&
                ballY - 8 < playerShieldY + playerShieldHeight
            ) {
                ballSpeedX = -ballSpeedX;
            }

// Ball collision with AI shield
            if (
                ballX > canvas.width - 25 &&
                ballY + 8 > aiShieldY &&
                ballY - 8 < aiShieldY + aiShieldHeight
            ) {
                ballSpeedX = -ballSpeedX;
            }

// Ball out of bounds
            if (ballX < 0) {
                // AI scores
                aiScore++;
                resetBall();
            } else if (ballX > canvas.width) {
                // Player scores
                playerScore++;
                resetBall();
            }

// Ball collision with top/bottom walls
            if (ballY < 0 || ballY > canvas.height) {
                ballSpeedY = -ballSpeedY;
            }
        }

function resetBall() {
            ballX = canvas.width / 2;
            ballY = canvas.height / 2;
            ballSpeedX = -ballSpeedX;
            ballSpeedY = -ballSpeedY;
        }

function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

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