Documente Academic
Documente Profesional
Documente Cultură
SUMRIO
9 CRIAO
9.1 Layout do Site
9.2 Tipografia
9.3 Cores
9.4 Logotipo
2 APRESENTAO
3 OBJETIVO
4 PBLICO/ MERCADO
4.1 Mercado
4.2 Pblico-alvo - Direto e indireto
10 CONCLUSO
5 JUSTIFICATIVA
5.1 Responsabilidade social e ambiental
envolvidas
5.2 Viabilidade
6 DEFINIES
6.1 Internet
6.2 Jogos
14 ANEXOS
7 PESQUISA
8 DESENVOLVIMENTO
8.1 Processo criativo
8.1.1 Roteiro principal
8.1.2 Roteiro - Ramificaes
8.2 Tcnicas empregadas
8.3 Disciplinas relacionadas
8.4 Perfil multimdia do projeto.
8.5 Desenvolvimento do trabalho
8.6 Arquitetura de Informao
8.7 Wireframe | Diagramao
8.8 Padres grficos
11 BIBLIOGRAFIAS
2 APRESENTAO
3 OBJETIVO
O desenvolvimento tm como objetivo principal
o entretenimento de horas e horas de jogo, com
diversas possibilidades de finais e de conhecer
novos personagens no jogo, transformando o
mesmo menos cansativo para qualquer um que
decidir jog-lo.
Alm de um roteiro intuitivo e interativo, que
apresentar desafios para que o jogador possa
passar por conflitos sobre o que fazer ou no
para resgatar a vida de Else das mos de Galba,
algumas partes do jogo contam com ilustraes
de objetos e mudana de cenrio, de acordo
com qual caminho Kit opte por ir.
O jogo baseado em livros de RPG (Role-Playing
Game, que em portugus significa jogo de
interpretao de personagens), que apresenta
uma estria base, e voc segue caminhos
diferentes durante o jogo de acordo com as
escolhas que voc toma. No site, sero cliques, no
livro, virando as pginas.
4 PBLICO/MERCADO
Foi realizada uma pesquisa de campo aps a
criao de toda a estria, para tentar selecionar
qual seria o pblico mais adequado para o jogo,
com jogadores do meio de RPG que realizaram a
leitura de todo o roteiro j pronto, dentro e fora
do website, e por conta de certos finais possveis,
achamos mais adequado que a faixa etria seja a
partir de 14 anos. Optamos por escolher o pblicoalvo a partir da faixa etria somente depois
de toda a criao do roteiro para no colocar
limites na hora de todo o processo criativo, pois
principalmente por ser tratar de um jogo e por
ser web, possvel atingir uma grande massa
com as informaes independente do caminho
que toda a estria tomasse durante todo o seu
desenvolvimento.
4.1 Mercado
O projeto por ser inteiramente web, possui
um mercado muito abrangente, pois qualquer
pessoa possui o acesso a internet facilmente. De
acordo com uma pesquisa feita pelo Governo
Federal em 2014, 48% dos brasileiros usam internet
regularmente, isso representa quase metade de
toda a populao brasileira. Porm, o mercado
direto seria o pblico que j tm afinidade com
jogos online (seja os desenvolvidos na prpria
web, quanto os aplicativos baixados tanto nos
celulares quanto nos computadores).
Hoje o mercado de jogos est em grande
5 JUSTIFICATIVA
O motivo para a criao desse trabalho foi
exatamente pela falta de projetos similares na
internet, sendo a grande maioria dos existentes
atualmente, jogos desenvolvidos em flash.
Hoje em dia os jogos j no tm mais o foco
em navegadores, sendo a maioria deles jogos
instalveis no computador e at aplicativos para
celular, ento a grande inteno explorar
novamente essa parte web, para mostrar que
possvel sim gastar tempo e se divertir com um
jogo em seu navegador.
5.2 Viabilidade
Por ser um trabalho inteiramente desenvolvido
para web, ele possui uma alta viabilidade por
10
11
6 DEFINIES
Nesse captulo ser explicado dois dos principais
temas abordado em todo esse projeto, e por fim,
explicar as ligaes desses temas com o projeto.
6.1 Internet
6.1.1 Navegadores
12
13
14
15
7 PESQUISA
Como j dito anteriormente, todo o projeto
baseado nos livros de RPG (ex: A Espada de
Samurai, A Trama, entre outros) que te apresentam
uma estria com diversos passos que voc vai
seguindo, e algum desses livros te apresentam
finais diferentes de acordo com decises que voc
vai tomando na estria. Ento depois de muita
pesquisa sobre o assunto e leitura de alguns livros
que abordam o assunto, foi decidido o formato do
website, pois uma proposta que no existe no
formato proposto pelo projeto, apenas como jogos
desenvolvidos em Flash.
A partir da deciso do que iria se tratar, foi feita
a pesquisa sobre o tema. Como a vontade inicial
era que o jogo fosse composto inteiramente
por animais, foi escolhido que o canguru fosse
o protagonista. Como a Savana a que possui
a maior variedade de animais e de espcies
de savana (como savanas tropicais (africana),
savanas subtropicais, savanas temperadas, savanas
mediterrneas, savanas pantanosas e savanas
montanhosas). A estria se passa em savanas
diferentes.
Aps a criao do roteiro, das ilustraes e do site,
foi feita uma pesquisa de campo com pessoas de
idade, sexo e gostos em jogos diferentes.
16
Homens
6
5
4
Mulheres
3
2
1
0
Entre as onze pessoas que testaram, sete eram
homens e quatro eram mulheres, de faixa etria
de 16 a 45 anos.
Para essas onze pessoas, aps o jogo, foi feito um
questionrio sobre a experincia que elas tiveram
jogando o jogo
As perguntas feitas, com notas de 0 a 10, so:
- Voc gostou do enredo do jogo?
- Voc gostou da atmosfera oferecida pelo
website?
- Voc se sentiu cativado pelo jogo?
- Voc jogaria novamente?
17
10
10
4
9
3
6
10
10
6
5
3
2
1
0
18
8
7
19
8 DESENVOLVIMENTO
20
21
22
23
OPO 1
OPO 1
Kit ento decide guard-la, pode ser til em
algum momento. Andando mais um pouco notou
que j deixava os bosques para trs, e o deserto
aparecia em sua frente.
Quando de repente ele pde ouvir gritos altos de
socorro indo a sua esquerda. Ao mesmo tempo
que queria ajudar, lembrava que Else poderia ter
pouco tempo.
OPO 1: ignorar e seguir em frente
OPO 2: Ver o que se passava
OPO 2
A compaixo de Kit falou mais alto e ele ento
decidiu ver o que era, se aproximando viu que
o que parecia ser mais do que um animal, no
era. Era apenas um macaco com uma casca de
banana na cabea que estava bem. Kit bravo por
ter tomado a deciso errada ia virando as costas
quando o macaco o parou.
A pena, disse ele, posso encant-la, s assim
voc conseguir vencer o grande Galba.
Kit mais surpreso por ele saber da pena do que
ser um mago, ficou na dvida o que deveria
fazer a seguir.
24
25
26
27
28
29
30
OPO 1
31
32
OPO 2
Kit decide ouvir sua intuio e seguir o rastro
de penas claras, depois de andar por um tempo
com algumas penas espalhadas pelo caminho,
ele ento percebe que elas acabaram. Quando
olha para a frente, encontra um conjunto de
montanhas rochosas.
Pssaros vivem em plancies altas! diz Kit,
comemorando. J sabia qual era o caminho certo
a seguir!
SEGUIR O CAMINHO PARA AS MONTANHAS
_______________________________________________
OPO 1: Ir at o barulho
OPO 2: Continuar seguindo o caminho do rio.
OPO 2
Kit opta por ignorar o barulho, pois qualquer
coisa pode distra-lo de seu objetivo principal:
Salvar a Else. Chegando mais perto do rio,
encontra um jacar que estava aproveitando o
sol do final da tarde.
Por favor, disse Kit, se aproximando bem
devagar do jacar. Voc por acaso viu alguns
pssaros passando por aqui?, perguntou.
O jacar fez pouco caso, olhou de lado para Kit.
Talvez eu tenha visto sim.
Kit achou estranho o seu comportamento, e
decidiu insistir. Voc poderia me dizer para qual
33
34
35
36
_______________________________________________
ELSE MORREU
_______________________________________________
OPO 1
OPO 2
Kit decide ignorar. Pode ser uma pena qualquer
e eu vou gastar meu tempo carregando-a.,
pensou, seguindo o seu caminho.
37
38
OPO 1
39
OPO 2
presena.
40
41
_______________________________________________
OPO 1: Chut-lo para longe.
OPO 2: Correr para o ba novamente.
OPO 2
OPO 1
KIT MORREU.
_______________________________________________
42
IR EM DIREO AO BA
43
44
45
Personagens principais:
Galba, o vilo.
Personagens secundrios (aparecem dependendo
das decises que o jogador tomar):
Alex, o Leo.
O Elefante
46
47
Macaco, o Mago.
Gema do Kit
O jacar.
48
Gema da Else
49
50
Ba de Galba
Cinzas de Galba
Pena no cho
51
Cenrios:
52
53
54
55
Index
SaIBA
MAIS
JOGAR
index
56
reiniciar
57
Pgina do jogo:
Imagens:
Todas as imagens so ajustveis de acordo com
a resoluo e se encontram em .png, para
apresentar a melhor qualidade em plataformas
web.
58
59
9 CRIAO
Pgina Inicial
Na criao do site, a inteno foi que todo o site
conversasse entre si, e tambm com a estria do
jogo.
60
61
62
63
9.2 Tipografia
A escolha de tipografia (tanto no logotipo
quanto no website) foi que ela fosse o mais
cartoonizada possvel, para combinar com todo
o design escolhido para compor o jogo.
Fonte do logotipo:
Paleta do website:
Gradiente
#4b91f
#F68821
#242D3C
#79CCC7
#000000
90% opacidade
#FFFFFF
#000000
Paleta do logotipo:
Fonte do site:
#F26921
#642C10
9.3 Cores
Alm das cores escolhidas para compor
os personagens, tentando combinar com a
personalidade dos mesmos (ex: Else, que significa
64
Gradiente
#FF4b1f
#FF9068
#FFD200
#000000
#F39D24
#F4922E
#F37B32
Deserto - Dia
65
Gradiente
#2C3E50
#4CA1AF
#FFFFFF
#000000
#35596A
#336B7B
#3E7585
Gradiente
#2980b9
#2c3e50
Deserto - Noite
#FFFFFF
#6C7A89
#546370
#45515B
Montanhas rochosas
9.4 Logotipo
Gradiente
#FF8008
#FFC837
#FFD200
#559F30
#2F7F00
#3C2415
#723300
Bosque - Dia
Gradiente
#4B79A1
#283E51
#FFFFFF
#005128
#151515
#3C2415
Bosque - Noite
#FFD200
66
#559F30
#2F7F00
#3C2415
67
10
CONCLUSO
11 BIBLIOGRAFIA
68
69
12 COMENTRIOS SOBRE A
BIBLIOGRAFIA
Jackson, S. The Citadel of Chaos. A Cidadela do
Caos. Thriplow: Icon, 2009.
SMITH, M. THOMPSON, J. The Sword of the Samurai.
A Espada do Samurai. Jambo, 2016.
Boga, J. A Trama. RPGnesis, 2011.
Os trs livros de RPG foram utilizados para
inspirao de toda a criao do roteiro do
projeto, pois possuem o mesmo formato do jogo
web, porm em livro.
13 REFERNCIAS BIBLIOGRFICAS DE
UDIO, VDEO,
GRFICAS E DE WEB
http://123hdwallpapers.com/savannah-landscapesdesert-wallpaper.html
http://www.eniscuola.net/wp-content/
uploads/2011/03/ecosistemi_400x225_0013_savana.
jpg
http://images.all-free-download.com/images/
graphicthumb/beautiful_mountains_vector_156203.
jpg
https://image.freepik.com/free-vector/forest-treesset_23-2147496021.jpg
http://cdn.imgs.steps.dragoart.com/howto-draw-a-realistic-bird-draw-real-birdstep-7_1_000000038865_4.jpg
http://animaljamworld.com/wp-content/
uploads/2014/09/animal-jam-kangaroo-codes-4.jpg
http://cdn.imgs.tuts.dragoart.com/how-to-drawthe-flame-princess-flame-princess-from-adventuretime_1_000000015218_5.png
http://www.koinecomunicacao.com.br/wp-content/
uploads/2016/01/background-clean1.jpg
http://www.how-to-draw-funny-cartoons.com/
70
71
images/elephant-drawing-005.jpg
http://pad3.whstatic.com/images/1/1b/UserCompleted-Image-Draw-a-Treasure-Chest2015.06.06-17.09.01.0.jpg
http://2.bp.blogspot.com/-cm-YMfVfIEY/UZ6VF_-G85I/
AAAAAAAAGt8/ACOjHN8vvPk/s1600/How-to-drawcartoon-lion+%25282%2529.jpg
http://www.techtudo.com.br/listas/noticia/2016/01/
os-navegadores-de-internet-mais-usados-no-brasile-no-mundo.html
http://www.centraldosjogosonline.com/historia-dosjogos-online/
http://www.activityvillage.co.uk/sites/default/files/
images/learn_to_draw_a_lion_460_0.jpg
http://www.tabernadodragao.com.br/loja/livrosrpg-c-1.html/A-Cidadela-do-Caos
http://conceptdezain.com/blog/wp-content/
uploads/2012/05/feathers1.jpg
http://www.tabernadodragao.com.br/loja/livrosrpg-c-1.html/A-Espada-do-Samurai-Livro-jogo-RPGPortugu%C3%AAs
https://wallpaperscraft.com/image/surface_dirt_
stones_texture_50719_3840x2400.jpg
http://www.freepik.com/free-vector/
black-and-white-feathers-collection_758761.
htm#term=feather&page=1&position=18
http://www.webartigos.com/artigos/jogos-rpg-notabuleiro-em-livros-e-no-computador/87139/
http://www.rpgvale.com.br/2011/10/top-livros-derpg-para-baixar-de-graca.html
http://www.inova.jor.br/2016/06/01/mercado-gamesbrasil/
https://www.oxigenweb.com.br/artigos/flat-designo-que-e-de-onde-vem/
http://www.brasil.gov.br/governo/2014/12/cerca-de48-dos-brasileiros-usam-internet-regularmente
https://pt.wikipedia.org/wiki/Hist%C3%B3ria_da_
Internet
http://docslide.com.br/documents/a-tramarpgenesis-john-bogeapdf.html
http://www.suapesquisa.com/internet
72
http://img1.olhardigital.uol.com.br/noticia/historiados-navegadores-do-www-ao-chrome/7285
http://www.designinterativo.etc.br/design/
resolucao-de-tela-de-smartphones-e-tablets
73
https://developer.mozilla.org/pt-BR/docs/Web/
Guide/CSS/CSS_Media_queries
http://1.bp.blogspot.com/_eFlGWnAE7pg/
TEbTkUnDVOI/AAAAAAAAAWs/pf8s4kZbi40/s1600/
desenho+de+macaco+para+imprimir+e+colorir.
www.desenhospaint.color.com.br.png
http://cdn5.colorir.com/desenhos/
color/201126/376cf2615ebaa334d9be9390315ef711.png
14 ANEXOS
Todas as pessoas citadas a seguir foram
entrevistadas aps testar a verso final do jogo,
e autorizaram o uso do seu nome para fins
acadmicos. Notas de 0 a 10:
Thiago Romero
Voc gostou do enredo do jogo? 10
Voc gostou da atmosfera oferecida pelo website?
10
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
_______________________________________________
Rodolfo Neira
Voc gostou do enredo do jogo? 9
Voc gostou da atmosfera oferecida pelo website?
10
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
_______________________________________________
Luiz Fernando
Voc gostou do enredo do jogo? 8
Voc gostou da atmosfera oferecida pelo website?
9
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
74
75
76
Larissa Gonalves
Voc gostou do enredo do jogo? 10
Voc gostou da atmosfera oferecida pelo website?
10
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
Julio Bernardo
Voc gostou do enredo do jogo? 8
Voc gostou da atmosfera oferecida pelo website?
6
Voc se sentiu cativado pelo jogo? 9
Voc jogaria novamente? 10
_______________________________________________
_______________________________________________
Alessandro Barbosa
Voc gostou do enredo do jogo? 8
Voc gostou da atmosfera oferecida pelo website?
6
Voc se sentiu cativado pelo jogo? 7
Voc jogaria novamente? 8
_______________________________________________
_______________________________________________
Pedro Exposito
Voc gostou do enredo do jogo? 9
Voc gostou da atmosfera oferecida pelo website?
8
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
_______________________________________________
_______________________________________________
Paula Spirandeli
Voc gostou do enredo do jogo? 10
Voc gostou da atmosfera oferecida pelo website?
10
Voc se sentiu cativado pelo jogo? 10
Voc jogaria novamente? 10
77