AI game creator

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

No:22833

←

Prev Next

→

Billiards
Developer User10546｜Date and time 23/10/25 20:11:51
Build time 66.769 sec｜Game capacity 4.18KB｜

Script

Sure, here's an example of a simple billiards game implemented as a single HTML file using JavaScript:

This code will create a billiards game with a ball, three pockets, and a canvas on which everything is drawn. The ball will bounce off the walls and pockets until it gets pocketed, in which case the game will end and display an alert message. You can open this HTML file in a browser (preferably on a smartphone) to play the game.

←

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 billiards game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Billiards Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Ball properties
        var ballRadius = 10;
        var ballX = 200;
        var ballY = 200;
        var ballSpeedX = 2;
        var ballSpeedY = -2;

// Pocket properties
        var pocketRadius = 15;
        var pocketsX = [50, 200, 350];
        var pocketsY = [50, 350];

// Initialize the game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

// Create the ball
            ball = {
                x: ballX,
                y: ballY,
                radius: ballRadius,
                speedX: ballSpeedX,
                speedY: ballSpeedY
            };

// Create the pockets
            for (var i = 0; i < pocketsX.length; i++) {
                for (var j = 0; j < pocketsY.length; j++) {
                    var pocket = {
                        x: pocketsX[i],
                        y: pocketsY[j],
                        radius: pocketRadius
                    };
                    pockets.push(pocket);
                }
            }

// Start the game loop
            setInterval(update, 10);
        }

// Update the game state
        function update() {
            moveBall();
            checkCollision();
            draw();
        }

// Move the ball
        function moveBall() {
            ball.x += ball.speedX;
            ball.y += ball.speedY;
        }

// Check collision with walls and pockets
        function checkCollision() {
            // Wall collision
            if (ball.x + ball.radius > canvas.width || ball.x - ball.radius < 0) {
                ball.speedX = -ball.speedX;
            }
            if (ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0) {
                ball.speedY = -ball.speedY;
            }

// Pocket collision
            for (var i = 0; i < pockets.length; i++) {
                var pocket = pockets[i];
                var dx = ball.x - pocket.x;
                var dy = ball.y - pocket.y;
                var distance = Math.sqrt(dx * dx + dy * dy);

if (distance < ball.radius + pocket.radius) {
                    // Game over, ball pocketed
                    gameOver();
                }
            }
        }

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

// Draw the ball
            ctx.beginPath();
            ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2, false);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

// Draw the pockets
            for (var i = 0; i < pockets.length; i++) {
                var pocket = pockets[i];
                ctx.beginPath();
                ctx.arc(pocket.x, pocket.y, pocket.radius, 0, Math.PI * 2, false);
                ctx.fillStyle = "black";
                ctx.fill();
                ctx.closePath();
            }
        }

// Game over function
        function gameOver() {
            clearInterval(update);
            alert("Game over! Ball pocketed.");
        }

// Start the game when the window loads
        window.onload = function() {
            initialize();
        };
    </script>
</body>
</html>
```