Vai ter uma bola verde e azul, botões: resetar, acelerar e embaralhar, botões da Categoria mecânicas: Se bater em outro duplica e se clicar duplica's game

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

No:30014

←

Prev Next

→

Vai ter uma bola verde e azul, botões: resetar, ac..ALL
Developer User14683｜Date and time 23/12/20 5:29:09
Build time 7.984 sec｜Game capacity 1.919KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<script>
    function startGame() {
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var ballColor = "green";
        var ballX = canvas.width / 2;
        var ballY = canvas.height / 2;
        var ballRadius = 20;
        var dx = 0;
        var dy = 0;

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

function accelerate() {
            dx += 2;
            dy += 2;
        }

function reset() {
            ballX = canvas.width / 2;
            ballY = canvas.height / 2;
            dx = 0;
            dy = 0;
        }

function shuffle() {
            var colors = ["green", "blue"];
            ballColor = colors[Math.floor(Math.random() * colors.length)];
        }

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

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            checkCollision();
            ballX += dx;
            ballY += dy;
            drawBall();
        }

setInterval(update, 10); // starts the game loop

}
</script>
</head>
<body onLoad="startGame()">
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <button onclick="reset()">Resetar</button>
    <button onclick="accelerate()">Acelerar</button>
    <button onclick="shuffle()">Embaralhar</button>
    <button onclick="checkCollision()">Categoria Mecânicas</button>
</body>
</html>