Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Open Web Games using HTML5 & JavaScript
Search
robhawkes
November 16, 2011
Programming
970
6
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Open Web Games using HTML5 & JavaScript
An overview of the state of game development using open Web technologies.
robhawkes
November 16, 2011
More Decks by robhawkes
See All by robhawkes
The Future of HTML5 Games
robhawkes
6
880
Open Web Apps and the Mozilla Labs Apps project
robhawkes
1
510
Tomorrow's Web and Future Technologies - WDC2011
robhawkes
6
350
Awesome Technology on the Web - Oxygen Accelerator
robhawkes
5
370
Inside Rawkets - onGameStart
robhawkes
5
350
HTML5 & JavaScript Games
robhawkes
7
1.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.8k
Other Decks in Programming
See All in Programming
GKE で Pod の見方を変えたら、スケールアウト時の挙動を真に捉えられた話
stkk
0
120
From 6 People Classroom Meetup to 100 People Regional Conference / FOSS4G Hiroshima 2026
furukawayasuto
0
200
TiDB Cloudのカスタムコントローラーによるオートスケール対応
takaidohigasi
0
110
A2UI for Android: Safely Rendering AI-Generated UI with Jetpack Compose - DroidKaigi 2026
itsmedreamwalker
0
130
AI Agent時代のリアーキテクチャ戦略と実践
hokaccha
9
4.3k
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
460
GraphRAGのKnowledge Graphを 直接!見る/View-GraphRAG's-KnowledgeGraph-directly!
tyumugi1113
1
310
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
490
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
550
AI × TiDD / 2026.09.05 Redmine 大阪
tokudiro
1
150
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
350
WebMCP Challenge に星空観察アプリで参加した話
okajun35
0
160
Featured
See All Featured
Thoughts on Productivity
jonyablonski
76
5.4k
Testing 201, or: Great Expectations
jmmastey
46
8.3k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
350
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
240
GitHub's CSS Performance
jonrohan
1033
470k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
[SF Ruby Conf 2025] Rails X
palkan
2
1.4k
Designing Powerful Visuals for Engaging Learning
tmiket
1
550
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.4k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
690
Abbi's Birthday
coloredviolet
4
10k
Transcript
OPEN WEB GAMES Using HTML5 & JavaScript Rob Hawkes
None
None
None
None
None
None
None
None
None
None
None
The time is now Threshold of something cool
Notable events Important goings-on in HTML5 gaming
Acquisitions HTML5 game engines being bought up
Recruitment HTML5 game developers are wanted
Funding Investing in the pioneers
Conferences Discussing the future of HTML5 games
Browser involvement Providing the tech for HTML5 games
Facebook involvement Bettering performance
Porting hit iOS games Showing HTML5 is more than capable
Existing games Some of the best examples
Quake II
Minecraftian worlds
Freeciv
Rawkets
Angry Birds
Fieldrunners
Created by Phil Banks (@emirpprime)
HTML5 & JavaScript What is all the fuss about?
Open technologies Anyone can view the source code
Free technologies Free to use. Free to develop with
Plugin-less No more reliance on third-party software
No compilation Save time with development and testing
Interoperable They are built to work across platforms
Cross-browser support Most major features are supported
None
Full compatibility Not all browsers support everything
No DRM It goes against these technologies
Technology Behind the scenes of HTML5 games
Canvas 2D graphics platform
None
WebGL 3D graphics platform
None
None
None
HTML5 audio Sound effects and background music
None
WebSockets Multiplayer communication
Node.js Game logic and network communication
Local storage Storing data on the player device
Full Screen API Simple, yet powerful
Gamepad API Bringing the console to the Web
None
Mouse Lock API Locking the cursor in one place
Web applications Not just a fancy website
None
None
Offline assets Who needs the Internet anyway
App-like experience Run from the desktop or home screen
None
None
Game engines Create HTML5 games today
None
None
None
The future This is just the beginning
Rob Hawkes Rawkets.com HTML5 & WebSockets game Twitter sentiment analysis
Delving into your soul RECENT PROJECTS Rawkes.com Personal website and blog MORE COOL STUFF jsCraft Minecraft port to JavaScript Rawket Scientist Technical Evangelist at Mozilla @robhawkes
THANK YOU Any questions? Rob Hawkes @robhawkes