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
180
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
17
Purple Monkey Game Jam VIII - April 2017
neogeek
0
23
Intro to Firebase 2.0
neogeek
0
53
Intro to ES2015
neogeek
0
170
Intro to Firebase
neogeek
0
580
Intro to Facade.js
neogeek
2
310
Other Decks in Programming
See All in Programming
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
1.6k
データベースエンジニアの仕事を楽にする。PgAssistantの紹介
nnaka2992
9
4.1k
自分のために作ったアプリが、グローバルに使われるまで / Indie App Development Lunch LT
pixyzehn
1
120
いまさら聞けない生成AI入門: 「生成AIを高速キャッチアップ」
soh9834
12
3.6k
なぜselectはselectではないのか
taiyow
2
290
requirements with math
moony
0
520
RailsでCQRS/ESをやってみたきづき
suzukimar
2
1.5k
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
380
php-fpm がリクエスト処理する仕組みを追う / Tracing-How-php-fpm-Handles-Requests
shin1x1
5
810
AHC 044 混合整数計画ソルバー解法
kiri8128
0
300
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
2.9k
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
0
250
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
470
Making the Leap to Tech Lead
cromwellryan
133
9.2k
GitHub's CSS Performance
jonrohan
1030
460k
BBQ
matthewcrist
88
9.5k
Faster Mobile Websites
deanohume
306
31k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Building Applications with DynamoDB
mza
94
6.3k
The Language of Interfaces
destraynor
157
24k
A Tale of Four Properties
chriscoyier
158
23k
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!