Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Facade.js
Search
Scott Doxey
September 16, 2015
Programming
0
150
Facade.js
Slides from my talk at the Boston HTML5 Game Development meetup.
Scott Doxey
September 16, 2015
Tweet
Share
More Decks by Scott Doxey
See All by Scott Doxey
📦 Your package is out for delivery
neogeek
0
8
Purple Monkey Game Jam VIII - April 2017
neogeek
0
21
Intro to Firebase 2.0
neogeek
0
47
Intro to ES2015
neogeek
0
160
Intro to Firebase
neogeek
0
570
Intro to Facade.js
neogeek
2
300
Other Decks in Programming
See All in Programming
Productivity is Messing Around and Having Fun
hollycummins
1
180
CDKコントリビュートの最初の壁を越えよう! -簡単issueの見つけ方-
badmintoncryer
3
420
Documentation testsの恩恵 / Documentation testing benefits
ssssota
1
560
Long journey of Ruby standard library RubyKaigi 2024
andpad
2
200
slow types ってなんだろう?
karad
0
210
PHPコードの実行モデルを理解する / Understanding-the-PHP-Execution-Model
shin1x1
0
1.1k
Docker_OSS_ホスティング入門
satokoki645
0
140
JavaScript Closure
asoluka
0
2k
TypeScriptコードの漸進的改善 / Progressive Improvement of TypeScript Code
medley
1
430
Effectで作る堅牢でスケーラブルなAPIゲートウェイ / Robust and Scalable API Gateway Built on Effect
yasaichi
7
1.2k
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
13
4.3k
Deep Dive into React Stream/Serialize
mugi_uno
4
860
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
28
4.1k
The Language of Interfaces
destraynor
151
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
23
1.7k
How to Ace a Technical Interview
jacobian
273
22k
Building Your Own Lightsaber
phodgson
100
5.7k
Designing with Data
zakiwarfel
96
4.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
What's new in Ruby 2.0
geeforr
338
31k
Web Components: a chance to create the future
zenorocha
306
41k
Happy Clients
brianwarren
92
6.4k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Producing Creativity
orderedlist
PRO
338
39k
Transcript
Facade.js Drawing shapes, images and text in HTML5 canvas made
easy.
None
Scott Doxey twitter.com/@neogeek github.com/neogeek dribbble.com/neogeek Full stack developer
Why build a canvas drawing library when so many already
exist?
None
The experience of building a library from scratch in a
technology one is not proficient with is invaluable.
Vision for Facade.js • Easy to use • Familiar syntax
• Fast rendering • Small file size • Extensible via plugins
Getting Started With Facade.js
$ bower install Facade.js or use the CDN at http://cdn.facadejs.com/0.3.0-beta/facade.min.js
Facade.js Examples
None
None
So what is everything Facade.js can do?
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
Does Facade.js do anything else?
Nope.
Facade.js is a finely tuned wrapper for the HTML5 canvas
renderer.
Facade.js Plugins
Gamepad.js Simple customizable event binding for the HTML Gamepad API.
https://github.com/neogeek/gamepad.js
facadejs-Box2D-plugin An API wrapper for the Box2D JavaScript library. https://github.com/neogeek/facadejs-Box2D-plugin
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
plastick.js A lightweight game loop framework utilizing Facade.js. https://github.com/syntaxtsb/plastick.js
Demos of games built with Facade.js and Plugins
None
None
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
Facade.js Playground Interactive demos in an editor similar to CodePen,
JSFiddle and JS Bin.
None
Questions?
Thanks!