Ao apertar start aparecera o play, e aparecerá um botão's game

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

No:40380

←

Prev Next

→

Ao apertar start aparecera o play, e aparecerá um ..ALL
Developer User18060｜Date and time 24/2/2 10:10:53
Build time 11.491 sec｜Game capacity 3.842KB｜

Script

para jogar. Ao clicar nesse botão, o jogo começará. O jogador controlará um personagem usando os dedos na tela para se mover para a esquerda e para a direita, evitando obstáculos que estão caindo do topo da tela. Cada vez que o jogador conseguir desviar de um obstáculo, ele ganhará pontos. Porém, se o personagem for atingido por um obstáculo, o jogo terminará. Segue o código do jogo:

Pontuação: 0

Espero que goste do jogo!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Segue o código do jogo:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 600px;
            border: 1px solid black;
            overflow: hidden;
        }
        #player {
            position: absolute;
            bottom: 0;
            left: 200px;
            width: 50px;
            height: 50px;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

function startGame() {
            isPlaying = true;
            document.getElementById('start-btn').style.display = 'none';
            movePlayer();
            spawnObstacle();
        }

function movePlayer() {
            gameContainer.addEventListener('touchmove', function(event) {
                var touchX = event.touches[0].clientX;
                player.style.left = (touchX - (player.offsetWidth / 2)) + 'px';
            });
        }

function spawnObstacle() {
            if (!isPlaying) return;

var obstacle = document.createElement('div');
            obstacle.className = 'obstacle';
            obstacle.style.left = Math.floor(Math.random() * (gameContainer.offsetWidth - 50)) + 'px';

gameContainer.appendChild(obstacle);

var fallInterval = setInterval(function() {
                obstacle.style.top = (obstacle.offsetTop + speed) + 'px';

if (checkCollision(obstacle)) {
                    gameOver();
                }

if (obstacle.offsetTop > gameContainer.offsetHeight) {
                    gameContainer.removeChild(obstacle);
                    score++;
                    updateScore();
                    clearInterval(fallInterval);
                }
            }, 10);

setTimeout(spawnObstacle, 1000);
        }

function checkCollision(obstacle) {
            if (player.offsetLeft < (obstacle.offsetLeft + obstacle.offsetWidth) &&
                (player.offsetLeft + player.offsetWidth) > obstacle.offsetLeft &&
                player.offsetTop < (obstacle.offsetTop + obstacle.offsetHeight) &&
                (player.offsetTop + player.offsetHeight) > obstacle.offsetTop) {
                return true;
            }
            return false;
        }

function updateScore() {
            document.getElementById('score').textContent = 'Pontuação: ' + score;
        }

function gameOver() {
            isPlaying = false;
            alert('Game Over! Sua pontuação final foi: ' + score);
            resetGame();
        }

function resetGame() {
            score = 0;
            player.style.left = '200px';
            document.getElementById('score').textContent = 'Pontuação: ' + score;
            while (gameContainer.lastChild.className === 'obstacle') {
                gameContainer.removeChild(gameContainer.lastChild);
            }
            document.getElementById('start-btn').style.display = 'block';
        }
    </script>
    <button id="start-btn" onclick="startGame()">Jogar</button>
    <p id="score">Pontuação: 0</p>
</body>
</html>
```

Espero que goste do jogo!