adiciona uma tela e um chat, comandos do chat: /add pizza/player/ball/water, /tolava @a/@r/@b/@d/@j, /towater @a/@r/@b/@d/@j, /script hide/show, /info, /totalofsprites, significados de cada @: @a quer dizer que é todos, @r que dizer uma sprite ou uma duplicada vira, @b que dizer o mais próximo do meio, @d quer dizer que são 50 sprites e @j que dizer o sprite mais próximo da água's game

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

No:35742

166

←

Prev Next

→

adiciona uma tela e um chat, comandos do chat: /ad..ALL
Developer anonymous｜Date and time 24/1/15 6:11:42
Build time 13297 sec｜Game capacity 13.297KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Pictogramas</title>
  <style>
    #game {
      width: 800px;
      height: 600px;
      border: 1px solid black;
      margin: 0 auto;
      position: relative;
    }

#sprites {
      width: 50px;
      height: 50px;
      position: absolute;
    }

#chat {
      width: 300px;
      height: 500px;
      border: 1px solid black;
      margin: 10px;
      overflow-y: scroll;
      scrollbar-width: thin;
      scrollbar-color: black;
    }
  </style>
</head>
<body>
  <div id="game">
    <img id="player" src="player.png">
    <img id="ball" src="ball.png">
    <img id="water" src="water.png">
  </div>
  <input type="text" id="chatInput">
  <button id="sendButton">Enviar</button>
  <div id="chat"></div>

var spriteCount = 0;

function teleportToLava(args) {
      var target = args[0];
      var lavaSprite = document.querySelector("#game img[src='lava.png']");

if (target === "@a") {
        // Teleport all sprites to lava
        var allSprites = document.querySelectorAll("#game img");
        for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== lavaSprite) {
            sprite.style.left = lavaSprite.style.left;
            sprite.style.top = lavaSprite.style.top;
          }
        }
        addToChat("Todos sprites foram teleportados para a lava.");
      } else if (target === "@r") {
        // Teleport a random sprite to lava
        var allSprites = document.querySelectorAll("#game img");
        var randomIndex = Math.floor(Math.random() * allSprites.length);
        var randomSprite = allSprites[randomIndex];
        if (randomSprite !== lavaSprite) {
          randomSprite.style.left = lavaSprite.style.left;
          randomSprite.style.top = lavaSprite.style.top;
          addToChat("Um sprite aleatório foi teleportado para a lava.");
        } else {
          addToChat("Não é possível teleportar a lava para a lava.");
        }
      } else if (target === "@b") {
        // Teleport the sprite closest to the center to lava
        var game = document.getElementById("game");
        var centerX = game.offsetWidth / 2;
        var centerY = game.offsetHeight / 2;
        var allSprites = document.querySelectorAll("#game img");
        var closestSprite;
        var closestDistance = Infinity;

for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== lavaSprite) {
            var centerXDiff = Math.abs(centerX - (sprite.offsetLeft + sprite.offsetWidth / 2));
            var centerYDiff = Math.abs(centerY - (sprite.offsetTop + sprite.offsetHeight / 2));
            var distanceToCenter = Math.sqrt(Math.pow(centerXDiff, 2) + Math.pow(centerYDiff, 2));
            if (distanceToCenter < closestDistance) {
              closestSprite = sprite;
              closestDistance = distanceToCenter;
            }
          }
        }

