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
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
870
Open Web Apps and the Mozilla Labs Apps project
robhawkes
1
510
Tomorrow's Web and Future Technologies - WDC2011
robhawkes
6
340
Awesome Technology on the Web - Oxygen Accelerator
robhawkes
5
360
Inside Rawkets - onGameStart
robhawkes
5
350
HTML5 & JavaScript Games
robhawkes
7
1.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7.7k
Other Decks in Programming
See All in Programming
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
tooppoo
0
170
なぜ型を書くのか? TSKaigi2026で改めて考える #tskaigi_smarthr
kajitack
0
190
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
14
6.6k
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
cottpan
1
110
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
3
950
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
210
act1-costs.pdf
sumedhbala
0
150
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
460
AIキャラアプリkaiwaの低遅延音声通話基盤をどう作ったか - AWS Gravitonで支える低遅延・低コストAI Agent基盤
mogamit
0
150
スマートグラスで並列バイブコーディング
hyshu
0
270
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
akihisaikeda
2
4.2k
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
240
Featured
See All Featured
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
150
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Odyssey Design
rkendrick25
PRO
2
720
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
A Modern Web Designer's Workflow
chriscoyier
698
190k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Google's AI Overviews - The New Search
badams
0
1.1k
The untapped power of vector embeddings
frankvandijk
2
1.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
270
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
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