SlideShare uma empresa Scribd logo
1 de 67
Baixar para ler offline
Desenvolvimento de
jogos, Javascript e HTML5

       Willian Molinari (a.k.a PotHix)
Grupo de usuários Ruby de São Paulo
Equipe de Cloud Computing
Ruby
Javascript
Python
C++
Sou só um cara normal
Games
Games




        Game loop
Games




        initialize()
         update()
         display()
Meu primeiro game
  Game contest Itaú cultural




 Criado por: @PotHix / @CrociDB
C++
    Allegro
Linux / Windows
Vencemos!
Mas depois...
Código difícil
Difícil distribuição
Difícil portabilidade
Malloc()
Claro que não!
HTML 5
  Canvas              WebGL

            Audio

                         Offline cache
WebSocket
s
                    Local Storage
Canvas
<canvas width="100" height="100"></canvas>
fillRect()
arc()
moveTo()
lineTo()
drawImage()
WebGL
OpenGL rodando no browser
WebGL




        Acesso direto a GPU
WebGL




        Drivers
WebGL




        Segurança
Offline cache
Offline cache




                Cache Manifest
                 <html manifest="/cache.manifest">
Offline cache




                Seu game offline!
WebSockets
WebSockets




             Multiplayer!
              http://swarmation.com/
Tag Audio
<audio><source src="test.mp3" type="audio/mpeg" /></audio>
Audio




        Compatibilidade
           Mobile ainda é um problema.
Local Storage
Chega de guardar informações em cookies
Game engines
http://impactjs.com
http://www.phoboslab.org/ztype/
                                  http://playbiolab.com/
ImpactJS




           Partículas
ImpactJS




           Suporte
ImpactJS




           Map editor
ImpactJS




           Documentação
ImpactJS




           Exemplos
Paga :(
 US$ 99
Akihabara
Akihabara




            Vários demos
             https://github.com/akihabara
Solitude          TSpin
   Capman




                            Tlol
Leave me alone
Akihabara




            Open Source o/
             https://github.com/akihabara/akihabara
Akihabara




            Map editor
            AkibaKa: Ainda em versão alpha
Akihabara




              Documentação?
            Precisa de várias melhorias, mas aceitamos ajuda! :)
Akihabara




            Modularizado
Akihabara




            gamecycle.js
               Estados do jogo
Akihabara




                          gbox.js
            Janela do jogo, inclusão de objetos do jogo e etc
Akihabara




                         help.js
            Extenções no Javascript e helpers para o game
Akihabara




                     toys.js
            Helpers para vários estilos de games
Rise of the Titans
  Global Game Jam 2011
Plaev Team
 @PotHix            @_bojak




@rmasoni           @CrociDB
Rise of the Titans
Galaxy Tab e Motorola Milestone
Rise of the Titans
    iPad e iPhone
Open source também!
   https://github.com/plaev/rise-of-the-titans
Google Web Toolkit
Feito em Java, mas exporta HTML5 e várias outras coisas!
Outras engines
        Box2D                 Aves
                  bdge
                                            GameQuery
Cocos2D
           https://gist.github.com/768272
Hydra                                         ClanFX
                Isogenic Engine
    Canvex                         Effect games

 Hydrax             Crafty
                                        Mibbu
Obrigado!




                 Perguntas?

http://pothix.com
http://github.com/pothix               pothix@pothix.com

Mais conteúdo relacionado

Semelhante a Desenvolvimento de jogos com HTML5 e Javascript

Html5, gamedev e o skeleton jigsaw
Html5, gamedev e o skeleton jigsawHtml5, gamedev e o skeleton jigsaw
Html5, gamedev e o skeleton jigsawWillian Molinari
 
Desenvolvimento de jogos com HTML5 e javascript
Desenvolvimento de jogos com HTML5 e javascriptDesenvolvimento de jogos com HTML5 e javascript
Desenvolvimento de jogos com HTML5 e javascriptWillian Molinari
 
Jogos independentes
Jogos independentesJogos independentes
Jogos independentesPaulo Zucco
 
Minicurso "Jogos Multiplataforma com Javascript"
Minicurso "Jogos Multiplataforma com Javascript"Minicurso "Jogos Multiplataforma com Javascript"
Minicurso "Jogos Multiplataforma com Javascript"Felipe Pedroso
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013javamanrj
 
It’s all about the game
It’s all about the gameIt’s all about the game
It’s all about the gameBruno Cicanci
 
Java alem das aplicacoes comerciais convencionais
Java alem das aplicacoes comerciais convencionaisJava alem das aplicacoes comerciais convencionais
Java alem das aplicacoes comerciais convencionaisLeonardo Simberg
 
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGame
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGameFLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGame
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGameLucas Mousinho
 
Desenv. jogos em java e Proj. Parallax
Desenv.  jogos em java e Proj. ParallaxDesenv.  jogos em java e Proj. Parallax
Desenv. jogos em java e Proj. ParallaxMichel Montenegro
 
Desenvolvimento de Software para Dispositivos Móveis
Desenvolvimento de Software para Dispositivos MóveisDesenvolvimento de Software para Dispositivos Móveis
Desenvolvimento de Software para Dispositivos MóveisMaurílio Silva
 