if (closestSprite) {
          closestSprite.style.left = lavaSprite.style.left;
          closestSprite.style.top = lavaSprite.style.top;
          addToChat("O sprite mais próximo do centro foi teleportado para a lava.");
        } else {
          addToChat("Não há sprites para teleportar.");
        }
      } else if (target === "@d") {
        // Teleport 50 sprites to lava
        var allSprites = document.querySelectorAll("#game img");
        var numSpritesToTeleport = Math.min(50, allSprites.length - 1);

for (var i = 0; i < numSpritesToTeleport; i++) {
          var randomIndex = Math.floor(Math.random() * allSprites.length);
          var randomSprite = allSprites[randomIndex];
          if (randomSprite !== lavaSprite) {
            randomSprite.style.left = lavaSprite.style.left;
            randomSprite.style.top = lavaSprite.style.top;
          }
        }
        addToChat(numSpritesToTeleport + " sprites foram teleportados para a lava.");
      } else if (target === "@j") {
        // Teleport the sprite closest to water to lava
        var waterSprite = document.querySelector("#game img[src='water.png']");
        
        var allSprites = document.querySelectorAll("#game img");
        var closestSprite;
        var closestDistance = Infinity;
        
        for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== lavaSprite) {
            var xDiff = Math.abs(waterSprite.offsetLeft - sprite.offsetLeft);
            var yDiff = Math.abs(waterSprite.offsetTop - sprite.offsetTop);
            var distance = Math.sqrt(Math.pow(xDiff, 2) + Math.pow(yDiff, 2));
            if (distance < closestDistance) {
              closestSprite = sprite;
              closestDistance = distance;
            }
          }
        }
        
        if (closestSprite) {
          closestSprite.style.left = lavaSprite.style.left;
          closestSprite.style.top = lavaSprite.style.top;
          addToChat("O sprite mais próximo da água foi teleportado para a lava.");
        } else {
          addToChat("Não há sprites para teleportar.");
        }
      } else {
        addToChat("Alvo inválido.");
      }
    }

function teleportToWater(args) {
      var target = args[0];
      var waterSprite = document.querySelector("#game img[src='water.png']");

if (target === "@a") {
        // Teleport all sprites to water
        var allSprites = document.querySelectorAll("#game img");
        for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== waterSprite) {
            sprite.style.left = waterSprite.style.left;
            sprite.style.top = waterSprite.style.top;
          }
        }
        addToChat("Todos sprites foram teleportados para a água.");
      } else if (target === "@r") {
        // Teleport a random sprite to water
        var allSprites = document.querySelectorAll("#game img");
        var randomIndex = Math.floor(Math.random() * allSprites.length);
        var randomSprite = allSprites[randomIndex];
        if (randomSprite !== waterSprite) {
          randomSprite.style.left = waterSprite.style.left;
          randomSprite.style.top = waterSprite.style.top;
          addToChat("Um sprite aleatório foi teleportado para a água.");
        } else {
          addToChat("Não é possível teleportar a água para a água.");
        }
      } else if (target === "@b") {
        // Teleport the sprite closest to the center to water
        var game = document.getElementById("game");
        var centerX = game.offsetWidth / 2;
        var centerY = game.offsetHeight / 2;
        var allSprites = document.querySelectorAll("#game img");
        var closestSprite;
        var closestDistance = Infinity;

for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== waterSprite) {
            var centerXDiff = Math.abs(centerX - (sprite.offsetLeft + sprite.offsetWidth / 2));
            var centerYDiff = Math.abs(centerY - (sprite.offsetTop + sprite.offsetHeight / 2));
            var distanceToCenter = Math.sqrt(Math.pow(centerXDiff, 2) + Math.pow(centerYDiff, 2));
            if (distanceToCenter < closestDistance) {
              closestSprite = sprite;
              closestDistance = distanceToCenter;
            }
          }
        }

