SlideShare uma empresa Scribd logo
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++
FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
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...
FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Código difícil
Difícil distribuição
Difícil portabilidade
Malloc()
FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Claro que não!
FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
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

PPTX
Desenvolvimento de Jogos com Corona SDK
PPT
Unity no desenvolvimento de jogos multi-plataformas
PDF
Desenvolvimento de ambientes 3D para Web usando Three JS
PDF
Desenvolvendo Jogos com HTML5
PPTX
Motores de render
PPT
Motores para Jogos: Apresentação Laboratório de Jogos_UDF_Moa_2013
PDF
Desenvolvimento de Jogos com HTML5
PDF
TDC2011 - Desenvolvimento de jogos com Javascript e HTML5
Desenvolvimento de Jogos com Corona SDK
Unity no desenvolvimento de jogos multi-plataformas
Desenvolvimento de ambientes 3D para Web usando Three JS
Desenvolvendo Jogos com HTML5
Motores de render
Motores para Jogos: Apresentação Laboratório de Jogos_UDF_Moa_2013
Desenvolvimento de Jogos com HTML5
TDC2011 - Desenvolvimento de jogos com Javascript e HTML5

Semelhante a FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5 (20)

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

Mais de Willian Molinari (13)

PDF
Desconstruindo a web
PDF
As escolhas do desenvolvedor
PDF
Javascript and browser games
PDF
How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...
PDF
Ruby e xmpp
PDF
Game network programming
PDF
Locasberos
PDF
Simplestack
PDF
Implementações paralelas
PDF
Abertura do ruby_rails_no_mundo_real_guru_sp
PDF
What is and how does work RubyLearning.org
Desconstruindo a web
As escolhas do desenvolvedor
Javascript and browser games
How we used ruby to build locaweb's cloud (http://presentations.pothix.com/ru...
Ruby e xmpp
Game network programming
Locasberos
Simplestack
Implementações paralelas
Abertura do ruby_rails_no_mundo_real_guru_sp
What is and how does work RubyLearning.org
Anúncio

FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5