Back
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1
    Flappy Bird screenshot 1

    Flappy Bird

    A modern recreation of the classic Flappy Bird built entirely from scratch with vanilla JavaScript, featuring smooth physics and progressive difficulty.

    Tech Stack

    HTMLCSSJavaScriptStyled ComponentsWebpack
    Overview

    About This Project

    A modern recreation of the classic Flappy Bird built entirely from scratch with vanilla JavaScript, featuring smooth physics and progressive difficulty.

    Challenge

    The Challenges

    Implementing precise collision detection, maintaining consistent 60fps across all browsers, and creating smooth gravity physics — all without any game framework. Every line of code was written entirely from scratch.

    Solution

    Solution & Impact

    I engineered a custom game engine with optimised physics calculations and efficient rendering via requestAnimationFrame. The implementation features adaptive difficulty scaling, responsive mouse controls, and buttery-smooth animations — demonstrating strong vanilla JavaScript fundamentals.