Diversão Séria: oficina de prototipação

1. Diversão Séria
Oficina: PROTOTIPAÇÃO

2. 13:40 - 14:00 | Networking
14:00 - 14:20 | Abertura: "Diversão Séria - oficina de prototipação"
14:20 - 15:20 | Mesa redonda: "Mecânicas, Dinâmicas e Roteiros de Jogos"
Jean Rodrigues Pereira (BCT/UFABC)
Angélica Satiko Koga (POSCOMP/UFABC)
15:20 - 16:20 | Dinâmica 1 - GAME MODEL CANVAS
16:20 - 17:20 | Dinâmica 2 - STORYBOARD
17:20 - 17:40 | Dicas: como tirar seu jogo do papel
Profa. Rafaela Vilela da Rocha (CMCC/UFABC)
17:40 - 18:00 | Fechamento
Programação (13dez2017 - quarta-feira):
Diversão Séria: oficina de prototipação

3. Mesa-Redonda
"Mecânicas, Dinâmicas e Roteiros
de Jogos"

4. Mecânica no Jogo
Jean Rodrigues Pereira

5. Roteiro de Jogos
Angélica Satiko Koga

6. Perguntas
Mesa redonda: "Mecânicas,
Dinâmicas e Roteiros de Jogos"
- Jean Rodrigues Pereira
- Angélica Satiko Koga

7. Dinâmica 1
Game Model Canvas

8. https://www.slideshare.net/rafaela.vilela/game-model-canvas
https://www.gamasutra.com/blogs/SergioJimenez/20140114/208565/Gamification_Model_
Canvas_all_ideas_are_hypotheses_until_proven_otherwise.php

9. Mecânicas
São meios que utilizam energia e trabalho para atingir um objetivo
pré-determinado. Sendo referente aos componentes base de um jogo
como regras, movimento do jogador, algoritmos, sistemas, estrutura de
dados, etc.
Desafios Sorte
Cooperação e Competição Feedback
Aquisição de recursos Recompensas (distintivos, vidas)
Transações (compra, venda, troca)
Turnos (jogadas alternadas)
Estados de vitória (pontos, território, etc)
http://www.cs.northwestern.edu/~hunicke/MDA.pdf

10. Dinâmicas
São estímulos, movimentos ou forças que resultam na modificação de
algo. É referente ao “jogar”, quando as regras e sistemas são postas em
movimento, a interação do jogador com elas e estratégias que emergem.
Constrições / Tomadas de decisões
Emoções
Narrativa (storytelling)
Status / Progressão
Relacionamento (amigos, colegas de time, oponentes, etc)
http://www.cs.northwestern.edu/~hunicke/MDA.pdf

11. Estéticas
Experiência do jogo, responsáveis pelas respostas emocionais do jogador
como felicidade, tristeza, fantasia, amizade, etc. Estética vem do grego
Áisthesis, e significa percepção, sensação, sensibilidade, não só visual
como sonora, palpável, degustável.
Sensação: prazer sensorial (visual / sonoro / etc)
Fantasia: faz-de-conta, trocar papéis
Narrativa: drama, história engajante
Desafio: obstáculo a ser superado pelo jogador
Amizades: ambiente social
Descoberta: conquista de um novo território, um item ou um personagem secreto
Expressão: construir sua casa, personagem ou se expressar através do jogar como
escolher equipamentos e armas
Submissão: passa-tempo
Exemplos: Doom: Sensação, desafio, descoberta, fantasia
Metal Gear Solid: Expressão, narrativa, fantasia, desafio
Pokemon: Expressão, amizades, desafios, fantasia, descoberta

12. Componentes
Como criar as dinâmicas e mecânicas, e fornecer feedback?
Pontos Badges
Leaderboard Níveis
Barra de progressão Missões
Avatares Bens virtuais
Prêmios Inventário / Moedas

13. Projetar um Canvas
INDIVIDUAL
21 min.
Pensar sobre:
- jogo que gostaria de
desenvolver
ou
- jogo que gosta de jogar
Canvas
- Jogadores (público-alvo)
- Mecânicas
- Dinâmicas
- Estéticas
- Componentes
- Comportamentos
- Plataformas

14. Apresentar o
Canvas
GRUPOS
4 min. cada pessoa
03 min cada item:
- Jogadores (público-alvo)
- Plataformas
- Mecânicas
- Dinâmicas
- Estéticas
- Componentes
- Comportamentos

15. Dinâmica 2
Storyboard

16. https://www.slideshare.net/rafaela.vilela/game-storyboard

17. Storyboard
Técnica de visualizacão usada para representar
interações, baseadas em um número de sketches
ou imagens paradas que representam ações
significativas, normalmente acompanhada de
diálogos ou descrição textual que acompanha as
ações mostradas

18. ➔ ilustrar os níveis do jogo ou as diferentes cenas
➔ detalhar os objetos / equipamentos disponíveis
➔ descrever a história / narrativa do jogo
➔ descrever a sequência de ações / interações do
jogador
Storyboard

19. Exemplo: Storyboard GLPSobControle - Sequência de ações

20. Exemplo: Storyboard GLPSobControle - Sequência de ações

21. Fazer o storyboard
GRUPOS
40 min.
Escolher um game canvas
Aprimorar o canvas no grupo
Fazer o storyboard do jogo

22. Apresentar o
protótipo
5 min. cada grupo
Game canvas
Storyboard

