Tweet
Tweet

Slide 1

Slide 1 text

An Introduction to

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

What is Firebase?

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Getting started with Firebase

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Initial setup

Slide 12

Slide 12 text

Saving data

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Saving data to reference

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Pushing data to a reference

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Displaying data in the console

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Iterating through an array

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Deleting a reference

Slide 23

Slide 23 text

How can this be applied to making games?

Slide 24

Slide 24 text

Easily.

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Handling new players

Slide 28

Slide 28 text

Rendering other players

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Repository for Demo https://github.com/neogeek/ html5-game-demo

Slide 31

Slide 31 text

Questions?

Slide 32

Slide 32 text

Thanks!

Slide 33

Slide 33 text

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