if (closestSprite) {
          closestSprite.style.left = waterSprite.style.left;
          closestSprite.style.top = waterSprite.style.top;
          addToChat("O sprite mais próximo do centro foi teleportado para a água.");
        } else {
          addToChat("Não há sprites para teleportar.");
        }
      } else if (target === "@d") {
        // Teleport 50 sprites to water
        var allSprites = document.querySelectorAll("#game img");
        var numSpritesToTeleport = Math.min(50, allSprites.length - 1);

for (var i = 0; i < numSpritesToTeleport; i++) {
          var randomIndex = Math.floor(Math.random() * allSprites.length);
          var randomSprite = allSprites[randomIndex];
          if (randomSprite !== waterSprite) {
            randomSprite.style.left = waterSprite.style.left;
            randomSprite.style.top = waterSprite.style.top;
          }
        }
        addToChat(numSpritesToTeleport + " sprites foram teleportados para a água.");
      } else if (target === "@j") {
        // Teleport the sprite closest to lava to water
        var lavaSprite = document.querySelector("#game img[src='lava.png']");
        
        var allSprites = document.querySelectorAll("#game img");
        var closestSprite;
        var closestDistance = Infinity;
        
        for (var i = 0; i < allSprites.length; i++) {
          var sprite = allSprites[i];
          if (sprite !== waterSprite) {
            var xDiff = Math.abs(lavaSprite.offsetLeft - sprite.offsetLeft);
            var yDiff = Math.abs(lavaSprite.offsetTop - sprite.offsetTop);
            var distance = Math.sqrt(Math.pow(xDiff, 2) + Math.pow(yDiff, 2));
            if (distance < closestDistance) {
              closestSprite = sprite;
              closestDistance = distance;
            }
          }
        }
        
        if (closestSprite) {
          closestSprite.style.left = waterSprite.style.left;
          closestSprite.style.top = waterSprite.style.top;
          addToChat("O sprite mais próximo da lava foi teleportado para a água.");
        } else {
          addToChat("Não há sprites para teleportar.");
        }
      } else {
        addToChat("Alvo inválido.");
      }
    }

function toggleScript(args) {
      var action = args[0];
      var scriptTags = document.getElementsByTagName("script");

if (action === "hide") {
        for (var i = 0; i < scriptTags.length; i++) {
          scriptTags[i].style.display = "none";
        }
        addToChat("Scripts escondidos.");
      } else if (action === "show") {
        for (var i = 0; i < scriptTags.length; i++) {
          scriptTags[i].style.display = "block";
        }
        addToChat("Scripts exibidos.");
      } else {
        addToChat("Comando inválido.");
      }
    }

function showInfo() {
      addToChat("Comandos disponíveis:");
      addToChat("/add pizza/player/ball/water - Adiciona um sprite.");
      addToChat("/tolava @a/@r/@b/@d/@j - Teleporta sprite(s) para a lava.");
      addToChat("/towater @a/@r/@b/@d/@j - Teleporta sprite(s) para a água.");
      addToChat("/script hide/show - Esconde/exibe os scripts.");
      addToChat("/info - Mostra os comandos disponíveis.");
      addToChat("/totalofsprites - Mostra o total de sprites adicionados.");
      addToChat("Significados do @:");
      addToChat("@a - Todos os sprites.");
      addToChat("@r - Um sprite aleatório.");
      addToChat("@b - O sprite mais próximo do centro.");
      addToChat("@d - 50 sprites aleatórios.");
      addToChat("@j - O sprite mais próximo da água.");
    }

function showTotalOfSprites() {
      addToChat("Total de sprites adicionados: " + (spriteCount + 1));
    }

function addToChat(message) {
      var chat = document.getElementById("chat");
      var chatMessage = document.createElement("div");
      chatMessage.innerText = message;
      chat.appendChild(chatMessage);
      chat.scrollTop = chat.scrollHeight;
    }

function processChatCommand() {
      var chatInput = document.getElementById("chatInput");
      var command = chatInput.value;
      chatInput.value = "";

if (command.startsWith("/")) {
        var args = command.split(" ");
        var commandName = args.shift();
        if (commandName in chatCommands) {
          chatCommands[commandName](args);
        } else {
          addToChat("Comando inválido.");
        }
      } else {
        addToChat("Comando inválido. Todos os comandos devem começar com '/'.");
      }
    }

document.getElementById("sendButton").addEventListener("click", processChatCommand);
    document.getElementById("chatInput").addEventListener("keydown", function (event) {
      if (event.key === "Enter") {
        processChatCommand();
      }
    });
  </script>
</body>
</html>