Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Facade.js

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

 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
GodotCon Boston 2025 - Building a Godot Plugin with GDExtension
Avatar for Scott Doxey neogeek
0
15
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
20
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
31
Intro to Firebase 2.0
Avatar for Scott Doxey neogeek
0
61
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
AI時代もSEOを頑張っている話
Avatar for しらはま shirahama_x
0
190
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
Avatar for おおいし bicstone
1
550
CSC305 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
330
AWS CDKの推しポイントN選
Avatar for アキキー akihisaikeda
1
220
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
19k
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
110
モビリティSaaSにおけるデータ利活用の発展
Avatar for Nealle nealle
1
670
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
280
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
Avatar for Maple fuuki12
0
150
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
Avatar for はる lemonade_37
2
200
テストやOSS開発に役立つSetup PHP Action
Avatar for Atsushi Matsuo matsuo_atsushi
0
110
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
390

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.1k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
68k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

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!