Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Facade.js

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

 Facade.js

Slides from my talk at the Boston HTML5 Game Development meetup.
Avatar for Scott Doxey

Scott Doxey

September 16, 2015
Tweet

More Decks by Scott Doxey

See All by Scott Doxey
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
17
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
24
Intro to Firebase 2.0
Avatar for Scott Doxey neogeek
0
56
Intro to ES2015
Avatar for Scott Doxey neogeek
0
170
Intro to Firebase
Avatar for Scott Doxey neogeek
0
580
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
320

Other Decks in Programming

See All in Programming
Investigating Multithreaded PostgreSQL
Avatar for Thomas Munro macdice
0
150
JSAI2025 RecSysChallenge2024 優勝報告
Avatar for kami unonao
1
380
JVM の仕組みを理解して PHP で実装してみよう
Avatar for memory m3m0r7
PRO
1
250
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
Avatar for Masayuki Izumi izumin5210
12
6.4k
ユーザーにサブドメインの ECサイトを提供したい (あるいは) 2026年函館で一番熱くなるかもしれない言語の話
Avatar for uvb_76 uvb_76
0
180
Javaに鉄道指向プログラミング (Railway Oriented Pro　gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
Avatar for takumi.okamoto cocet33000
1
110
TypeScriptのmoduleオプションを改めて整理する
Avatar for おおいし bicstone
4
430
『Python → TypeScript』オンボーディング奮闘記
Avatar for takumi_tatsuno takumi_tatsuno
1
140
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
Avatar for にー兄さん drumath2237
0
110
技術懸念に立ち向かい 法改正を穏便に乗り切った話
Avatar for popCashew pop_cashew
0
830
eBPFを用いたAIネットワーク監視システム論文の実装 / eBPF Japan Meetup #4
Avatar for Yuuki Tsubouchi (yuuk1) yuukit
3
620
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
Avatar for mizdra mizdra
PRO
3
2.4k

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Building Adaptive Systems
Avatar for Chris Keathley keathley
41
2.6k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
228
22k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
840
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
35
2.7k

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!