FLISOL SJC - Desenvolvimento de jogos com javascrit e HTML5

Post on 22-May-2015

3.740 views 4 download

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

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

Game loop

Games

initialize()update()display()

Games

Meu primeiro gameGame 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 5Canvas WebGL

WebSockets

Offline cache

Audio

Local Storage

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

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

WebGLOpenGL rodando no browser

Acesso direto a GPU

WebGL

Drivers

WebGL

Segurança

WebGL

Offline cache

Cache Manifest

Offline cache

<html manifest="/cache.manifest">

Seu game offline!

Offline cache

WebSockets

Multiplayer!

WebSockets

http://swarmation.com/

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

Compatibilidade

Audio

Mobile ainda é um problema.

Local StorageChega de guardar informações em cookies

Game engines

http://impactjs.com

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

Partículas

ImpactJS

Suporte

ImpactJS

Map editor

ImpactJS

Documentação

ImpactJS

Exemplos

ImpactJS

Paga :(US$ 99

Akihabara

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

Akihabara

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

Akihabara

Map editor

Akihabara

AkibaKa: Ainda em versão alpha

Documentação?

Akihabara

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

Modularizado

Akihabara

gamecycle.jsEstados do jogo

Akihabara

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

Akihabara

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

Akihabara

toys.jsHelpers para vários estilos de games

Akihabara

Rise of the TitansGlobal Game Jam 2011

Plaev Team@PotHix @_bojak

@CrociDB@rmasoni

Rise of the TitansGalaxy Tab e Motorola Milestone

Rise of the TitansiPad e iPhone

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

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

Outras enginesBox2D Aves

Canvex

ClanFX

bdgeCocos2D

Crafty

Effect games

GameQuery

Hydra

Hydrax

Isogenic Engine

Mibbu

https://gist.github.com/768272

Perguntas?

Obrigado!

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