SlideShare a Scribd company logo

Game Over - HTML5 Games

Guido Garcia, profile picture
Guido Garcia

This document discusses the capabilities of rich browsers and devices for building games, including new browser APIs for graphics, audio, and device access. It also touches on challenges like browser fragmentation and differences between desktop and mobile browsers. An example architecture is proposed using a Node.js server to synchronize game state over web sockets between HTML5 mobile and desktop browsers.

TechnologyEntertainment & Humor
1 of 7
1
2
3
4
5
6
7
GUIDO GARCÍA · GUIDO@TID.ES · @PALMERABOLLO DEC. 2011
RICH BROWSERS CANVAS · WEB SOCKETS · WEB WORKERS · WEBGL · LOCAL STORAGE · VIBRATION API · WEB AUDIO API · GAMEPAD API · MOUSE LOCK API · FULLSCREEN API · GEOLOCATION · ...
RICH DEVICES TOUCH · CAMERA · ACCELEROMETER · GYROSCOPE · ROTATION · PROXIMITY · BAROMETER · LIGHT · TEMPERATURE · MAGNETIC FIELD · ...
NEW SERVERS NODE.JS + SOCKET.IO + NOWJS + EXPRESS + JADE = DEV PRODUCTIVITY + PERFORMANCE + FUN
BROWSER FRAGMENT ATION BAD IMPLEMENTATIONS · CUSTOM APIS W3C TOO SLOW · GOOGLE / APPLE TOO FAST NORMALIZATION (DAPJS · SOUNDMANAGER)
DEMO DESKTOP BROSWER (CANVAS) = GAME ARENA MOBILE BROWSER = GAME CONTROLLER
ARCHITECTURE node.js server HTML5 HTML5 mobile HTML5 HTML5 mobile ws:// ws:// player mobile canvas player players game state touch = shot change orientation = reload

More Related Content

PPTX
myVR mMap SDK
Olav Sylthe
 
PPTX
Reversing malware analysis training part3 windows pefile formatbasics
Cysinfo Cyber Security Community
 
PPTX
Expect the unexpected: Anticipate and prepare for failures in microservices b...
Bhakti Mehta
 
PPT
Een Gezond Gebit2
guest031320
 
PDF
Neuigkeiten von DEPAROM & Co
Arne Krueger
 
PPTX
Risk management
hussnain ali
 
PDF
Java standards in WCM
Paolo Mottadelli
 
PDF
AWS + Puppet = Dynamic Scale
Shiva Narayanaswamy
 
myVR mMap SDK
Olav Sylthe
 
Reversing malware analysis training part3 windows pefile formatbasics
Cysinfo Cyber Security Community
 
Expect the unexpected: Anticipate and prepare for failures in microservices b...
Bhakti Mehta
 
Een Gezond Gebit2
guest031320
 
Neuigkeiten von DEPAROM & Co
Arne Krueger
 
Risk management
hussnain ali
 
Java standards in WCM
Paolo Mottadelli
 
AWS + Puppet = Dynamic Scale
Shiva Narayanaswamy
 

Viewers also liked (16)

PDF
Evolution of OPNFV CI System: What already exists and what can be introduced
OPNFV
 
PPTX
Persistence in the cloud with bosh
m_richardson
 
PPS
Verwondering...
Sterrenvereniging Astra Alteria
 
PPTX
You know, for search
Peter van der Weerd
 
PDF
Expect the unexpected: Prepare for failures in microservices
Bhakti Mehta
 
PPT
Introduction to smpc
Cysinfo Cyber Security Community
 
PPTX
Security For Humans
conjur_inc
 
PPTX
#speakgeek - Open Source Software Infrastructure at iconnect360
Derek Chan
 
PDF
Catálogo 15 16 elksport
Elk Sport
 
PDF
Streaming architecture with HDP & ELK
Alain Douangpraseuth
 
PPTX
MyHeritage backend group - build to scale
Ran Levy
 
PPTX
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios
 
PDF
IM World presentation from Chris Swan: Application centric – how the cloud ha...
Cohesive Networks
 
PDF
Application Deployment at UC Riverside
Michael Kennedy
 
PPTX
Item analysis
Bimel Kottarathil
 
PDF
CV
prashant varshney
 
Evolution of OPNFV CI System: What already exists and what can be introduced
OPNFV
 
Persistence in the cloud with bosh
m_richardson
 
Verwondering...
Sterrenvereniging Astra Alteria
 
You know, for search
Peter van der Weerd
 
Expect the unexpected: Prepare for failures in microservices
Bhakti Mehta
 
Introduction to smpc
Cysinfo Cyber Security Community
 
Security For Humans
conjur_inc
 
#speakgeek - Open Source Software Infrastructure at iconnect360
Derek Chan
 
Catálogo 15 16 elksport
Elk Sport
 
Streaming architecture with HDP & ELK
Alain Douangpraseuth
 
MyHeritage backend group - build to scale
Ran Levy
 
