Coloque um emoji, o emoji vai ficar se rodando e movendo, botões: Modificar emoji falso/Verdadeiro, Espaço e Resetar's game

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

No:29155

←

Prev Next

→

Coloque um emoji, o emoji vai ficar se rodando e m..ALL
Developer User14419｜Date and time 23/12/16 9:17:14
Build time 21.667 sec｜Game capacity 2.819KB｜

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 Emoji</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Variáveis do jogo
        var canvas;
        var canvasContext;
        var emojiX = 200;
        var emojiY = 200;
        var emojiSpeedX = 5;
        var emojiSpeedY = 5;
        var emojiFake = false;

// Função para quando a página for carregada
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Inicia o loop do jogo
            setInterval(updateGame, 16); // Atualiza a cada 16ms para obter aproximadamente 60fps

// Evento de clique para os botões
            document.getElementById("btnFake").addEventListener("click", toggleFakeEmoji);
            document.getElementById("btnSpace").addEventListener("click", moveEmoji);
            document.getElementById("btnReset").addEventListener("click", resetGame);
        }

// Atualiza o jogo
        function updateGame() {
            moveEmoji();
            drawGame();
        }

// Move o emoji de acordo com sua velocidade
        function moveEmoji() {
            emojiX += emojiSpeedX;
            emojiY += emojiSpeedY;

// Inverte a direção se o emoji atingir as bordas do canvas
            if (emojiX >= canvas.width || emojiX <= 0) {
                emojiSpeedX *= -1;
            }
            if (emojiY >= canvas.height || emojiY <= 0) {
                emojiSpeedY *= -1;
            }
        }

// Alterna a variável emojiFake entre verdadeiro e falso
        function toggleFakeEmoji() {
            emojiFake = !emojiFake;
        }

// Redefine as posições do emoji e a sua velocidade
        function resetGame() {
            emojiX = 200;
            emojiY = 200;
            emojiSpeedX = 5;
            emojiSpeedY = 5;
            emojiFake = false;
        }

// Desenha o jogo na tela
        function drawGame() {
            // Limpa o canvas
            canvasContext.fillStyle = '#000000';
            canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Desenha o emoji
            canvasContext.font = '48px Arial';
            canvasContext.fillStyle = '#FFD700';

if (emojiFake) {
                // Desenha emoji falso (🙂)
                canvasContext.fillText('🙂', emojiX, emojiY);
            } else {
                // Desenha emoji verdadeiro (😊)
                canvasContext.fillText('😊', emojiX, emojiY);
            }
        }
    </script>

<button id="btnFake">Modificar Emoji</button>
    <button id="btnSpace">Espaço</button>
    <button id="btnReset">Resetar</button>
</body>
</html>