Flappy Bird Clone

All projects

Games

A functional Flappy Bird remake built with HTML5 Canvas and Gemini 3.0.

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 fully functional remake of Flappy Bird created using HTML5 Canvas and Vanilla JavaScript. The developer built it with Gemini 3.0 using a single detailed prompt, showcasing the model's ability to generate coherent game logic and rendering code from a single interaction.

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: A impressive one-shot build of a classic game using Gemini 3.0, demonstrating the model's high-level coding and logic…
Attributed to: @_mehdisharifi_
Built with: Apodex 1.1 Mini
Links: gemini.google.com
View tweet
Tags: #flappy-bird #html5-canvas #vanilla-js #one-shot

Discovered: X
First posted: X · Nov 22, 2025
Listed: Added 45d ago
Build: Strong
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