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

No:30245

←

Prev Next

→

Jogo do cozinheiro
Developer User14723｜Date and time 23/12/21 3:24:20
Build time 16.273 sec｜Game capacity 2.417KB｜

Script

Jogo do Cozinheiro

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Cozinheiro</title>
</head>
<body>
    <h1>Jogo do Cozinheiro</h1>
    
    <canvas id="canvas" width="500" height="500"></canvas>
    
    <script type="text/javascript">
        // Preparação do jogo
        var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");
        var score = 0;
        var chef = new Image();
        chef.src = "chef.png";
        
        // Função para atualizar a pontuação
        function updateScore() {
            context.font = "20px Arial";
            context.fillStyle = "#000";
            context.fillText("Pontuação: " + score, 20, 40);
        }
        
        // Função para desenhar o chef
        function drawChef(x, y) {
            context.drawImage(chef, x, y, 50, 50);
        }
        
        // Função para gerar posições aleatórias
        function getRandomPosition() {
            var position = Math.floor(Math.random() * 450) + 50;
            return position;
        }
        
        // Função para verificar se o chef foi clicado
        function isChefClicked(clickX, clickY, chefX, chefY) {
            if (clickX >= chefX && clickX <= chefX + 50 && clickY >= chefY && clickY <= chefY + 50) {
                return true;
            } else {
                return false;
            }
        }
        
        // Função para iniciar o jogo
        function startGame() {
            var chefX = getRandomPosition();
            var chefY = getRandomPosition();
            
            score = 0;
            context.clearRect(0, 0, canvas.width, canvas.height);
            updateScore();
            drawChef(chefX, chefY);
            
            // Evento de clique no chef
            canvas.addEventListener("click", function(event) {
                var clickX = event.clientX - canvas.offsetLeft;
                var clickY = event.clientY - canvas.offsetTop;
                
                if (isChefClicked(clickX, clickY, chefX, chefY)) {
                    score++;
                    chefX = getRandomPosition();
                    chefY = getRandomPosition();
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    updateScore();
                    drawChef(chefX, chefY);
                }
            });
        }
        
        startGame();
    </script>
</body>
</html>