Palestra ministrada no TDC2015 SP [25/07/2015].

1. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Trilha – Games
Kishimoto Studios
André Kishimoto

2. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GAME DESIGN
PARA QUEM
NÃO É
GAME DESIGNER
VERSÃO REVISTA E COMPACTADA
KISHIMOTO.COM.BR JULHO/2015
OU “ALGUMAS COISAS QUE EU QUERIA QUE ALGUÉM
TIVESSE ME CONTADO HÁ 15 ANOS ATRÁS MAS QUE
FUI APRENDENDO SOZINHO E AOS POUCOS”

3. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
andre@kishimoto.com.br

4. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Software Engineer
Game DeveloperProfessor Estudante
Mestre em Engenharia Elétrica
Cientista da Computação
Especialista em
Computação Gráfica 3D
As imagens, fotos, logos e demais marcas autorais de terceiros citadas são de propriedade de seus respectivos autores/detentorese foram usadas para fins educacionais.

5. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Em algum momento nos anos 90...

6. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Em algum momento nos anos 90...
Descobri que os computadores
eram programáveis...
...e aprendi que jogos digitais eram
criados via programação.

7. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Em algum momento nos anos 90...
Descobri que os computadores
eram programáveis...
...e aprendi que jogos digitais eram
criados via programação.
OK. E agora?

8. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Muitas dúvidas!

9. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Muitas dúvidas!
“Como a pessoa interage com o
computador?”
“Como o computador interage com
a pessoa?”
“Esse Basic só roda em modo
texto.”
“E o MS-DOS é modo texto.”
“Prince of Persia, Indy 500, Pinball
Dreams... Mas como?”
http://www.mobygames.com

10. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“Let me google that for you”
Internet? BBS’s!
(meia-noite às 6h)
“Modo 13h?”
mov ax, 13h
int 10h
“E o MS-DOS é modo texto.”
Modo VGA 320x200, 256 cores
http://www.mobygames.com

11. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Avançando para o início do
século XXI...
Linguagem C, C++ (+-) 
Win32 API 
DirectX 
Ideias 

12. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Avançando para o início do
século XXI...
Linguagem C, C++ (+-) 
Win32 API 
DirectX 
Ideias 
OK. E agora?
Faltava algo mais...
Cursos de Jogos Digitais

13. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.

14. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Walkthrough
 Definições.zip
 O que é um jogo?
 Game Design
 Game Designer
 Game Design Document (GDD)
 Tópicos diversos
 Key takeaways

15. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
DEFINIÇÕES.ZIP
I

16. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que é um jogo?
Jogo Entretenimento Interativo
Mecânica
Objetivos
Regras
Funcionamento
Temas
Jogadores Avatares
Gêneros

17. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Design
“O design de jogos é o ato de
decidir como um jogo deve ser.”*
*Jesse Schell, “A Arte de Game Design: o livro original” (página xii)

18. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Design
GameplayGame Design

19. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Design
GameplayGame Design
define

20. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Game Design
Escolhas
do jogador

21. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Game Design
Escolhas
do jogador
Consequências
das escolhas

22. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Game Design
Escolhas
do jogador
Consequências
das escolhas
Vitória e
derrota

23. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Como
transmitir
informações
ao jogador
Game Design
Escolhas
do jogador
Consequências
das escolhas
Vitória e
derrota

24. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Como
transmitir
informações
ao jogador
Game Design
Escolhas
do jogador
Consequências
das escolhas
Vitória e
derrota
Como
controlar
o jogo

25. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Como
transmitir
informações
ao jogador
Game Design
Escolhas
do jogador
Consequências
das escolhas
Vitória e
derrota
Como
controlar
o jogo
O que o
jogador
pode fazer

26. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
GameplayGame Design
define
Como
transmitir
informações
ao jogador
Game Design
Escolhas
do jogador
Consequências
das escolhas
Vitória e
derrota
Como
controlar
o jogo
O que o
jogador
pode fazer
...

27. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Designer
Penso,
logo existo.

28. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Designer
Tive uma
ideia de
jogo, logo
sou game
designer.

29. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Designer
Game Designers
Programadores
Artistas
<Insert previous job
title here>
QA (Testers)
Producers Sound Designers
Game Writers

30. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Habilidades de um Game Designer
Animação
Antropologia
Arquitetura
Artes Visuais
Brainstorming
Cinematografia
Comunicação
Design de Áudio
Economia
Falar em público
Gerenciamento
História
Matemática
Música
Negócios
Psicologia
Redação criativa
Redação técnica
Engenharia ...WTF!

31. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
“Level Up – The Guide to Great Video Game Design” (página 23), Scott Rogers

32. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
GameplayGame Design
define
Game Designer
definecria
Resumidamente...

33. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
GameplayGame Design
define
Game Designer
definecria
Resumidamente...
...Será???

34. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
O game designer cria uma
experiência.

35. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
Experiência

36. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
Experiência

37. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
Experiência

38. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer faz?
http://innovateordie.com.au/2009/06/17/thought-of-the-week-if-a-tree-falls-in-the-forest

39. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“GD romântico”

40. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
Ou...
...algumas afirmações [de certa
forma] erradas que aparecem por
aí...

41. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?

42. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.

43. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.

44. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.

45. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
O game designer
modela e anima.

46. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
O game designer
modela e anima.
O game designer só precisa
dar ideias.

47. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
Só o game designer
cria histórias.
O game designer
modela e anima.
O game designer só precisa
dar ideias.

48. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
Só o game designer
cria histórias.
O game designer constrói os
cenários do jogo.
O game designer
modela e anima.
O game designer só precisa
dar ideias.

49. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
Só o game designer
cria histórias.
O game designer constrói os
cenários do jogo.
O game designer trabalha
sozinho.
O game designer
modela e anima.
O game designer só precisa
dar ideias.

50. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
Só o game designer
cria histórias.
O game designer constrói os
cenários do jogo.
O game designer trabalha
sozinho.
O game designer
modela e anima.
O game designer só precisa
dar ideias.
O game designer cria o seu
próprio jogo.

51. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
O que o Game Designer NÃO faz?
O game designer é um
Designer Gráfico.
O game designer precisa
saber programar.
O game designer precisa
saber desenhar.
Só o game designer
cria histórias.
O game designer constrói os
cenários do jogo.
O game designer trabalha
sozinho.
O game designer
modela e anima.
O game designer só precisa
dar ideias.
O game designer cria o seu
próprio jogo.

52. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“(...) afirmações [de certa forma] erradas (...)”
Na verdade, o que um game designer faz ou não faz
depende de:
O que o Game Designer NÃO faz?
Empresa
Equipe
Projeto
Especialista? Generalista?

53. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Tipos de [game] designers
Generalistas
Game Designer
Junior/Associate GD
Senior GD
Lead GD
Creative Director
http://www.lizengland.com/blog/2014/06/types-of-designers
Levels/Missões
Level Designer
Multiplayer LD
World Builder
Mission Designer
Quest Designer
Sistemas
Systems Designer
Combat Designer
Economy Designer
Multiplayer
Designer
Puzzle Designer
Narrative Designer
Híbrido
Monetization
Designer
Technical Designer
UI Designer
QA/Design Support

54. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“GD realista”

55. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Uma preocupação quando comecei...
“Todo jogo tem um GDD. Como devo
criar esse documento?”

56. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Um problema dos livros que li...
Escrito por game designers de
grandes empresas do exterior.
Exterior: funções específicas.
Brasil: “desenvolvedor Bombril”.

57. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Game Design Document (GDD)
Descreve e detalha o
funcionamento do jogo.
Constante atualização.
Não há formato padrão; diferente
para cada jogo, equipe e empresa.
Comunicar a visão do jogo
aos leitores (equipe).

58. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Exemplo GDD (Aero the Acrobat)

59. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Exemplo GDD (GTA)

60. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.

61. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
TÓPICOS DIVERSOS
II

62. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Teoria do Flow (Fluxo)
Habilidades
Desafios
alto
baixo alto
Ansiedade
Tédio
Canal do
Flow
Mihaly Csikszentmihalyi

63. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Teoria do Flow (Fluxo)
Habilidades
Desafios
alto
baixo alto
Ansiedade
Tédio
Canal do
Flow
Tarefas factíveis
(habilidades x desafios)
Concentração
Êxtase, perda da noção do
tempo (“tempo voa”)
Engajamento
Mihaly Csikszentmihalyi

64. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Teoria do Flow (Fluxo)
Habilidades
Desafios
alto
baixo alto
Ansiedade
Tédio
Canal do
Flow
Tarefas factíveis
(habilidades x desafios)
Concentração
Êxtase, perda da noção do
tempo (“tempo voa”)
Engajamento
A1
A3
A2
A4
Mihaly Csikszentmihalyi

65. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“Norman Doors”
Donald A. Norman,
Nielsen Norman Group
Bom design deve ser intuitivo.
Projetar (to design) produtos que
previnem e que podem corrigir
(minimizar) erros humanos.
Errar é humano.

66. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“Norman Doors”

67. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
“Norman Doors”
http://www.jnd.org/dn.mss/when_bugs_become_fea.html

68. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Personagens
Katherine Isbister

69. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Personagens
Ed Hooks
Empatia x Compaixão
(Empathy x Sympathy)
Estado emocional
Três tipos de conflitos ou obstáculos:
1. Conflito com si próprio;
2. Conflito com uma situação ou
ambiente;
3. Conflito com outro personagem.

70. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Emoções e expressões faciais
Paul Ekman
Paul Ekman e microexpressões,
FACS (Facial Action Coding System)
Expressões faciais em Half-Life 2 foram inspiradas no trabalho do Dr. Ekman.

71. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Emoções e expressões faciais

72. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Jornada do Herói
http://viverdeblog.com/jornada-do-heroi
Joseph Campbell

73. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
113 lentes de GD (Jesse Schell)
http://www.artofgamedesign.com

74. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
Will Luton
“We don’t buy things; we buy emotions”
“(...) in F2P, the things you must sell are the
things that provide esteem or self-
actualization—digital experiences that
make a player feel good—because people
don’t buy things, they buy emotions.”
“The physical [product] is what facilitates a
specific desirable emotional state, which is
created by the satisfaction of a need.”

75. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
Will Luton
“Core loops: the beating heart of games”

76. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
Caixa de Skinner
http://thebehavior.blogspot.com.br/2011/05/o-que-e-caixa-de-skinner.html

77. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
Caixa de Skinner
http://ianchadwick.com/blog/the-hidden-costs-of-gambling

78. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
Caixa de Skinner
http://digitaldeconstruction.com/stop-smartphone-dinner

79. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Free 2 Play
“Freemium Isn't Free” (South Park Season 18 Episode 6)
http://kotaku.com/south-park-craps-all-over-free-to-play-games-1655328455

80. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Como começar?

81. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Como começar?
Ideias

82. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Como começar?
Ideias
Execução de
Ideias
x

83. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Como começar?
Ideias
Execução de
Ideias
x

84. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Como começar?
Ideias
Execução de
Ideias
x
Protótipos

85. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
“Não sei programar”

86. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
“Não sei programar”
http://gnarlyroot.com

87. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
“Não sei programar”
Vale a pena aprender noções de lógica e
uso de script de alguma ferramenta .
https://www.scirra.com https://www.yoyogames.com http://unity3d.com

88. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
Fail fast
Fail often
Fail early
Fail cheap

89. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
Fail fast
Fail often
Fail early
Fail cheap
A ideia não funciona?
Jogue fora ou melhore.
(saiba quando parar, descartar e/ou iniciar algo novo)

90. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
Tracy Fullerton

91. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Protótipos
MVP
Minimum Viable Product
Produto Mínimo Viável
(real)
Landing Page
(pode ser fake)
x

92. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.

93. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Exercícios?

94. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Exercícios?
Tweet Game Pitch
Vender seu jogo em um tweet?

95. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
KEY TAKEAWAYS

96. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
Key Takeaways
Game design não é
programar ou desenhar
(porém, essas habilidades ajudam).
Game design define
gameplay.
O game designer cria uma
experiência. A experiência
vem do ato de jogar.
As tarefas do game designer
variam conforme jogo,
equipe e empresa.
A execução das ideias é que importa: Crie protótipos (MVP)!
Erre bastante, divulgue seu trabalho, receba feedback,
Aprenda!
Game Design Document
documenta e transmite a
visão do jogo.
Estude e aplique teoria do
flow e outros assuntos de
psicologia (e de todas as
outras áreas).

97. ©2015,AndréKishimoto(www.kishimoto.com.br).Foreducationalpurposesonly.
OBRIGADO!
andre@kishimoto.com.br
www.kishimoto.com.br