Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Open Web Games using HTML5 & JavaScript
Search
robhawkes
November 16, 2011
Programming
6
940
Open Web Games using HTML5 & JavaScript
An overview of the state of game development using open Web technologies.
robhawkes
November 16, 2011
Tweet
Share
More Decks by robhawkes
See All by robhawkes
The Future of HTML5 Games
robhawkes
6
810
Open Web Apps and the Mozilla Labs Apps project
robhawkes
1
460
Tomorrow's Web and Future Technologies - WDC2011
robhawkes
6
320
Awesome Technology on the Web - Oxygen Accelerator
robhawkes
5
340
Inside Rawkets - onGameStart
robhawkes
5
330
HTML5 & JavaScript Games
robhawkes
7
1.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.6k
Other Decks in Programming
See All in Programming
AIエージェント開発、DevOps and LLMOps
ymd65536
1
370
Langfuseと歩む生成AI活用推進
licux
3
320
Rancher と Terraform
fufuhu
2
170
奥深くて厄介な「改行」と仲良くなる20分
oguemon
0
160
AI時代のドメイン駆動設計-DDD実践におけるAI活用のあり方 / ddd-in-ai-era
minodriven
25
9.6k
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
350
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
130
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
160
AIコーディングAgentとの向き合い方
eycjur
0
250
個人軟體時代
ethanhuang13
0
280
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
140
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
230
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
510
Side Projects
sachag
455
43k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Agile that works and the tools we love
rasmusluckow
330
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
How GitHub (no longer) Works
holman
315
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
For a Future-Friendly Web
brad_frost
179
9.9k
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