Coloca um monte de emoji se batendo e girando, e um chat, comandos: !stop, !return, !help, !comment mensagem, !debug, !re e !reset's game

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

No:41799

←

Prev Next

→

Coloca um monte de emoji se batendo e girando, e u..ALL
Developer User18751｜Date and time 24/2/10 1:37:52
Build time 19.244 sec｜Game capacity 4.447KB｜

Script

Comandos disponíveis:

!stop - Para parar o jogo

!return - Para voltar ao jogo

!help - Para obter ajuda

!comment mensagem - Para deixar um comentário

!debug - Para exibir informações de depuração

!re - Reiniciar o jogo

!reset - Redefinir o jogo

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Jogo de Emoji</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>
  <div id="chat">
    <h3>Comandos disponíveis:</h3>
    <p>!stop - Para parar o jogo</p>
    <p>!return - Para voltar ao jogo</p>
    <p>!help - Para obter ajuda</p>
    <p>!comment mensagem - Para deixar um comentário</p>
    <p>!debug - Para exibir informações de depuração</p>
    <p>!re - Reiniciar o jogo</p>
    <p>!reset - Redefinir o jogo</p>
  </div>
  
  <script>
    // Variáveis globais
    let canvas, ctx, gameLoop;
    let emojis = [];
    let chatCommands = [];
    
    // Função para criar um novo emoji
    function createEmoji() {
      const emoji = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        dx: Math.random() * 2 - 1,
        dy: Math.random() * 2 - 1,
        rotation: Math.random() * 360,
        size: Math.floor(Math.random() * 30) + 20,
        color: randomColor()
      };
      emojis.push(emoji);
    }
    
    // Função para desenhar os emojis na tela
    function drawEmojis() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      emojis.forEach(emoji => {
        ctx.save();
        ctx.translate(emoji.x, emoji.y);
        ctx.rotate(emoji.rotation * Math.PI / 180);
        ctx.fillStyle = emoji.color;
        ctx.fillRect(-emoji.size / 2, -emoji.size / 2, emoji.size, emoji.size);
        ctx.restore();
        
        emoji.x += emoji.dx;
        emoji.y += emoji.dy;
        
        if (emoji.x < 0 || emoji.x > canvas.width || emoji.y < 0 || emoji.y > canvas.height) {
          emoji.dx *= -1;
          emoji.dy *= -1;
        }
      });
      gameLoop = requestAnimationFrame(drawEmojis);
    }
    
    // Função para selecionar uma cor aleatória
    function randomColor() {
      const letters = "0123456789ABCDEF";
      let color = "#";
      for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }
    
    // Função para tratar os comandos do chat
    function handleChatCommand(command) {
      if (command === "!stop") {
        cancelAnimationFrame(gameLoop);
        chatCommands.push("Jogo parado. Digite !return para continuar.");
      } else if (command === "!return") {
        if (!gameLoop) {
          gameLoop = requestAnimationFrame(drawEmojis);
          chatCommands.push("Jogo retomado.");
        } else {
          chatCommands.push("O jogo já está em andamento.");
        }
      } else if (command === "!help") {
        chatCommands.push("Esses são os comandos disponíveis: !stop, !return, !help, !comment mensagem, !debug, !re e !reset.");
      } else if (command.startsWith("!comment ")) {
        const message = command.replace("!comment ", "");
        chatCommands.push(`Comentário: ${message}`);
      } else if (command === "!debug") {
        chatCommands.push(`Informações de depuração:
          - Total de emojis: ${emojis.length}
          - Comandos no chat: ${chatCommands.length}`);
      } else if (command === "!re" || command === "!reset") {
        cancelAnimationFrame(gameLoop);
        emojis = [];
        chatCommands = [];
        init();
        chatCommands.push("Jogo reiniciado com sucesso.");
      } else {
        chatCommands.push("Comando inválido. Digite !help para obter ajuda.");
      }
    }
    
    // Função para lidar com os eventos de teclado
    function handleKeyDown(event) {
      if (event.keyCode === 13) {
        const input = event.target.value;
        event.target.value = "";
        handleChatCommand(input);
      }
    }
    
    // Função de inicialização
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      
      for (let i = 0; i < 10; i++) {
        createEmoji();
      }
      
      gameLoop = requestAnimationFrame(drawEmojis);    
      
      const chat = document.getElementById("chat");
      const input = document.createElement("input");
      input.setAttribute("type", "text");
      input.addEventListener("keydown", handleKeyDown);
      chat.appendChild(input);
      
      chatCommands.push("Bem-vindo ao Jogo de Emoji! Digite !help para obter ajuda.");
    }
    
    // Iniciar o jogo ao carregar a página
    window.onload = init;
  </script>
</body>
</html>