IntroduçãO Ao Xna Campus Party
IntroduçãO Ao Xna  Campus PartyIntroduçãO Ao Xna  Campus Party
IntroduçãO Ao Xna Campus PartyJosé Farias
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3Loiane Groner
 
técnica de desenvolvimento de jogos para web
técnica de desenvolvimento de jogos para webtécnica de desenvolvimento de jogos para web
técnica de desenvolvimento de jogos para webAndrews Medina
 
Desenvolvendo Games para Nokia Asha
Desenvolvendo Games para Nokia AshaDesenvolvendo Games para Nokia Asha
Desenvolvendo Games para Nokia AshaMarlon Luz
 
Desenvolvimento de jogos e Ogre 3D - Dev In Santos
Desenvolvimento de jogos e Ogre 3D - Dev In SantosDesenvolvimento de jogos e Ogre 3D - Dev In Santos
Desenvolvimento de jogos e Ogre 3D - Dev In Santosjonathanblacknight
 

Semelhante a Desenvolvimento de jogos com HTML5 e Javascript (20)

Html5, gamedev e o skeleton jigsaw
Html5, gamedev e o skeleton jigsawHtml5, gamedev e o skeleton jigsaw
Html5, gamedev e o skeleton jigsaw
 
Desenvolvimento de jogos com HTML5 e javascript
Desenvolvimento de jogos com HTML5 e javascriptDesenvolvimento de jogos com HTML5 e javascript
Desenvolvimento de jogos com HTML5 e javascript
 
Jogos independentes
Jogos independentesJogos independentes
Jogos independentes
 
Minicurso "Jogos Multiplataforma com Javascript"
Minicurso "Jogos Multiplataforma com Javascript"Minicurso "Jogos Multiplataforma com Javascript"
Minicurso "Jogos Multiplataforma com Javascript"
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
 
Phonegap
PhonegapPhonegap
Phonegap
 
It’s all about the game
It’s all about the gameIt’s all about the game
It’s all about the game
 
Java alem das aplicacoes comerciais convencionais
Java alem das aplicacoes comerciais convencionaisJava alem das aplicacoes comerciais convencionais
Java alem das aplicacoes comerciais convencionais
 
UTools Unite Brasil
UTools Unite BrasilUTools Unite Brasil
UTools Unite Brasil
 
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGame
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGameFLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGame
FLISOL 2015 - Desenvolvimento de jogos para Linux com MonoGame
 
Desenv. jogos em java e Proj. Parallax
Desenv.  jogos em java e Proj. ParallaxDesenv.  jogos em java e Proj. Parallax
Desenv. jogos em java e Proj. Parallax
 
Desenvolvimento de Software para Dispositivos Móveis
Desenvolvimento de Software para Dispositivos MóveisDesenvolvimento de Software para Dispositivos Móveis
Desenvolvimento de Software para Dispositivos Móveis
 
IntroduçãO Ao Xna Campus Party
IntroduçãO Ao Xna  Campus PartyIntroduçãO Ao Xna  Campus Party
IntroduçãO Ao Xna Campus Party
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
 
técnica de desenvolvimento de jogos para web
técnica de desenvolvimento de jogos para webtécnica de desenvolvimento de jogos para web
técnica de desenvolvimento de jogos para web
 
Desenvolvendo Games para Nokia Asha
Desenvolvendo Games para Nokia AshaDesenvolvendo Games para Nokia Asha
Desenvolvendo Games para Nokia Asha
 
Desenvolvimento de jogos e Ogre 3D - Dev In Santos
Desenvolvimento de jogos e Ogre 3D - Dev In SantosDesenvolvimento de jogos e Ogre 3D - Dev In Santos
Desenvolvimento de jogos e Ogre 3D - Dev In Santos
 
Comparativo entre Engines de Jogos em 3d
Comparativo entre Engines de Jogos em 3dComparativo entre Engines de Jogos em 3d
Comparativo entre Engines de Jogos em 3d
 
Realidade Aumentada
Realidade AumentadaRealidade Aumentada
Realidade Aumentada
 

Mais de Willian Molinari

Mais de Willian Molinari (13)

Desconstruindo a web
Desconstruindo a webDesconstruindo a web
Desconstruindo a web
 
Mesos
MesosMesos
Mesos
 
As escolhas do desenvolvedor
As escolhas do desenvolvedorAs escolhas do desenvolvedor
As escolhas do desenvolvedor
 
Javascript and browser games
Javascript and browser gamesJavascript and browser games
Javascript and browser games
 
How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...
How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...
How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...
 
Ruby e xmpp
Ruby e xmppRuby e xmpp
Ruby e xmpp
 
Game network programming
Game network programmingGame network programming
Game network programming
 
Locasberos
LocasberosLocasberos
Locasberos
 
Simplestack
SimplestackSimplestack
Simplestack
 
Implementações paralelas
Implementações paralelasImplementações paralelas
Implementações paralelas
 
Abertura do ruby_rails_no_mundo_real_guru_sp
Abertura do ruby_rails_no_mundo_real_guru_spAbertura do ruby_rails_no_mundo_real_guru_sp
Abertura do ruby_rails_no_mundo_real_guru_sp
 
Vim
VimVim
Vim
 
What is and how does work RubyLearning.org
What is and how does work RubyLearning.orgWhat is and how does work RubyLearning.org
What is and how does work RubyLearning.org
 

Desenvolvimento de jogos com HTML5 e Javascript