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

No:36653

5 churrasquinhos girando, aí gira com um espetinho..ALL
Developer User16853｜Date and time 24/1/18 6:23:51
Build time 12.851 sec｜Game capacity 3.58KB｜

Script

Jogo dos Churrasquinhos

Girar Espetinho

←

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 dos Churrasquinhos</title>
    <style>
        body {
            background-color: #f0f0f0;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #gameContainer {
            width: 100%;
            height: 600px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #skewer {
            margin-top: -100px;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: brown;
            position: relative;
            animation: rotateInfinitely 3s linear infinite;
        }
        
        .churrasquinho {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #ff0000;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: rotateInfinitely -1s linear infinite;
        }
        
        .message {
            font-weight: bold;
            font-size: 24px;
            margin-top: 20px;
        }
        
        .button {
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border-radius: 5px;
            cursor: pointer;
        }
        
        .button:hover {
            background-color: #0056b3;
        }
        
        @keyframes rotateInfinitely {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            100% {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }
    </style>
</head>
<body>
    <h1>Jogo dos Churrasquinhos</h1>
    <div id="gameContainer">
        <div id="skewer">
            <div class="churrasquinho"></div>
            <div class="churrasquinho"></div>
            <div class="churrasquinho"></div>
            <div class="churrasquinho"></div>
            <div class="churrasquinho"></div>
        </div>
    </div>
    <div class="message"></div>
    <div class="button" onclick="rotateSkewer()">Girar Espetinho</div>

function rotateSkewer() {
            rotationCount++;
            document.getElementById('skewer').style.transform = 'translate(-50%, -50%) rotate(' + (rotationCount * 90) + 'deg)';

if (rotationCount >= 4) {
                showMessage('Os espetinhos Voam Muito Longe!\nMotivo: Rodou o espeto demais');
                resetGame();
            }
            else if (rotationCount === 1) {
                showMessage('Parabéns! Você venceu o jogo.');
            }
            else {
                showMessage('');
            }

if (rotationCount === 1 && level < maxLevels) {
                level++;
                showMessage('Você avançou para o nível ' + level);
            }
            else if (rotationCount === 1 && level === maxLevels) {
                showMessage('Parabéns! Você concluiu todos os níveis do jogo.');
                resetGame();
            }
        }

function showMessage(text) {
            document.querySelector('.message').textContent = text;
        }

function resetGame() {
            rotationCount = 0;
            level = 1;
            document.getElementById('skewer').style.transform = 'translate(-50%, -50%) rotate(0deg)';
        }
    </script>
</body>
</html>