YoVDO

Flappy Bird in React Native

Offered By: Code with Ania Kubów via YouTube

Tags

React Native Courses Game Development Courses Javascript Courses Collision Detection Courses

Course Description

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

Related Courses

Video Game Design and Development: Introduction to Game Programming
Abertay University via FutureLearn
Computer Science for Game Development
Harvard University via edX
Practical Game Development in Unity 4: Level 1
Udemy
Game Development for beginners with Python
Udemy
Code Your First Game: Arcade Classic in JavaScript on Canvas
Udemy