AI game creator

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

No:15521

107

←

Prev Next

→

Billiards
Developer User6725｜Date and time 23/9/9 19:25:44
Build time 31.414 sec｜Game capacity 3.655KB｜

Script

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

To play the game, open the HTML file in a web browser, either on a smartphone or desktop. Use the left and right arrow keys (or the virtual arrow buttons on a smartphone) to move the paddle and hit the ball. The objective is to keep the ball from hitting the bottom of the canvas for as long as possible. If the ball hits the bottom, a "Game Over" message will appear, and the game can be restarted by reloading the page.

←

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 with JavaScript:

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

// Paddle variables
        var paddleHeight = 10;
        var paddleWidth = 75;
        var paddleX = (canvas.width - paddleWidth) / 2;
        var rightPressed = false;
        var leftPressed = false;

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

function keyDownHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = true;
            } else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key == "Right" || event.key == "ArrowRight") {
                rightPressed = false;
            } else if (event.key == "Left" || event.key == "ArrowLeft") {
                leftPressed = false;
            }
        }

// Function to draw the ball
        function drawBall() {
            ctx.beginPath();
            ctx.arc(x, y, ballRadius, 0, Math.PI * 2);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// Function to draw the paddle
        function drawPaddle() {
            ctx.beginPath();
            ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
            ctx.fillStyle = "#0095DD";
            ctx.fill();
            ctx.closePath();
        }

// Main game loop
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawBall();
            drawPaddle();

// Ball movement and collision detection
            if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
                dx = -dx;
            }
            if (y + dy < ballRadius) {
                dy = -dy;
            } else if (y + dy > canvas.height - ballRadius) {
                if (x > paddleX && x < paddleX + paddleWidth) {
                    dy = -dy;
                } else {
                    // Game over condition
                    alert("Game Over");
                    document.location.reload();
                }
            }
            
            if (rightPressed && paddleX < canvas.width - paddleWidth) {
                paddleX += 7;
            } else if (leftPressed && paddleX > 0) {
                paddleX -= 7;
            }

x += dx;
            y += dy;
        }

// Start the game loop
        setInterval(draw, 10);
    </script>
</body>
</html>
```