Flappy Bird Clone

All projects

Games

A fully functional Flappy Bird remake developed using Google Gemini.

byMehdi Sharifi

Flappy Bird challengePlayable

Flappy Bird Clone media is blocked

Allow external media to connect to the provider and play this content.

Description

A complete remake of the classic Flappy Bird game, built using Google's Gemini AI. The project highlights the model's ability to generate playable game logic and graphics from a set of instructions.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Showcases the one-shot game development capabilities of the unlisted Gemini 3.0 model.
Attributed to: @_MehdiSharifi_
Built with: North Mini Code Kling 3.0 Kling 3.0
Links: gemini.google.com
View tweet
Tags: #flappy-bird #remake #game-dev

Discovered: X
First posted: X · Nov 22, 2025
Listed: Added 3h ago
Build: Moderate
Models: Strong

Prompt

Act as a Senior Front-End Developer. I want to build a fully functional clone of the famous game 'Flappy Bird' using only HTML5 Canvas and Vanilla JavaScript.

Please write a single, complete HTML file (containing CSS and JS) that I can save and run immediately.

Game Requirements:
The Bird: A simple yellow square (or circle) that falls due to gravity. When the user clicks the mouse or presses the 'Spacebar', the bird should 'flap' (jump upwards against gravity).

The Pipes:
Green rectangular obstacles are coming from the right side of the screen, moving left. They must have a gap in the middle (top pipe and bottom pipe) positioned at random heights.

Collision:
The game ends immediately if the bird hits a pipe or the ground/ceiling.

Scoring:
Increase the score by 1 every time the bird successfully passes a pair of pipes. Display the score clearly on the screen.

Game Loop:
Use requestAnimationFrame for smooth performance (60fps).

Game States:
Include a 'Start Screen' (Press to Start) and a 'Game Over' screen with a Restart button.

Style:
Make the background sky-blue and the ground brown to mimic the original vibe using simple CSS/Canvas drawing commands (no external image assets, draw everything with code).

Provide the clean, commented code in a single block.

Source

All projects

Games