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
200
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
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
neogeek
0
13
📦 Your package is out for delivery
neogeek
0
19
Purple Monkey Game Jam VIII - April 2017
neogeek
0
28
Intro to Firebase 2.0
neogeek
0
59
Intro to ES2015
neogeek
0
170
Intro to Firebase
neogeek
0
580
Intro to Facade.js
neogeek
2
320
Other Decks in Programming
See All in Programming
AkarengaLT vol.38
hashimoto_kei
1
130
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
140
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
820
Introduce Hono CLI
yusukebe
6
3.1k
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
zsmb
0
310
チームの境界をブチ抜いていけ
tokai235
0
230
ドメイン駆動設計のエッセンス
masuda220
PRO
14
5.4k
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
360
Devoxx BE - Local Development in the AI Era
kdubois
0
150
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
200
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
47k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Designing for humans not robots
tammielis
254
26k
Rails Girls Zürich Keynote
gr2m
95
14k
Statistics for Hackers
jakevdp
799
220k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Embracing the Ebb and Flow
colly
88
4.9k
Code Reviewing Like a Champion
maltzj
526
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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!