Facade.js

Slides from my talk at the Boston HTML5 Game Development meetup.

Transcript

1. Facade.js Drawing shapes, images and text in HTML5 canvas made easy.
3. Scott Doxey twitter.com/@neogeek github.com/neogeek dribbble.com/neogeek Full stack developer
4. Why build a canvas drawing library when so many already exist?
6. The experience of building a library from scratch in a technology one is not proficient with is invaluable.
7. Vision for Facade.js • Easy to use • Familiar syntax • Fast rendering • Small file size • Extensible via plugins
8. Getting Started With Facade.js
9. $ bower install Facade.js or use the CDN at http://cdn.facadejs.com/0.3.0-beta/facade.min.js
10. Facade.js Examples
13. So what is everything Facade.js can do?
14. Core Features of Facade.js • Draw custom polygons, circles, lines, rectangles • Render images • Animate images via sprites • Draw Text • Group Facade.js objects • Handle the animation loop
15. Does Facade.js do anything else?
16. Nope.
17. Facade.js is a finely tuned wrapper for the HTML5 canvas renderer.
18. Facade.js Plugins
19. Gamepad.js Simple customizable event binding for the HTML Gamepad API. https://github.com/neogeek/gamepad.js
20. facadejs-Box2D-plugin An API wrapper for the Box2D JavaScript library. https://github.com/neogeek/facadejs-Box2D-plugin
21. facadejs-SATjs-plugin An API wrapper for the SAT-js library, a simple JavaScript library for performing 2D collision detection. https://github.com/neogeek/facadejs-SATjs-plugin
22. plastick.js A lightweight game loop framework utilizing Facade.js. https://github.com/syntaxtsb/plastick.js
23. Demos of games built with Facade.js and Plugins
26. Links • https://facadejs.com/ - Main Project Page • https://play.facadejs.com/ - Interactive Demos • https://plugins.facadejs.com/ - Plugin Registry • https://doxdox.org/facadejs/Facade.js - Documentation • https://github.com/facadejs - GitHub Organization • https://github.com/facadejs/facadejs-sample - Sample Project
27. Facade.js Playground Interactive demos in an editor similar to CodePen, JSFiddle and JS Bin.
29. Questions?
30. Thanks!