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

Facade.js

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
30
📦 Your package is out for delivery
Avatar for Scott Doxey neogeek
0
29
Purple Monkey Game Jam VIII - April 2017
Avatar for Scott Doxey neogeek
0
32
Intro to Firebase 2.0
Avatar for Scott Doxey neogeek
0
69
Intro to ES2015
Avatar for Scott Doxey neogeek
0
170
Intro to Firebase
Avatar for Scott Doxey neogeek
0
590
Intro to Facade.js
Avatar for Scott Doxey neogeek
2
320

Other Decks in Programming

See All in Programming
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
260
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.1k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.5k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
550
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
180
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
350
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
270
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
120
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
200
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
310
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
79

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!