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

No:29819

118

←

Prev Next

→

Adiciona uma flor, adiciona um chat, comandos do c..ALL
Developer User14635｜Date and time 23/12/19 5:13:22
Build time 28.349 sec｜Game capacity 6.587KB｜

Script

Jogo de Pictogramas

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Pictogramas</title>
    <style>
        body {
            background-color: #f3f3f3;
            text-align: center;
        }

#container {
            position: relative;
            width: 300px;
            height: 300px;
            margin: 100px auto;
            border: 2px solid black;
        }

#flower {
            position: absolute;
            display: none;
            width: 50px;
            height: 50px;
            background-color: yellow;
            border-radius: 50%;
        }

#chat {
            position: absolute;
            width: 300px;
            height: 150px;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-color: white;
            border: 2px solid black;
            overflow-y: scroll;
        }

#messageInput {
            display: block;
            width: 100%;
            margin-bottom: 5px;
            padding: 5px;
            border: 1px solid #ccc;
        }

#messageLog {
            height: 100%;
            padding: 5px;
        }
    </style>
</head>
<body>
    <h1>Jogo de Pictogramas</h1>
    <div id="container"></div>
    <div id="chat">
        <input id="messageInput" type="text" placeholder="Digite um comando...">
        <div id="messageLog"></div>
    </div>

// Registros de mensagens
        const messages = [];

// Adicionar uma flor ao container
        function addFlower() {
            const flower = document.createElement('div');
            flower.className = 'pictogram';
            flower.style.backgroundImage = 'url("flower.png")';
            container.appendChild(flower);
        }

// Adicionar um quadrado ao container
        function addSquare() {
            const square = document.createElement('div');
            square.className = 'pictogram';
            square.style.backgroundColor = 'blue';
            container.appendChild(square);
        }

// Adicionar um emoji ao container
        function addEmoji() {
            const emoji = document.createElement('div');
            emoji.className = 'pictogram';
            emoji.textContent = '😊';
            container.appendChild(emoji);
        }

// Adicionar uma pizza ao container
        function addPizza() {
            const pizza = document.createElement('div');
            pizza.className = 'pictogram';
            pizza.style.backgroundImage = 'url("pizza.png")';
            container.appendChild(pizza);
        }

// Limpar o container
        function resetContainer() {
            while (container.firstChild) {
                container.firstChild.remove();
            }
        }

// Iniciar movimento dos pictogramas
        function startMove() {
            const pictograms = document.getElementsByClassName('pictogram');
            for (let i = 0; i < pictograms.length; i++) {
                pictograms[i].style.animation = 'move 2s linear infinite';
            }
        }

// Parar movimento dos pictogramas
        function stopMove() {
            const pictograms = document.getElementsByClassName('pictogram');
            for (let i = 0; i < pictograms.length; i++) {
                pictograms[i].style.animation = 'none';
            }
        }

// Ativar modo arco-íris
        function rainbowMode() {
            const pictograms = document.getElementsByClassName('pictogram');
            for (let i = 0; i < pictograms.length; i++) {
                pictograms[i].style.animation = 'rainbow 2s linear infinite';
            }
        }

// Iniciar rotação dos pictogramas
        function startRotate() {
            const pictograms = document.getElementsByClassName('pictogram');
            for (let i = 0; i < pictograms.length; i++) {
                pictograms[i].style.animation = 'rotate 2s linear infinite';
            }
        }

// Exibir mensagens no log
        function displayMessages() {
            messageLog.innerHTML = '';
            for (let i = 0; i < messages.length; i++) {
                const messageItem = document.createElement('p');
                messageItem.textContent = messages[i];
                messageLog.appendChild(messageItem);
            }
            messageLog.scrollTop = messageLog.scrollHeight;
        }

// Interpretar os comandos do chat
        function parseCommand(command) {
            const message = {
                content: command,
                executed: false
            };

if (command === '!add ball') {
                addFlower();
                message.executed = true;
            } else if (command === '!add Square') {
                addSquare();
                message.executed = true;
            } else if (command === '!add emoji') {
                addEmoji();
                message.executed = true;
            } else if (command === '!add pizza') {
                addPizza();
                message.executed = true;
            } else if (command === '!reset') {
                resetContainer();
                message.executed = true;
            } else if (command === '!startmove') {
                startMove();
                message.executed = true;
            } else if (command === '!stopmove') {
                stopMove();
                message.executed = true;
            } else if (command === '!rainbow') {
                rainbowMode();
                message.executed = true;
            } else if (command === '!startrotate') {
                startRotate();
                message.executed = true;
            } else if (command === '!exadulcha container_slot execute bigball/duplicate') {
                // Neste caso, ainda não foi implementada essa ação específica
            }

messages.push(message);
            displayMessages();
        }

// Evento de envio de mensagem
        messageInput.addEventListener('keyup', function (event) {
            if (event.key === 'Enter') {
                const command = messageInput.value;
                if (command !== '') {
                    parseCommand(command);
                    messageInput.value = '';
                }
            }
        });
    </script>
</body>
</html>