FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

67
Desenvolvimento de jogos, Javascript e HTML5 Willian Molinari (a.k.a PotHix)

description

Palestra sobre desenvolvimento de jogos, HTML5 e Javascript ministrada no FLISOL São José dos Campos.

Transcript of FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Page 1: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Desenvolvimento de jogos, Javascript e HTML5

Willian Molinari (a.k.a PotHix)

Page 2: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Grupo de usuários Ruby de São Paulo

Page 3: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Equipe de Cloud Computing

Page 4: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Ruby

Page 5: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Javascript

Page 6: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Python

Page 7: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

C++

Page 8: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Page 9: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Sou só um cara normal

Page 10: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Games

Page 11: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Game loop

Games

Page 12: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

initialize()update()display()

Games

Page 13: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Meu primeiro gameGame contest Itaú cultural

Criado por: @PotHix / @CrociDB

Page 14: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

C++Allegro

Linux / Windows

Page 15: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Vencemos!

Page 16: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Mas depois...

Page 17: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Page 18: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Código difícil

Page 19: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Difícil distribuição

Page 20: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Difícil portabilidade

Page 21: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Malloc()

Page 22: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Page 23: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Claro que não!

Page 24: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5
Page 25: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

HTML 5Canvas WebGL

WebSockets

Offline cache

Audio

Local Storage

Page 26: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Canvas<canvas width="100" height="100"></canvas>

Page 27: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

fillRect()arc()moveTo()lineTo()drawImage()

Page 28: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

WebGLOpenGL rodando no browser

Page 29: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Acesso direto a GPU

WebGL

Page 30: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Drivers

WebGL

Page 31: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Segurança

WebGL

Page 32: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Offline cache

Page 33: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Cache Manifest

Offline cache

<html manifest="/cache.manifest">

Page 34: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Seu game offline!

Offline cache

Page 35: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

WebSockets

Page 36: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Multiplayer!

WebSockets

http://swarmation.com/

Page 37: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Tag Audio<audio><source src="test.mp3" type="audio/mpeg" /></audio>

Page 38: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Compatibilidade

Audio

Mobile ainda é um problema.

Page 39: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Local StorageChega de guardar informações em cookies

Page 40: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Game engines

Page 41: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

http://impactjs.com

Page 42: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

http://playbiolab.com/http://www.phoboslab.org/ztype/

Page 43: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Partículas

ImpactJS

Page 44: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Suporte

ImpactJS

Page 45: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Map editor

ImpactJS

Page 46: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Documentação

ImpactJS

Page 47: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Exemplos

ImpactJS

Page 48: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Paga :(US$ 99

Page 49: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Akihabara

Page 50: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Vários demoshttps://github.com/akihabara

Akihabara

Page 52: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

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

Akihabara

Page 53: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Map editor

Akihabara

AkibaKa: Ainda em versão alpha

Page 54: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Documentação?

Akihabara

Precisa de várias melhorias, mas aceitamos ajuda! :)

Page 55: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Modularizado

Akihabara

Page 56: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

gamecycle.jsEstados do jogo

Akihabara

Page 57: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

gbox.jsJanela do jogo, inclusão de objetos do jogo e etc

Akihabara

Page 58: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

help.jsExtenções no Javascript e helpers para o game

Akihabara

Page 59: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

toys.jsHelpers para vários estilos de games

Akihabara

Page 60: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Rise of the TitansGlobal Game Jam 2011

Page 61: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Plaev Team@PotHix @_bojak

@CrociDB@rmasoni

Page 62: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Rise of the TitansGalaxy Tab e Motorola Milestone

Page 63: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Rise of the TitansiPad e iPhone

Page 64: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Open source também!https://github.com/plaev/rise-of-the-titans

Page 65: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Google Web ToolkitFeito em Java, mas exporta HTML5 e várias outras coisas!

Page 66: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Outras enginesBox2D Aves

Canvex

ClanFX

bdgeCocos2D

Crafty

Effect games

GameQuery

Hydra

Hydrax

Isogenic Engine

Mibbu

https://gist.github.com/768272

Page 67: FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Perguntas?

Obrigado!

http://pothix.comhttp://github.com/pothix [email protected]