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

No:27021

60

YouTube
Developer User13367｜Date and time 23/12/3 22:51:24
Build time 45.438 sec｜Game capacity 2.116KB｜

Jogo dos Pictogramas

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Jogo dos Pictogramas</title>
</head>
<body>
    <h1>Jogo dos Pictogramas</h1>
    <canvas id="myCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

<script>
        // Configuração inicial
        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");
        var score = 0;
        var pictograms = ['🌞', '🌈', '🐶', '🍎', '🏀'];
        
        // Função para exibir um pictograma aleatório na tela
        function displayPictogram() {
            var randomIndex = Math.floor(Math.random() * pictograms.length);
            var pictogram = pictograms[randomIndex];
            
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.font = "100px Arial";
            context.fillText(pictogram, canvas.width/2 - 50, canvas.height/2 + 50);
        }
        
        // Função para lidar com o clique do usuário
        function handleClick(event) {
            var x = event.clientX;
            var y = event.clientY;
            
            // Verificar se o clique acertou o pictograma
            var pictogramX = canvas.width/2 - 50;
            var pictogramY = canvas.height/2 + 50;
            var pictogramWidth = 100;
            var pictogramHeight = 100;
            
            if (x >= pictogramX && x <= pictogramX + pictogramWidth && y >= pictogramY && y <= pictogramY + pictogramHeight) {
                // O usuário acertou, incrementar o placar
                score++;
                alert('Parabéns, você acertou! Pontuação: ' + score);
            } else {
                // O usuário errou, reiniciar o jogo
                score = 0;
                alert('Você errou! Pontuação: ' + score);
            }
            
            // Exibir um novo pictograma
            displayPictogram();
        }
        
        // Adicionando o evento de clique no canvas
        canvas.addEventListener('click', handleClick);
        
        // Iniciando o jogo
        displayPictogram();
    </script>
</body>
</html>