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
830
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
670
Open Web Apps and the Mozilla Labs Apps project
robhawkes
1
360
Tomorrow's Web and Future Technologies - WDC2011
robhawkes
6
240
Awesome Technology on the Web - Oxygen Accelerator
robhawkes
5
260
Inside Rawkets - onGameStart
robhawkes
5
250
HTML5 & JavaScript Games
robhawkes
7
1.7k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Other Decks in Programming
See All in Programming
try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと
ski
0
350
Designing for tomorrow's programming workflows
honnibal
PRO
2
120
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
620
Folding Cheat Sheet #2
philipschwarz
PRO
0
120
Ruby Pattern Matching
bkuhlmann
0
920
ONE WEDGE_company_guide
1wedge_one
0
430
PHP8.3の機能を振り返る / Review of PHP 8.3 features
seike460
PRO
1
110
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
42
18k
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
470
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
0
180
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
260
使ってみよう Azure AI Document Intelligence
kosmosebi
2
250
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
48
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
GraphQLとの向き合い方2022年版
quramy
31
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
77
42k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Designing for humans not robots
tammielis
248
25k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Designing with Data
zakiwarfel
95
4.8k
Unsuck your backbone
ammeep
662
57k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Art, The Web, and Tiny UX
lynnandtonic
288
19k
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