Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Firebase 2.0

Intro to Firebase 2.0

Scott Doxey

December 31, 2016
Tweet

More Decks by Scott Doxey

Other Decks in Programming

Transcript

  1. An Introduction to

    View full-size slide

  2. Scott Doxey
    twitter.com/@neogeek
    github.com/neogeek
    dribbble.com/neogeek
    Full stack developer

    View full-size slide

  3. What is Firebase?

    View full-size slide

  4. Firebase is a Platform as a Service
    (PaaS) that can store data and
    static files.

    View full-size slide

  5. Getting started with Firebase

    View full-size slide

  6. Initial setup

    View full-size slide

  7. Saving data to reference

    View full-size slide

  8. Pushing data to a reference

    View full-size slide

  9. Displaying data in the console

    View full-size slide

  10. Iterating through an array

    View full-size slide

  11. Deleting a reference

    View full-size slide

  12. How can this be applied to
    making games?

    View full-size slide

  13. The demo built for this talk
    utilizes everything mentioned in
    previous slides.

    View full-size slide

  14. https://html5-game-demo.firebaseapp.com/

    View full-size slide

  15. Handling new players

    View full-size slide

  16. Rendering other players

    View full-size slide

  17. Other libraries used
    • Facade.js - Rendering sprites and animations

    • Gamepad.js - Controller/keyboard event binding

    • Box2D (with Facade.js plugin) - Physics/Collision detection

    • Spire of Babel - ES2015 to ES5 transpiler and bundler.

    View full-size slide

  18. Repository for Demo

    https://github.com/neogeek/
    html5-game-demo

    View full-size slide

  19. Scott Doxey
    twitter.com/@neogeek
    github.com/neogeek
    dribbble.com/neogeek
    Full stack developer

    View full-size slide