Derniere mise a jour : 9 fevrier 2026

Clone Flappy Bird

2024 Jeu Web

Presentation

Objectif principal : Cloner Flappy Bird parce que c'est un classique et ca a l'air simple mais c'est pas si facile. L'oiseau tombe, tu cliques pour le faire monter, et tu dois passer entre les tuyaux.

Technologies utilisees : JavaScript et Canvas. Gravite simulee avec velocite qui augmente vers le bas. Les tuyaux sont generes proceduralement avec un ecart aleatoire.

Fonctionnalites cles : Physique de chute realiste, tuyaux avec hauteur random mais toujours faisables, score qui augmente a chaque tuyau passe, meilleur score sauvegarde.

Livrables attendus : Un clone jouable sur desktop et mobile (tap pour monter). Game over quand on touche un tuyau ou le sol. Bouton restart.

Calendrier previsionnel : 3 jours. C'est rapide une fois qu'on a compris la logique, mais faut bien tuner la gravite et la force du saut pour que ce soit jouable.

Parties prenantes & criteres de succes : Projet pour apprendre. Le succes c'est que les gens ragent quand ils perdent et veulent recommencer direct.

Le Defi

Trouver le bon equilibre entre gravite et force de saut. Si la gravite est trop forte on a pas le temps de reagir, si elle est trop faible c'est trop facile. Pareil pour l'ecart entre les tuyaux : trop grand c'est trivial, trop petit c'est impossible.

La Solution

J'ai fait plein de tests avec des valeurs differentes. La gravite c'est 0.4 pixels par frame, le saut c'est -7 (vers le haut). L'ecart entre les tuyaux c'est 150 pixels, assez pour passer mais faut viser. J'ai montre a des potes pour avoir des retours.

Architecture Technique

Classe Bird avec position Y et velocite. Classe Pipe avec position X et hauteur du trou. Un tableau de Pipes qui defilent vers la gauche. Quand un Pipe sort de l'ecran a gauche, il est recycle a droite avec une nouvelle hauteur. La collision check si l'oiseau est dans le rectangle d'un tuyau.

Points Cles

  • Physique de chute bien calibree
  • Generation procedurale des tuyaux
  • Compatible tactile pour mobile

Apercu

Resultats & Apprentissages

Le jeu est aussi frustrant que l'original, mission accomplie. J'ai appris l'importance du game feel et du playtesting. Des petits changements de valeur changent completement l'experience. Mon meilleur score c'est 42.

Evolutions Futures

Ajouter des skins pour l'oiseau. Un mode nuit ou les tuyaux sont moins visibles. Des medailles selon le score (bronze, argent, or). Peut-etre un classement en ligne.

Retour aux projets Me contacter