Adiciona uma tela e uma bola, aonde a bola vai ficar, vai ter uma roleta em baixo pra girar, coisas na roleta: duplicar, adicionar 5 bolas!, adicionar emoji, adicionar órbita e bola lilás, configurações de paleta de cores botões: original, Kuwutzi, verdes e Awanzki's game

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

No:30576

107

←

Prev Next

→

Adiciona uma tela e uma bola, aonde a bola vai fic..ALL
Developer User14867｜Date and time 23/12/23 2:09:13
Build time 37.793 sec｜Game capacity 6.441KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Bola</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Cores
            const cores = {
                original: "#000000",
                kuwutzi: "#FF0000",
                verdes: "#00FF00",
                awanzki: "#0000FF"
            };

// Posição da bola
            let x = canvas.width / 2;
            let y = canvas.height / 2;

// Velocidade de movimento da bola
            let dx = 2;
            let dy = -2;

// Paleta de cores atual
            let corBola = cores.original;

// Função para desenhar a bola
            function desenharBola() {
                ctx.beginPath();
                ctx.arc(x, y, 10, 0, Math.PI * 2);
                ctx.fillStyle = corBola;
                ctx.fill();
                ctx.closePath();
            }

// Função para atualizar a posição da bola
            function atualizarBola() {
                x += dx;
                y += dy;

if (x + dx > canvas.width - 10 || x + dx < 10) {
                    dx = -dx;
                }

if (y + dy > canvas.height - 10 || y + dy < 10) {
                    dy = -dy;
                }
            }

// Função para desenhar a tela de jogo
            function desenharTela() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                desenharBola();
            }

// Função para girar a roleta
            function girarRoleta() {
                const opcoes = ["duplicar", "adicionar 5 bolas!", "adicionar emoji", "adicionar órbita e bola lilás"];
                const randomIndex = Math.floor(Math.random() * opcoes.length);
                const resultado = opcoes[randomIndex];

switch (resultado) {
                    case "duplicar":
                        canvas.width *= 2;
                        canvas.height *= 2;
                        x *= 2;
                        y *= 2;
                        break;
                    case "adicionar 5 bolas!":
                        criarBolas(5);
                        break;
                    case "adicionar emoji":
                        // Adicionar código para adicionar emoji
                        break;
                    case "adicionar órbita e bola lilás":
                        // Adicionar código para adicionar órbita e bola lilás
                        break;
                }
            }

// Função para criar bolas adicionais
            function criarBolas(numeroBolas) {
                for (let i = 0; i < numeroBolas; i++) {
                    const novaBola = {
                        x: Math.random() * canvas.width,
                        y: Math.random() * canvas.height,
                        dx: Math.random() * 4 - 2,
                        dy: Math.random() * 4 - 2,
                        cor: corBola
                    };
                    bolas.push(novaBola);
                }
            }

// Função para atualizar as bolas adicionais
            function atualizarBolas() {
                for (let i = 0; i < bolas.length; i++) {
                    bolas[i].x += bolas[i].dx;
                    bolas[i].y += bolas[i].dy;

if (bolas[i].x + bolas[i].dx > canvas.width - 10 || bolas[i].x + bolas[i].dx < 10) {
                        bolas[i].dx = -bolas[i].dx;
                    }

if (bolas[i].y + bolas[i].dy > canvas.height - 10 || bolas[i].y + bolas[i].dy < 10) {
                        bolas[i].dy = -bolas[i].dy;
                    }
                }
            }

// Array para armazenar as bolas adicionais
            let bolas = [];

// Função para desenhar as bolas adicionais
            function desenharBolas() {
                for (let i = 0; i < bolas.length; i++) {
                    ctx.beginPath();
                    ctx.arc(bolas[i].x, bolas[i].y, 10, 0, Math.PI * 2);
                    ctx.fillStyle = bolas[i].cor;
                    ctx.fill();
                    ctx.closePath();
                }
            }

// Função para atualizar o estado do jogo
            function atualizarJogo() {
                atualizarBola();
                atualizarBolas();
            }

// Função para renderizar o jogo
            function renderizarJogo() {
                desenharTela();
                desenharBolas();
            }

// Função para iniciar o jogo
            function iniciarJogo() {
                setInterval(function() {
                    atualizarJogo();
                    renderizarJogo();
                }, 10);
            }

// Event listener para girar a roleta ao tocar na tela
            canvas.addEventListener("click", function() {
                girarRoleta();
            });

// Event listener para alterar a paleta de cores ao tocar e arrastar na tela
            canvas.addEventListener("touchmove", function(event) {
                let touch = event.touches[0];
                let rect = canvas.getBoundingClientRect();
                let mouseX = touch.clientX - rect.left;
                let paleta = canvas.height - 50;

if (mouseX < canvas.width / 4 && touch.clientY >= paleta) {
                    corBola = cores.original;
                } else if (mouseX < canvas.width / 2 && touch.clientY >= paleta) {
                    corBola = cores.kuwutzi;
                } else if (mouseX < canvas.width / 2 + canvas.width / 4 && touch.clientY >= paleta) {
                    corBola = cores.verdes;
                } else if (mouseX >= canvas.width / 2 + canvas.width / 4 && touch.clientY >= paleta) {
                    corBola = cores.awanzki;
                }
            });

// Iniciar o jogo
            iniciarJogo();
        };
    </script>
</body>
</html>