AI game creator

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

No:12581

←

Prev Next

→

Flappy bird
Developer User5242｜Date and time 23/8/20 2:31:49
Build time 15.455 sec｜Game capacity 4.704KB｜

Script

Bien sûr! Je peux vous aider à créer une version simplifiée de Flappy Bird en utilisant des pictogrammes et du JavaScript. Voici un exemple de code :

Veuillez noter que pour rendre ce jeu fonctionnel, vous devrez fournir une image pour représenter l'oiseau (bird.png), que vous devrez placer dans le même dossier que le fichier HTML. De plus, assurez-vous de tester le jeu dans un navigateur sur un smartphone pour une meilleure expérience utilisateur. J'espère que cela vous aide à créer votre jeu Flappy Bird en utilisant des pictogrammes et du JavaScript! Bonne programmation!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Bien sûr! Je peux vous aider à créer une version simplifiée de Flappy Bird en utilisant des pictogrammes et du JavaScript. Voici un exemple de code :

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flappy Bird</title>
    <style>
        #gameContainer {
            width: 400px;
            height: 500px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
            margin: 50px auto;
        }

#bird {
            width: 50px;
            height: 50px;
            background-image: url('bird.png');
            position: absolute;
            top: 50%;
            left: 50px;
            transform: translateY(-50%);
        }

.pipe {
            width: 100px;
            height: 300px;
            background-color: green;
            position: absolute;
            bottom: 0;
        }

#score {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="bird"></div>
        <div id="score">0</div>
    </div>

var gravity = 0.2;
        var jumpStrength = 5;
        var pipeSpeed = 2;
        var pipeSpawnInterval = 1500;
        var scoreValue = 0;

function jump() {
            bird.style.top = (bird.offsetTop - jumpStrength) + 'px';
        }

function updateScore() {
            score.innerHTML = scoreValue;
        }

function gameLoop() {
            bird.style.top = (bird.offsetTop + gravity) + 'px';

for (var i = 0; i < pipes.length; i++) {
                var pipe = pipes[i];
                pipe.style.left = (pipe.offsetLeft - pipeSpeed) + 'px';

if (isColliding(bird, pipe)) {
                    endGame();
                    return;
                }

if (pipe.offsetLeft < -100) {
                    gameContainer.removeChild(pipe);
                    pipes.splice(i, 1);
                    scoreValue++;
                    updateScore();
                }
            }

if (bird.offsetTop > gameContainer.offsetHeight) {
                endGame();
                return;
            }

gameLoopId = requestAnimationFrame(gameLoop);
        }

function endGame() {
            cancelAnimationFrame(gameLoopId);
            alert('Game Over! Your score: ' + scoreValue);
            resetGame();
        }

function resetGame() {
            scoreValue = 0;
            updateScore();
            while (pipes.length > 0) {
                gameContainer.removeChild(pipes.pop());
            }
            bird.style.top = '50%';
        }

function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return (
                rect1.top < rect2.bottom &&
                rect1.bottom > rect2.top &&
                rect1.right > rect2.left &&
                rect1.left < rect2.right
            );
        }

function spawnPipe() {
            var pipeHeight = Math.floor(Math.random() * 200) + 100;

var upperPipe = document.createElement('div');
            upperPipe.className = 'pipe';
            upperPipe.style.height = pipeHeight + 'px';

var lowerPipe = document.createElement('div');
            lowerPipe.className = 'pipe';
            lowerPipe.style.height = (gameContainer.offsetHeight - pipeHeight - 100) + 'px';

gameContainer.appendChild(upperPipe);
            gameContainer.appendChild(lowerPipe);
            pipes.push(upperPipe);
            pipes.push(lowerPipe);

setTimeout(spawnPipe, pipeSpawnInterval);
        }

document.addEventListener('keydown', function (event) {
            if (event.keyCode === 32) {
                jump();
            }
        });

spawnPipe();
        gameLoop();
    </script>
</body>
</html>
```

J'espère que cela vous aide à créer votre jeu Flappy Bird en utilisant des pictogrammes et du JavaScript! Bonne programmation!