SlideShare a Scribd company logo
1 of 61
Download to read offline
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 Canvas
John Bristowe
 
от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4от Flash к html5. александр бацуев. зал 4
от Flash к html5. александр бацуев. зал 4
rit2011
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用
麦哥UE
 

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

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

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 

Desenvolvendo Jogos com HTML5