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
800
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エージェントはソフトウェア開発を変えるか?
stakaya
5
720
一人でAIプロダクトを作るならAIにはもっと働いてもらいたい / I want AI to work harder
rkaga
3
190
Reactの歴史を振り返る
tutinoko
1
170
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
370
なぜ今、Terraformの本を書いたのか? - 著者陣に聞く!『Terraformではじめる実践IaC』登壇資料
fufuhu
3
390
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Android 15以上でPDFのテキスト検索を爆速開発!
tonionagauzzi
0
180
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
9.3k
MCPで実現できる、Webサービス利用体験について
syumai
7
2.4k
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
160
階層化自動テストで開発に機動力を
ickx
1
470
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
36
11k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimizing for Happiness
mojombo
379
70k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Designing Experiences People Love
moore
142
24k
Building an army of robots
kneath
306
45k
Documentation Writing (for coders)
carmenintech
73
5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
750
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Site-Speed That Sticks
csswizardry
10
750
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Navigating Team Friction
lara
188
15k
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