Jogos Multiplataforma com Javascript

Felipe Pedroso

Felipe Pedroso

Formado em Engenharia da Computação

Community Manager de Windows, RealSense e HTML5

Desenvolvedor de apps e jogos nas horas vagas

@felipeapedroso

Agenda

Papel do desenvolvedor

O que é uma game engine? Como escolher?

HTML5/Javascript e os jogos

XDK Demos

CreateJS

LiquidFun

Sem falar de programação...

5

Os quatro elementos de um jogo

ESTÉTICA/ARTE

HISTÓRIAMECÂNICA

TECNOLOGIA

Vis

ibili

dad

e

Referência: “The Art of Game Design” – Jesse Shell

Developer

GAME

GRÁFICOS

ÁUDIO

INPUT

FÍSICA

NETWORKIA

UI

SCRIPTING

...

O que o Developer faz...

E como implementar tudo isso?

8

9

FÍSICA

GRÁFICOS

UI

ÁUDIO

Então o propósito de um Game Engine é...

Abstrair aspectos do desenvolvimento de games

Permitir reutilização de componentes

Acelerar o desenvolvimento

Focar mais no conteúdo

Algumas engines...

Como escolher a ideal para meu jogo?

Curva de aprendizado

Custo/Licenciamento

Comunidade

Suporte

Linguagem de Programação

Plataformas

Recursos/Ferramentas

Documentação

Devo criar minha própria engine?

...mas cada caso é um caso.

http://youtu.be/TeNNdVt83-c

Icons by The Pink Group – Social Media Icons

Devo criar minha própria engine?

...mas cada caso é um caso.

http://youtu.be/TeNNdVt83-c

Icons by The Pink Group – Social Media Icons

E o Javascript?

HTML5 e Jogos?

Adoção em largas escalas

Recursos

Canvas, WebGL, Audio, etc

Multiplataforma sem

plugins!

16

Engines para HTML5/Javascript

17

http://html5gameengine.com/

CreateJS

Bibliotecas e ferramentas para a criação de conteúdo interativo

Foi criado facilitar a transição de ActionScript3 para HTML5/Javascript

Sponsors: Microsoft, Adobe, Mozilla e AOL

Principais bibliotecas

SOUNDJS PRELOADJSEASELJS TWEENJS

Vou ficar só no browser?

21

Apache Cordova

Quer testar? Debugar? Compilar?

“Talk is cheap, show me the code!”

24

Linus Torvalds

Dúvidas?

25

APP CHALLENGE 2014realsenseappchallenge.intel.com

Concurso promovido pela Intel US

Muito obrigado!

@felipeapedroso

facebook.com/felipe.a.pedroso

slideshare.net/felipe_pedroso

linkedin.com/in/felipeapedroso

Icons by The Pink Group – Social Media Icons

Felipe Pedroso