23. Dicas
"Como tirar seu jogo do papel"

24. Jogar /
Estudar o jogo
1. Jogos em geral
2. Filmes /
Documentários

25. Documentários
https://www.oficinadanet.com.br/post/17557-os-melhores-documentarios-sobre-
videogames-no-netflix

26. Estudar
Livros
Cursos gratuitos
Vídeo / tutoriais
Sites / Fóruns
Filmes

27. Livros - Biblioteca 794..

28. Instituto TimTec - https://cursos.timtec.com.br/courses

29. Instituto TimTec - https://cursos.timtec.com.br/courses

30. Coursera - https://www.coursera.org

31. Outros - https://www.mooc-list.com/tags/game
TED - https://www.ted.com/topics/gaming
Site de empresas - vídeos / tutoriais de ferramentas
específicas

32. Desenvolver
1. Programação
2. Arte
3. Áudio

33. Motores de jogos (game engines)
Software e conjuntos de bibliotecas
que abstraem funcionalidades
importantes na criação de jogos ou
simulações.
• Essas funcionalidades podem ser:
– desde a comunicação com
dispositivos de entrada (teclado,
mouse, joystick)
– dispositivos de saída (hardware
gráfico e de som)
– até cálculos físicos e inteligência
artificial.
• Geralmente, as funcionalidades
são agrupadas em componente. Visão Geral da Arquitetura
dos Motores de jogo

34. Principais Funcionalidades de Motores de Jogos
• APIs gráficas: fornecem funções primitivas usadas para
construir aplicações gráficas (as mais utilizadas são DirectX,
OpenGL e renderização por software)
• API’s físicas: permitem simular gravidade e outros elementos
físicos. Isso permite que o jogador ao andar em um cenário do
ambiente virtual não atravesse paredes, ao pular não caia para
sempre, ao correr sua velocidade cresça gradualmente (ODE,
Bullet, Havok, PhysX)
• API’s de Áudio: permite suporte a som 2D e/ou 3D (principal
OpenAL)

35. Principais Funcionalidades de Motores de Jogos
• API’s Input: permite manipulação de dispositivos de entradas –
teclado, mouse, joystick (InterSense, SDL, OpenInput)
• API’s GUI: permite controlar a interface gráfica (ceGUI, QT,
FLTK)
• Animação
• Texturização
• Terrenos
• Iluminação

36. Principais Funcionalidades de Motores de Jogos
• Efeitos especiais: são usados em jogos e a maioria deles
são efeitos visuais que aparentam ser céu, água,
nevoeiro, poeira, fogo, explosão, espelho, entre outros
(principal técnica: Sistema de partículas).
• Rede (GNE, HLA, HawkNL, RakNet, OpenTNL)
• Scripting (Javascript, C#, Lua, etc), entre outros…

37. Exemplos de motores de jogos
MOTORES GRÁFICOS
jogos MMORPG
jogos de tiro em
primeira pessoa
MOTORES BASEADOS
EM JOGOS
MOTORES COMPLETOS
Gerenciador de Jogo +
Editor e Motor Gráfico +
Motores Físico, Áudio,
I/O, Rede, entre outros
http://devmaster.net/

38. Recursos: texturas e imagens 2D
● Arte 2D de jogos clássicos:
www.spriters-resource.com/
● Arte em Geral gratuita: opengameart.org/
● Texturas: http://texturelib.com/
http://www.dicasdodia.net/2006/11/27-sites-com
-texturas-gratuitas.html&prevstart=0

39. ● Arte 3D de jogos clássicos:
www.models-resource.com/
● Objetos 3D:
http://sketchup.google.com/3dwarehouse/
(verificar formato e tamanho x qte poligonos)
● Animação de Modelos 3D: www.mixamo.com
● Loja da Unity: assetstore.unity3d.com
Recursos: objetos 3D e outros elementos

40. Recursos: sons e músicas
• http://www.soundsnap.com/
• http://soundbible.com/
• http://www.freesound.org/
• Sons de jogos clássicos:
www.sounds-resource.com/

41. Planejar
1. Escopo
2. Recursos
3. Tempo

42. Escopo x Custo x Tempo

43. Escopo x Custo x Tempo
https://academiadeproducaodejogos.com.br
Escopo: níveis de complexidade
(novato -> profissional)

44. Planejar, Fazer, Checar, Aprender
Jogar Estudar Desenvolver Planejar

45. Fechamento
… 2018

46. Global GameJam
2018
Fatec São Caetano
26 a 28/01/2018
Game Jam é um encontro
onde programadores
disputam quem consegue
fazer o melhor jogo
eletrônico em pouco tempo.
+ Informações:
http://www.ggjsp.com.br/perguntas
-mais-frequentes-faq/
Inscrições:
https://globalgamejam.org/2018/ja
m-sites/fatec-s%C3%A3o-caetano
-do-sul
http://g1.globo.com/globo-news/jornal-das-dez/videos/v/colu
na-mundo-geek-mostra-o-que-e-uma-game-jam/4747096/

47. I Concurso de Jogos
da UFABC
- 4 Categorias
- Melhor jogo completo
- Melhor protótipo de jogo
- Melhor jogo sério ou
aplicativo educacional
- Melhor jogo na escolha
dos estudantes
Fevereiro / Março 2018

48. Obrigada!
facebook.com/DiversaoSeriaUFABC/