Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Facade.js

Avatar for Scott Doxey Scott Doxey
September 16, 2015
Programming
220
0

 Facade.js

Slides from my talk at the Boston HTML5 Game Development meetup.

Avatar for Scott Doxey

Scott Doxey

September 16, 2015

More Decks by Scott Doxey

See All by Scott Doxey
How to Build a Rhythm Game in (Almost) Any Game Engine
Avatar for Scott Doxey neogeek
0
110
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
110
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
36
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
44
Intro to Firebase 2.0
Avatar for Scott Doxey neogeek
0
81
Intro to ES2015
Avatar for Scott Doxey neogeek
0
190
Intro to Firebase
Avatar for Scott Doxey neogeek
0
600
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
340

Other Decks in Programming

See All in Programming
iOSDC2026登壇資料.pdf
Avatar for RioFujimon riofujimon
0
170
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.6k
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
4
2.8k
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
Avatar for Atsuki Seo atsuki_seo
0
730
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
310
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
Avatar for テオリア・テクノロジーズ theoriatec2024
3
180
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
600
AI Agent時代のリアーキテクチャ戦略と実践
Avatar for Kazuhito Hokamura hokaccha
9
4.8k
一人だけ、Kiroが静止する日
Avatar for Hideyuki Nagata hideg
0
120
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
2.3k
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
120
AI × TiDD / 2026.09.05 Redmine 大阪
Avatar for tokudiro tokudiro
1
180

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
510
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
380
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.4k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
200
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Building an army of robots
Avatar for Kyle Neath kneath
307
46k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
280
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k

Transcript

  1. Facade.js Drawing shapes, images and text in HTML5 canvas made

    easy.
  2. None

  3. Scott Doxey twitter.com/@neogeek github.com/neogeek dribbble.com/neogeek Full stack developer

  4. Why build a canvas drawing library when so many already

    exist?
  5. None

  6. The experience of building a library from scratch in a

    technology one is not proficient with is invaluable.

  7. Vision for Facade.js • Easy to use • Familiar syntax

    • Fast rendering • Small file size • Extensible via plugins

  8. Getting Started With Facade.js

  9. $ bower install Facade.js or use the CDN at http://cdn.facadejs.com/0.3.0-beta/facade.min.js

  10. Facade.js Examples

  11. None
  12. None

  13. So what is everything Facade.js can do?

  14. 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

  15. Does Facade.js do anything else?

  16. Nope.

  17. Facade.js is a finely tuned wrapper for the HTML5 canvas

    renderer.

  18. Facade.js Plugins

  19. Gamepad.js Simple customizable event binding for the HTML Gamepad API.

    https://github.com/neogeek/gamepad.js

  20. facadejs-Box2D-plugin An API wrapper for the Box2D JavaScript library. https://github.com/neogeek/facadejs-Box2D-plugin

  21. 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

  22. plastick.js A lightweight game loop framework utilizing Facade.js. https://github.com/syntaxtsb/plastick.js

  23. Demos of games built with Facade.js and Plugins

  24. None
  25. None

  26. 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

  27. Facade.js Playground Interactive demos in an editor similar to CodePen,

    JSFiddle and JS Bin.
  28. None

  29. Questions?

  30. Thanks!