AI game creator

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

No:30252

←

Prev Next

→

Jogo do Halloween
Developer User14723｜Date and time 23/12/21 3:31:07
Build time 19.877 sec｜Game capacity 2.889KB｜

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 Halloween</title>
    <style>
        .game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #000;
            font-family: Arial, sans-serif;
        }

.game {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

.game img {
            width: 200px;
            height: 200px;
            margin-bottom: 20px;
        }

.game button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #ff4d4d;
            color: #fff;
            border: none;
            cursor: pointer;
            outline: none;
        }

.game button:hover {
            background-color: #ff3333;
        }
    </style>
</head>
<body>
    <script>
        const HalloweenGame = {
            pictograms: [
                "👻", "🎃", "🦇", "🕷️", "🍬", "🧙‍♀️", "🔮", "🌕"
            ],
            container: null,
            gameBox: null,
            startButton: null,
            currentPictogram: '',
            intervalId: null,
            time: 0,

init: function() {
                this.container = document.querySelector('.game-container');
                this.gameBox = document.createElement('div');
                this.startButton = document.createElement('button');
                this.startButton.textContent = 'Iniciar Jogo';

this.startButton.addEventListener('click', this.startGame.bind(this));

this.gameBox.classList.add('game');
                this.gameBox.appendChild(this.startButton);
                this.container.appendChild(this.gameBox);
            },

startGame: function() {
                clearInterval(this.intervalId);
                this.time = 0;
                this.currentPictogram = this.getRandomPictogram();
                this.gameBox.innerHTML = `<img src="${this.currentPictogram}.png">`;
                this.intervalId = setInterval(this.tick.bind(this), 1000);
            },

tick: function() {
                this.time++;
                if (this.time === 10) {
                    clearInterval(this.intervalId);
                    this.gameOver();
                }
            },

gameOver: function() {
                this.gameBox.innerHTML = `Fim de Jogo! Sua pontuação: ${this.time}`;
                this.startButton.textContent = 'Jogar Novamente';
            },

getRandomPictogram: function() {
                const randomIndex = Math.floor(Math.random() * this.pictograms.length);
                return this.pictograms[randomIndex];
            }
        };

HalloweenGame.init();
    </script>
</body>
</html>