Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Flappy Bird in React Native

Code with Ania Kubów via YouTube

Overview

Learn how to build a Flappy Bird clone using React Native and Expo in this comprehensive 59-minute tutorial. Gain hands-on experience in mobile game development as you create the iconic bird, obstacles, collision detection, and scoring system. Follow along step-by-step, from setting up the environment to implementing touch controls. Ideal for beginners with a basic understanding of JavaScript and React, this video covers essential concepts such as component creation, game logic, and user interaction. Access the final code on GitHub and explore additional resources to further your React Native skills.

Syllabus

⌨️ Introduction
⌨️ Flappy Bird game logic
⌨️ Setting up our environment
⌨️ Creating our App
⌨️ Creating our Bird Component
⌨️ Making our Bird fall
⌨️ Creating our first Obstacles
⌨️ Looping our first Obstacles
⌨️ Creating our second Obstacles
⌨️ Adding random heights to the Obstacles
⌨️ Checking for collisions
⌨️ Making a game over
⌨️ Making our game touch-screen
⌨️ Adding the score

Taught by

Code with Ania Kubów

Reviews

Start your review of Flappy Bird in React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.