Nagios Conference 2014 - Fernando Covatti - Nagios in Power Transmission Util...
Nagios
 
IM World presentation from Chris Swan: Application centric – how the cloud ha...
Cohesive Networks
 
Application Deployment at UC Riverside
Michael Kennedy
 
Item analysis
Bimel Kottarathil
 
CV
prashant varshney
 
Ad

Similar to Game Over - HTML5 Games (20)

PDF
W3C HTML5 KIG-The complete guide to building html5 games
Changhwan Yi
 
PDF
Korea linuxforum2014 html5game-sangseoklim
Sang Seok Lim
 
PDF
HTML5 Games Status and issues
J.h. Liu
 
PPTX
HTML5 - Chances and Pitfalls (Bytro Labs GmbH)
Felix Faber
 
PPTX
HTML5_Games_Ecosystem_Jan2013
BoosterMedia
 
PPTX
HTML5 Games Ecosystem
Leonid Bogolubov
 
PDF
HTML5 Games for Web & Mobile
Carsten Sandtner
 
PPTX
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
PDF
Developing the Next Generation Embedded HMIs
mentoresd
 
PDF
The Web is the platform, @lxjs
haricot
 
KEY
User freedom and control on the Web: from desktop to mobile
Tristan Nitot
 
KEY
Seattle javascript game development - Overview
Grant Goodale
 
PDF
Intro to HTML5
Jussi Pohjolainen
 
KEY
Rvrsit
Patrick Sheridan
 
PDF
Ready to Play: JavaScript / HTML5 Game Development
Zachary Johnson
 
PDF
Building Cloud-Based Cross-Platform Mobile Web Apps
James Pearce
 
PPTX
appMobi HTML5 Gaming
Andrew Smith
 
PDF
Building cross platform mobile web apps
James Pearce
 
PDF
W3C HTML5 KIG-The near future of the web platform
Changhwan Yi
 
PPTX
HTML5 Driven Development
Marcin Dembowski
 
W3C HTML5 KIG-The complete guide to building html5 games
Changhwan Yi
 
Korea linuxforum2014 html5game-sangseoklim
Sang Seok Lim
 
HTML5 Games Status and issues
J.h. Liu
 
HTML5 - Chances and Pitfalls (Bytro Labs GmbH)
Felix Faber
 
HTML5_Games_Ecosystem_Jan2013
BoosterMedia
 
HTML5 Games Ecosystem
Leonid Bogolubov
 
HTML5 Games for Web & Mobile
Carsten Sandtner
 
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
Developing the Next Generation Embedded HMIs
mentoresd
 
The Web is the platform, @lxjs
haricot
 
User freedom and control on the Web: from desktop to mobile
Tristan Nitot
 
Seattle javascript game development - Overview
Grant Goodale
 
Intro to HTML5
Jussi Pohjolainen
 
Rvrsit
Patrick Sheridan
 
Ready to Play: JavaScript / HTML5 Game Development
Zachary Johnson
 
Building Cloud-Based Cross-Platform Mobile Web Apps
James Pearce
 
appMobi HTML5 Gaming
Andrew Smith
 
Building cross platform mobile web apps
James Pearce
 
W3C HTML5 KIG-The near future of the web platform
Changhwan Yi
 
HTML5 Driven Development
Marcin Dembowski
 
Ad

Recently uploaded (20)

PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PPT
Teaching material agriculture food technology
LiaRayya
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
Approach and Philosophy of On baking technology
30anthuong17
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Teaching material agriculture food technology
LiaRayya
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 

Game Over - HTML5 Games

  • 1. GUIDO GARCÍA · GUIDO@TID.ES · @PALMERABOLLO DEC. 2011
  • 2. RICH BROWSERS CANVAS · WEB SOCKETS · WEB WORKERS · WEBGL · LOCAL STORAGE · VIBRATION API · WEB AUDIO API · GAMEPAD API · MOUSE LOCK API · FULLSCREEN API · GEOLOCATION · ...
  • 3. RICH DEVICES TOUCH · CAMERA · ACCELEROMETER · GYROSCOPE · ROTATION · PROXIMITY · BAROMETER · LIGHT · TEMPERATURE · MAGNETIC FIELD · ...
  • 4. NEW SERVERS NODE.JS + SOCKET.IO + NOWJS + EXPRESS + JADE = DEV PRODUCTIVITY + PERFORMANCE + FUN
  • 5. BROWSER FRAGMENT ATION BAD IMPLEMENTATIONS · CUSTOM APIS W3C TOO SLOW · GOOGLE / APPLE TOO FAST NORMALIZATION (DAPJS · SOUNDMANAGER)
  • 6. DEMO DESKTOP BROSWER (CANVAS) = GAME ARENA MOBILE BROWSER = GAME CONTROLLER
  • 7. ARCHITECTURE node.js server HTML5 HTML5 mobile HTML5 HTML5 mobile ws:// ws:// player mobile canvas player players game state touch = shot change orientation = reload