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
10
📦 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
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
Deep Dive into Kotlin Flow
jmatsu
1
370
Design Foundational Data Engineering Observability
sucitw
3
200
はじめてのMaterial3 Expressive
ym223
2
900
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
290
Swift Updates - Learn Languages 2025
koher
2
510
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
2k
The Past, Present, and Future of Enterprise Java with ASF in the Middle
ivargrimstad
0
170
Kiroで始めるAI-DLC
kaonash
2
620
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
rage against annotate_predecessor
junk0612
0
170
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
teamlab
PRO
2
160
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Music & Morning Musume
bryan
46
6.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Typedesign – Prime Four
hannesfritz
42
2.8k
Docker and Python
trallard
46
3.6k
The Language of Interfaces
destraynor
161
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
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!