p-3 / nativescript-flappy-bird

NativeScript implementation of Flappy Bird (basic). Demonstrates how to build games in NativeScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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
screen shot 2017-08-26 at 3 37 08 pm

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
Sean Perkins

About

NativeScript implementation of Flappy Bird (basic). Demonstrates how to build games in NativeScript.


Languages

Language:TypeScript 85.7%Language:CSS 7.7%Language:HTML 6.7%