FlappyBird3D

Overview

A complete recreation of the viral Flappy Bird game mechanics, but entirely transposed into a 3D environment using WebGL technologies directly in the browser.

The Challenge

Learning to integrate a 3D rendering engine (Three.js) with a dedicated physics engine (Cannon.js) to handle collision detection, gravity, and object velocity in real-time.

Core Tech Stack

Key Features

• 01 Real-time 3D Rendering
• 02 Cannon.js Physics Integration
• 03 Procedural Pipe Generation
• 04 Score Tracking & Game Loop