AI game creator

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

No:20059

←

Prev Next

→

Billiards
Developer User8936｜Date and time 23/10/8 3:40:15
Build time 11.444 sec｜Game capacity 2.528KB｜

Script

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

This implementation uses a canvas element to draw the billiards ball and handle its movement. The ball moves within the canvas and bounces off the walls. The game ends if the ball hits the bottom wall. On a smartphone, the player can touch anywhere on the screen to make the ball move towards that position.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Billiards Game</title>
</head>
<body>
    <canvas id="billiardsCanvas" width="400" height="600"></canvas>

// Set up initial game variables
        var ballRadius = 10;
        var x = canvas.width / 2;
        var y = canvas.height - 30;
        var dx = 2;
        var dy = -2;

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

// Move the ball and handle collisions
        function moveBall() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the ball
            drawBall();

// Update the ball position
            x += dx;
            y += dy;

// Handle collisions with walls
            if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
                dx = -dx;
            }
            if (y + dy < ballRadius) {
                dy = -dy;
            }

// Game over condition
            if (y + dy > canvas.height - ballRadius) {
                alert("Game Over");
                document.location.reload();
            }
        }

// Listen for touch events to control the game on a smartphone
        canvas.addEventListener("touchstart", function (event) {
            var touchX = event.changedTouches[0].pageX;
            var touchY = event.changedTouches[0].pageY;

// Move the ball towards the touched position
            dx = (touchX - x) / 10;
            dy = (touchY - y) / 10;
        });

// Start the game loop
        function startGame() {
            setInterval(moveBall, 10);
        }

// Call the startGame function to begin the game
        startGame();
    </script>
</body>
</html>
```