SlideShare a Scribd company logo
DESENVOLVENDO
JOGOS COM
HTML5
ZAEDY SAYÃO @zaedysayao
Zaedy Dantas Sayão
@zaedysayao
@javamanrj
@javamanrj
@WORKS
http://about.me/zaedy
QUEM?
QUEM? O QUE?
QUEM? O QUE?
COMO?
QUEM? O QUE?
COMO? POR QUÊ?
ONDE
RODA?
EVERYWHERE*
http://caniuse.com/
http://html5test.com/
http://mobilehtml5.org/
http://html5readiness.com/
ACESSÍVEL
CÓDIGO
UNIFICADO
BAIXA
CURVA DE
APRENDIZADO
SVG
TAGS
TEXTO LÓGICA
EVENTOS
MECÂNICAS
COMPORTAMENTO
LAYOUT
ANIMAÇÕES
GRÁFICOS
IMAGENS
CENÁRIOS
CANVAS
GEOMETRIA
BÁSICA
COMP
GRAF
BÁSICO
SPRITES
IMAGEM
PERFORMANCE?
http://www.slideshare.net/ernesto.jimenez/5-tips-for-your-html5-games
http://jswiki.org/
PACKAGE
DESKTOPhttp://www.slideshare.net/javamanrj/construindo-aplicaes-desktop-
com-html-css-e-js-riojs-conference
DEMOS
http://canvasdefense.appspot.com/
http://users.atw.hu/wolf3d/
http://playtankworld.com/level/air_strike
http://wordsquared.com/
http://phoboslab.org/ztype/
http://www.currantcat.com/convergence/
http://www.tricedesigns.com/2013/03/22/phonegap-legends-
a-sample-game-app/
http://hexgl.bkcore.com/
http://www.unrealengine.com/html5/
http://crypt-webgl.unigine.com/game.html
http://www.made-apps.com/Media/Documents/html5/
techdemo/drahtkern.html
http://int3.github.io/open-syobon-action.js/
https://developer.mozilla.org/en-US/demos/detail/
bananabread
http://www.paulirish.com/2011/
requestanimationframe-for-smart-animating/
OTIMIZANDO
JAVASCRIPT
http://coding.smashingmagazine.com/2012/11/05/writing-fast-
memory-efficient-javascript/
ESCREVENDO
BOM
JAVASCRIPT
https://github.com/rwldrn/idiomatic.js/
WEBGL
WEBWORKERS
WEBRTC
WEBSOCKET
http://goo.gl/zew24
OBRIGADO!
@zaedysayao

More Related Content

Similar to Desenvolvendo Jogos com HTML5

An Introduction to HTML5 Canvas
An Introduction to HTML5 CanvasAn Introduction to HTML5 Canvas
An Introduction to HTML5 CanvasJohn Bristowe
 
One codebase, multiple platforms; Using HTML5/js for game dev
One codebase, multiple platforms; Using HTML5/js for game devOne codebase, multiple platforms; Using HTML5/js for game dev
One codebase, multiple platforms; Using HTML5/js for game dev
Joseph Burchett
 
от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4rit2011
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用麦哥UE
 
Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016
Tony Parisi
 
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
Pablo Farías Navarro
 
The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web Development
Satoshi Kikuchi
 
Game Development With HTML5
Game Development With HTML5Game Development With HTML5
Game Development With HTML5
Gil Megidish
 
PartyRocking: Jugando con Javascript y Websockets
PartyRocking: Jugando con Javascript y WebsocketsPartyRocking: Jugando con Javascript y Websockets
PartyRocking: Jugando con Javascript y Websockets
Ruben Chavarri
 

Similar to Desenvolvendo Jogos com HTML5 (9)

An Introduction to HTML5 Canvas
An Introduction to HTML5 CanvasAn Introduction to HTML5 Canvas
An Introduction to HTML5 Canvas
 
One codebase, multiple platforms; Using HTML5/js for game dev
One codebase, multiple platforms; Using HTML5/js for game devOne codebase, multiple platforms; Using HTML5/js for game dev
One codebase, multiple platforms; Using HTML5/js for game dev
 
от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用
 
Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016Introduction to WebVR Autodesk Forge 2016
Introduction to WebVR Autodesk Forge 2016
 
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
HTML5 Mobile Game Development - Brisbane Game Technology Meetup 2015
 
The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web Development
 
Game Development With HTML5
Game Development With HTML5Game Development With HTML5
Game Development With HTML5
 
PartyRocking: Jugando con Javascript y Websockets
PartyRocking: Jugando con Javascript y WebsocketsPartyRocking: Jugando con Javascript y Websockets
PartyRocking: Jugando con Javascript y Websockets
 

More from javamanrj

Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
javamanrj
 
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
javamanrj
 
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
javamanrj
 
Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013
javamanrj
 
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
javamanrj
 
PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013
javamanrj
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
javamanrj
 
Palestra Sencha Touch + Phonegap
Palestra Sencha Touch + PhonegapPalestra Sencha Touch + Phonegap
Palestra Sencha Touch + Phonegap
javamanrj
 
Palestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + PhonegapPalestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + Phonegap
javamanrj
 
Workshop ExtJS4
Workshop ExtJS4Workshop ExtJS4
Workshop ExtJS4
javamanrj
 

More from javamanrj (10)

Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
 
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
 
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
 
Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013
 
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
 
PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013
 
Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
 
Palestra Sencha Touch + Phonegap
Palestra Sencha Touch + PhonegapPalestra Sencha Touch + Phonegap
Palestra Sencha Touch + Phonegap
 
Palestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + PhonegapPalestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + Phonegap
 
Workshop ExtJS4
Workshop ExtJS4Workshop ExtJS4
Workshop ExtJS4
 

Recently uploaded

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
nkrafacyberclub
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.
ViralQR
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
Vlad Stirbu
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 

Recently uploaded (20)

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.Welocme to ViralQR, your best QR code generator.
Welocme to ViralQR, your best QR code generator.
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 

Desenvolvendo Jogos com HTML5