AI game creator

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

No:48110

105

←

Prev Next

→

Billiards
Developer User19107｜Date and time 24/3/1 9:08:49
Build time 6.447 sec｜Game capacity 1.34KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Billar</title>
</head>
<body>
    <canvas id="gameCanvas" width="4000" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        const ballSize = 20;
        let balls = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            dx: 2,
            dy: -2
        };
        
        function drawBall() {
            ctx.beginPath();
            ctx.arc(balls.x, balls.y, ballSize, 0, Math.PI*2);
            ctx.fillStyle = 'red';
            ctx.fill();
            ctx.closePath();
        }
        
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawBall();
        
            balls.x += balls.dx;
            balls.y += balls.dy;
        
            if(balls.y + balls.dy < ballSize || balls.y + balls.dy > canvas.height - ballSize) {
                balls.dy = -balls.dy;
            }
        
            if(balls.x + balls.dx > canvas.width - ballSize || balls.x + balls.dx < ballSize) {
                balls.dx = -balls.dx;
            }
        
            requestAnimationFrame(update);
        }
        
        update();
    </script>
</body>
</html>