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
12
Purple Monkey Game Jam VIII - April 2017
neogeek
0
21
Intro to Firebase 2.0
neogeek
0
50
Intro to ES2015
neogeek
0
160
Intro to Firebase
neogeek
0
570
Intro to Facade.js
neogeek
2
310
Other Decks in Programming
See All in Programming
日付と正規化
megmogmog1965
0
140
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
CSC307 Lecture 14
javiergs
PRO
0
220
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
20240706_CDKConf
takuyay0ne
0
1.2k
CSC307 Lecture 10
javiergs
PRO
0
310
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
Jetpack for KMP
fornewid
1
290
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
How to Ace a Technical Interview
jacobian
274
23k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Fireside Chat
paigeccino
25
2.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
How STYLIGHT went responsive
nonsquared
93
5k
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!