Coloca um montão de círculo batendo, e um chat pra controlar, comandos: !replaceform Square/circle/triangule/Octagon/Rectangle, !document getById id, !re e !reset, !ping e !p, !config e !Adjusts's game

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

No:41803

←

Prev Next

→

Coloca um montão de círculo batendo, e um chat pra..ALL
Developer User18751｜Date and time 24/2/10 1:45:02
Build time 15.131 sec｜Game capacity 3.943KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo dos Círculos</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <input type="text" id="chatInput" placeholder="Digite o comando aqui...">
    <button onclick="sendCommand()">Enviar</button>

function drawShape() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.beginPath();
            ctx.arc(canvas.width / 2, canvas.height / 2, 50, 0, 2 * Math.PI);
            ctx.fillStyle = "blue";
            ctx.fill();

if (currentShape === "Octagon") {
                ctx.moveTo(canvas.width / 2 + 50, canvas.height / 2);
                ctx.lineTo(canvas.width / 2 + 35, canvas.height / 2 + 35);
                ctx.lineTo(canvas.width / 2, canvas.height / 2 + 50);
                ctx.lineTo(canvas.width / 2 - 35, canvas.height / 2 + 35);
                ctx.lineTo(canvas.width / 2 - 50, canvas.height / 2);
                ctx.lineTo(canvas.width / 2 - 35, canvas.height / 2 - 35);
                ctx.lineTo(canvas.width / 2, canvas.height / 2 - 50);
                ctx.lineTo(canvas.width / 2 + 35, canvas.height / 2 - 35);
            }

if (currentShape === "Triangle") {
                ctx.moveTo(canvas.width / 2, canvas.height / 2 - 50);
                ctx.lineTo(canvas.width / 2 + 50, canvas.height / 2 + 50);
                ctx.lineTo(canvas.width / 2 - 50, canvas.height / 2 + 50);
            }

if (currentShape === "Square" || currentShape === "Rectangle") {
                ctx.fillRect(canvas.width / 2 - 50, canvas.height / 2 - 50, 100, 100);
            }

ctx.closePath();
            ctx.lineWidth = 3;
            ctx.strokeStyle = "black";
            ctx.stroke();
        }

function getById(id) {
            return document.getElementById(id);
        }

function re() {
            canvas.style.backgroundColor = "red";
        }

function reset() {
            canvas.style.backgroundColor = "white";
        }

function ping() {
            alert("Pong!");
        }

function config() {
            alert("Configurações do jogo");
            // Aqui você pode adicionar ajustes personalizados para o jogo
        }

function sendCommand() {
            var command = getById("chatInput").value.toLowerCase();
            var parts = command.split(" ");
            var commandName = parts[0];
            var commandParams = parts.slice(1);

if (commandName === "!replaceform") {
                replaceForm(commandParams.join(" "));
            } else if (commandName === "!document") {
                var elementId = commandParams[0];
                var element = getById(elementId);
                console.log(element);
            } else if (commandName === "!re") {
                re();
            } else if (commandName === "!reset") {
                reset();
            } else if (commandName === "!ping" || commandName === "!p") {
                ping();
            } else if (commandName === "!config") {
                config();
            } else {
                alert("Comando inválido! Tente novamente.");
            }

getById("chatInput").value = "";
        }

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