AI game creator

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

No:10862

←

Prev Next

→

Rocket League
Developer User4700｜Date and time 23/8/5 1:00:46
Build time 28.246 sec｜Game capacity 3.312KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Rocket League Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // Rocket League Game

// Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Set up game variables
        let ballX = canvas.width / 2;
        let ballY = canvas.height / 2;
        let ballRadius = 10;
        let ballDX = 2;
        let ballDY = -2;

let paddleHeight = 10;
        let paddleWidth = 75;
        let paddleX = (canvas.width - paddleWidth) / 2;
        let paddleY = canvas.height - paddleHeight;

let rightPressed = false;
        let leftPressed = false;

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

function keyDownHandler(event) {
            if (event.keyCode === 39) {
                rightPressed = true;
            }
            else if (event.keyCode === 37) {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.keyCode === 39) {
                rightPressed = false;
            }
            else if (event.keyCode === 37) {
                leftPressed = false;
            }
        }

// Draw the ball
        function drawBall() {
            ctx.beginPath();
            ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }

// Draw the paddle
        function drawPaddle() {
            ctx.beginPath();
            ctx.rect(paddleX, paddleY, paddleWidth, paddleHeight);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

// Update game state
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();
            drawPaddle();

// Move the paddle
            if (rightPressed && paddleX < canvas.width - paddleWidth) {
                paddleX += 7;
            }
            else if (leftPressed && paddleX > 0) {
                paddleX -= 7;
            }

// Move the ball
            ballX += ballDX;
            ballY += ballDY;

// Bounce the ball off the walls
            if (ballX + ballRadius > canvas.width || ballX - ballRadius < 0) {
                ballDX = -ballDX;
            }
            if (ballY - ballRadius < 0) {
                ballDY = -ballDY;
            }
            else if (ballY + ballRadius > canvas.height) {
                // Check if the ball hits the paddle
                if (ballX > paddleX && ballX < paddleX + paddleWidth) {
                    ballDY = -ballDY;
                }
                else {
                    // Game over
                    alert("Game Over");
                    document.location.reload();
                }
            }
        }

// Game loop
        function gameLoop() {
            update();
            requestAnimationFrame(gameLoop);
        }

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