AI game creator

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

No:9349

127

←

Prev Next

→

Billiards
Developer User4326｜Date and time 23/7/23 21:34:38
Build time 13.058 sec｜Game capacity 1.442KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة البلياردو</title>
</head>
<body>
    <canvas id="billiardsCanvas" width="800" height="400"></canvas>

// Define the ball properties
        const ballRadius = 20;
        let ballX = canvas.width / 2;
        let ballY = canvas.height / 2;

// Define the initial ball speed
        let ballSpeedX = 3;
        let ballSpeedY = 3;

function drawBall() {
            context.beginPath();
            context.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
            context.fillStyle = "red";
            context.fill();
            context.closePath();
        }

function moveBall() {
            ballX += ballSpeedX;
            ballY += ballSpeedY;

// Check for collision with wall
            if (ballX + ballRadius > canvas.width || ballX - ballRadius < 0) {
                ballSpeedX = -ballSpeedX;
            }
      
            if (ballY + ballRadius > canvas.height || ballY - ballRadius < 0) {
                ballSpeedY = -ballSpeedY;
            }
        }

function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();
            moveBall();
        }

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