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
160
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
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
130
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
140
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
970
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
XStateでReactに秩序を与えたい
gizm000
0
720
Amazon Neptuneで始める初めてのグラフDB ー グラフDBを使う意味を考える ー
satoshi256kbyte
2
250
1人で挑むSwiftコンパイラ 〜型システム入門編〜
s_shimotori
0
340
Rustではじめる負荷試験
skanehira
5
1.2k
労務ドメインを快適に開発する方法 / How to Comfortably Develop in the Labor Domain
yuki21
1
250
dotfiles について話したい #湘なんか
stefafafan
2
300
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
KATA
mclloyd
27
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Navigating Team Friction
lara
183
13k
Teambox: Starting and Learning
jrom
131
8.7k
Rails Girls Zürich Keynote
gr2m
93
13k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Bash Introduction
62gerente
608
210k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Happy Clients
brianwarren
96
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
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!