Jeu comme flappy bird's game

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

No:39164

←

Prev Next

→

Jeu comme flappy bird
Developer User17457｜Date and time 24/1/27 1:57:30
Build time 18.242 sec｜Game capacity 2.949KB｜

Script

Bien sûr! Voici un exemple de jeu inspiré de Flappy Bird, spécialement conçu pour une interaction sur smartphone en utilisant des pictogrammes.

Score: 0

N'oubliez pas de remplacer 'emozi_cat.png' par le chemin d'accès réel vers l'image que vous souhaitez utiliser pour représenter l'oiseau dans le jeu. Assurez-vous que l'image est située dans le même répertoire que le fichier HTML. J'espère que vous apprécierez ce petit jeu inspiré de Flappy Bird ! N'hésitez pas à le personnaliser selon vos besoins ou à ajouter d'autres fonctionnalités.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Bien sûr! Voici un exemple de jeu inspiré de Flappy Bird, spécialement conçu pour une interaction sur smartphone en utilisant des pictogrammes.

<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird - Le Jeu</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #70c5ce;
      overflow: hidden;
    }

#flappy {
      position: absolute;
      width: 80px;
      height: 60px;
      background-image: url('pictogramme-flappy-oiseau.png');
      background-size: cover;
      left: 100px;
      top: 50%;
      transform: translateY(-50%);
    }

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

#score {
      position: absolute;
      top: 20px;
      left: 20px;
      font-size: 24px;
      color: #ffffff;
    }
  </style>
</head>
<body>
  <div id="flappy"></div>
  <div id="pipe"></div>
  <div id="score">Score: 0</div>

function flap() {
      flappySpeed = -4;
    }

function update() {
      flappySpeed += gravity;
      var flappyBottom = parseFloat(flappy.style.top) + flappy.offsetHeight + flappySpeed;

if (flappyBottom > 0 && flappyBottom < window.innerHeight) {
        flappy.style.top = flappyBottom + 'px';
      } else {
        endGame();
      }

var pipeLeft = parseFloat(pipe.style.left) - gameSpeed;
      pipe.style.left = pipeLeft + 'px';

if (pipeLeft < -100) {
        pipe.style.left = window.innerWidth + 'px';
        score++;
        scoreElement.innerHTML = "Score: " + score;
      }

var pipeTop = parseFloat(pipe.style.height);

if (flappyBottom > window.innerHeight - pipeTop) {
        if (flappyLeft + flappy.offsetWidth > pipeLeft && flappyLeft < pipeLeft + pipe.offsetWidth) {
          if (flappyBottom > window.innerHeight - pipeTop + 120) {
            endGame();
          }
        } else {
          if (flappyBottom > window.innerHeight - pipeTop + 120) {
            endGame();
          }
        }
      }
    }

function endGame() {
      alert("Game Over! Votre score final est de " + score);
      location.reload();
    }

setInterval(update, 20);
    document.addEventListener('click', flap);
  </script>
</body>
</html>

N'oubliez pas de remplacer 'pictogramme-flappy-oiseau.png' par le chemin d'accès réel vers l'image que vous souhaitez utiliser pour représenter l'oiseau dans le jeu. Assurez-vous que l'image est située dans le même répertoire que le fichier HTML.

J'espère que vous apprécierez ce petit jeu inspiré de Flappy Bird ! N'hésitez pas à le personnaliser selon vos besoins ou à ajouter d'autres fonctionnalités.