minicurso "jogos multiplataforma com javascript"
DESCRIPTION
Minicurso ministrado na Globalcode em parceria com a Open4Education/TRANSCRIPT
![Page 1: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/1.jpg)
Jogos Multiplataforma com Javascript
Felipe Pedroso
![Page 2: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/2.jpg)
Felipe Pedroso
Formado em Engenharia da Computação
Community Manager de Windows, RealSense e HTML5
Desenvolvedor de apps e jogos nas horas vagas
@felipeapedroso
![Page 3: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/3.jpg)
Agenda
Papel do desenvolvedor
O que é uma game engine? Como escolher?
HTML5/Javascript e os jogos
XDK Demos
CreateJS
LiquidFun
![Page 4: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/4.jpg)
Sem falar de programação...
5
![Page 5: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/5.jpg)
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
![Page 6: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/6.jpg)
GAME
GRÁFICOS
ÁUDIO
INPUT
FÍSICA
NETWORKIA
UI
SCRIPTING
...
O que o Developer faz...
![Page 7: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/7.jpg)
E como implementar tudo isso?
8
![Page 8: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/8.jpg)
9
FÍSICA
GRÁFICOS
UI
ÁUDIO
![Page 9: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/9.jpg)
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
![Page 10: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/10.jpg)
Algumas engines...
![Page 11: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/11.jpg)
Como escolher a ideal para meu jogo?
Curva de aprendizado
Custo/Licenciamento
Comunidade
Suporte
Linguagem de Programação
Plataformas
Recursos/Ferramentas
Documentação
![Page 12: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/12.jpg)
Devo criar minha própria engine?
...mas cada caso é um caso.
http://youtu.be/TeNNdVt83-c
Icons by The Pink Group – Social Media Icons
![Page 13: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/13.jpg)
Devo criar minha própria engine?
...mas cada caso é um caso.
http://youtu.be/TeNNdVt83-c
Icons by The Pink Group – Social Media Icons
![Page 14: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/14.jpg)
E o Javascript?
![Page 15: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/15.jpg)
HTML5 e Jogos?
Adoção em largas escalas
Recursos
Canvas, WebGL, Audio, etc
Multiplataforma sem
plugins!
16
![Page 17: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/17.jpg)
![Page 18: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/18.jpg)
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
![Page 19: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/19.jpg)
Principais bibliotecas
SOUNDJS PRELOADJSEASELJS TWEENJS
![Page 20: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/20.jpg)
Vou ficar só no browser?
21
![Page 21: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/21.jpg)
Apache Cordova
![Page 22: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/22.jpg)
Quer testar? Debugar? Compilar?
![Page 23: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/23.jpg)
“Talk is cheap, show me the code!”
24
Linus Torvalds
![Page 24: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/24.jpg)
Dúvidas?
25
![Page 25: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/25.jpg)
APP CHALLENGE 2014realsenseappchallenge.intel.com
Concurso promovido pela Intel US
![Page 26: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/26.jpg)
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
![Page 27: Minicurso "Jogos Multiplataforma com Javascript"](https://reader037.vdocuments.mx/reader037/viewer/2022100220/5560b5a4d8b42afe3b8b49b9/html5/thumbnails/27.jpg)