NativeScript Flappy Bird App

This repository demonstrates how to create games such as Flappy Bird inside NativeScript Angular.

Technologies

• NativeScript Angular
• Model-Driven Objects
• Custom Animation Implemenations

Feature List

• Animated background scenes
• Animated player (bird) object using sprite sheet (iOS only)
• Animated player gravity sequence (climb & fall)
• Clipped canvas
• Audio segments for tap and death animations
• Replay screen

Getting Started

1. Download or clone this repository.
2. Install dependencies npm i or npm install.
3. Install and run your desired runtime tns run ios or tns run android.

Known Issues

• Android background-position support is incomparable to iOS. Temporarily have disabled the bird animation on Android as it cannot handle the sprite animation.
• Android player sensitivity is off - most likely need to account for DPI for calculations.

App Images

iOS	Android

Credits / References

• FloppyBird for all of the initial calculations and game assets.
• NativeScript Audio for allowing me to play audio segments for the animations.

Contributors

Sean Perkins