AI game creator

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

No:21740

112

←

Prev Next

→

Billiards
Developer User10038｜Date and time 23/10/18 1:22:45
Build time 51.289 sec｜Game capacity 2.215KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Billiards Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

var ballX = 50;
        var ballSpeedX = 10;

var ballY = 50;
        var ballSpeedY = 4;
        
        const BALL_RADIUS = 10;

// Função para atualização da posição da bola
        function moveEverything() {
            ballX += ballSpeedX;
            ballY += ballSpeedY;

if (ballX < BALL_RADIUS || ballX > canvas.width - BALL_RADIUS) {
                ballSpeedX *= -1;
            }

if (ballY < BALL_RADIUS || ballY > canvas.height - BALL_RADIUS) {
                ballSpeedY *= -1;
            }
        }

// Função de desenho do jogo
        function drawEverything() {
            // Preenche o fundo do canvas
            colorRect(0, 0, canvas.width, canvas.height, 'green');
            
            // Desenha a bola
            colorCircle(ballX, ballY, BALL_RADIUS, 'white');
        }

// Função auxiliar para desenhar um círculo
        function colorCircle(centerX, centerY, radius, color) {
            canvasContext.fillStyle = color;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
            canvasContext.fill();
        }

// Função auxiliar para preencher um retângulo
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }

// Função para inicializar o jogo
        function gameStart() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Define a taxa de atualização do jogo (30 frames por segundo)
            var framesPerSecond = 30;
            setInterval(function () {
                moveEverything();
                drawEverything();
            }, 1000 / framesPerSecond);
        }
    </script>