AI game creator

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

No:52343

←

Prev Next

→

Billiards
Developer User21863｜Date and time 24/3/21 2:01:21
Build time 8.262 sec｜Game capacity 1.561KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
    <head>
        <title>Бильярд</title>
        <style>
            #canvas {
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <canvas id="canvas" width="400" height="400"></canvas>
        <script>
            const canvas = document.getElementById('canvas');
            const ctx = canvas.getContext('2d');

const ballRadius = 10;
            let ballX = canvas.width / 2;
            let ballY = canvas.height - 30;
            let dx = 2;
            let dy = -2;

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

function clearCanvas() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
            }

function update() {
                clearCanvas();
                drawBall();

ballX += dx;
                ballY += dy;

if (ballX + dx > canvas.width - ballRadius || ballX + dx < ballRadius) {
                    dx = -dx;
                }
                if (ballY + dy > canvas.height - ballRadius || ballY + dy < ballRadius) {
                    dy = -dy;
                }
            }

function gameLoop() {
                update();
                requestAnimationFrame(gameLoop);
            }

gameLoop();
        </script>
    </body>
</html>