AI game creator

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

No:13644

←

Prev Next

→

Smile Game
Developer User5977｜Date and time 23/8/29 6:24:00
Build time 14.348 sec｜Game capacity 3.205KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Sorriso</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definindo as posições iniciais do sorriso e do jogador
        let smileX = canvas.width / 2;
        let smileY = canvas.height / 2;
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;

// Função para desenhar o sorriso na tela
        function drawSmile() {
            context.beginPath();
            context.arc(smileX, smileY, 50, 0, Math.PI * 2, false);
            context.fillStyle = "yellow";
            context.fill();
            context.lineWidth = 3;
            context.strokeStyle = "black";
            context.stroke();
            context.closePath();
        }

// Função para desenhar o jogador na tela
        function drawPlayer() {
            context.beginPath();
            context.arc(playerX, playerY, 10, 0, Math.PI * 2, false);
            context.fillStyle = "blue";
            context.fill();
            context.lineWidth = 3;
            context.strokeStyle = "black";
            context.stroke();
            context.closePath();
        }

// Função para atualizar os movimentos do jogador
        function updatePlayerMovement(event) {
            // Verificando o movimento do jogador com base na tecla pressionada
            if (event.key === "ArrowUp") {
                playerY -= 10;
            } else if (event.key === "ArrowDown") {
                playerY += 10;
            } else if (event.key === "ArrowLeft") {
                playerX -= 10;
            } else if (event.key === "ArrowRight") {
                playerX += 10;
            }
        }

// Função para verificar se o jogador colidiu com o sorriso
        function checkCollision() {
            const distance = Math.sqrt((playerX - smileX) ** 2 + (playerY - smileY) ** 2);

if (distance <= 60) {
                alert("Você ganhou o jogo!");
                resetGame();
            }
        }

// Função para reiniciar o jogo
        function resetGame() {
            smileX = canvas.width / 2;
            smileY = canvas.height / 2;
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;
        }

// Função principal do jogo
        function main() {
            // Limpar o canvas a cada frame
            context.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar o sorriso e o jogador
            drawSmile();
            drawPlayer();

// Verificar a colisão entre o jogador e o sorriso
            checkCollision();
        }

// Inicialização do jogo
        function startGame() {
            drawSmile();
            drawPlayer();
            document.addEventListener("keydown", updatePlayerMovement);
            setInterval(main, 30);
        }

// Iniciar o jogo quando o documento HTML for carregado
        window.onload = startGame;
    </script>
</body>
</html>