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

Intro to Firebase

Scott Doxey
November 18, 2015

Intro to Firebase

Scott Doxey

November 18, 2015
Tweet

More Decks by Scott Doxey

Other Decks in Technology

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

    • RequireJS - JavaScript file and module loader

    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