Sunteți pe pagina 1din 39

Desenvolvido por: Carolina Sauda

SUMRIO

8.9 Requisitos de equipamento para utilizao


8.10 Tecnologias empregadas

1 TTULO, NOME DO TRABALHO E TEMA

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

12 COMENTRIOS SOBRE A BIBLIOGRAFIA

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

13 REFERNCIAS BIBLIOGRFICAS, DE UDIO, VDEO,


GRFICAS E DE WEB

1 TTULO, NOME DO TRABALHO


E TEMA

2 APRESENTAO

O ttulo do projeto O Resgate de Kit, um jogo


interativo web voltado para o tema web e jogos.

O Resgate de Kit um jogo interativo web


que gira em torno da aventura da vida de um
canguru chamado Kit, que passa por uma
rdua e difcil aventura para resgatar a vida
de Else, a guardi da Savana, das garras de
Galba, a ave mais poderosa da Savana, que
roubou a gema que guarda seus poderes e
consequentemente sua vida.

O foco do jogo gira em torno de uma aventura,


um resgate (como diz o nome) realizado pelo
protagonista Kit, um canguru laranja que tm
como misso resgatar a guardi da floresta.
Durante toda a estria possvel observar toda a
construo em volta do personagem.
A inteno principal com a escolha do nome foi
exatamente focar na temtica principal do jogo,
para mostrar ao jogador exatamente do que o
jogo se trata, e tambm tendo como referncia
nome de diversos jogos que levam em seu ttulo, o
nome do protagonista, como por exemplo: Super
Mario World, Sonic: The Hedgehog, entre muitos
outros ttulos.

O roteiro da estria composto por 8 finais


diferentes, sendo apenas 1 a estria correta, que
o jogador consegue salvar Else das garras de
Galba. Mesmo possuindo diversas possibilidades,
o roteiro foi trabalhado para apresentar
tambm a possibilidade do jogador retornar
para a estria principal diversas vezes, tudo
dependendo das decises que o mesmo tomar.
A escolha do nome Kit, ocorreu para ser uma
analogia a palavra kid, do ingls criana,
para mostrar o crescimento do personagem
durante toda a estria, sua jornada do heri.
O nome Else, vem do grego, que tm como
signficado rvore, seu desenho foi baseado
tambm em seu nome, pois ela a guardi da
Savana.

O nome Galba, que seria o antagonista do


nosso heri Kit, foi um dos imperadores da Roma
antiga no ano conhecido como ano dos quatro
imperadores.
Galba foi assassinado graas Oto, que armou
contra o mesmo.

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.

ascenso. De acordo com o site inova.jor, at o


final desse ano esse mercado ir movimentar at
US$ 99,6 bilhes, sendo 8,5% maior que o mesmo
no mesmo perodo do ano passado.

4.2 Pblico-alvo - Direto e indireto


Sendo assim, o pblico-alvo primrio e sua faixa
etria : Jogadores a partir de 14 anos ou mais
que j possuam alguma afinidade com o gnero
Aventura e RPG ou que costumam jogar em
plataformas web. J o pblico-alvo secundrio
seria qualquer pessoa que tenha acesso a
internet, e se sinta interessado e atrado pela
temtica do jogo.

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.

ter um baixo custo, tendo apenas gastos com


a hospedagem e um possvel servidor, podendo
utilizar o prprio Wordpress, uma plataforma para
blogs que possui um gasto ainda mais baixo do
que servidores comuns como UOL Host.

5.1 Responsabilidade social e ambiental


O jogo gira em torno de uma crtica indireta
(muitas vezes direta) social e tambm ambiental,
sendo Galba o reflexo do homem hoje perante a
natureza, que tm como inteno sempre absorver
todos os bens preciosos do meio ambiente, sem dar
absolutamente nada em troca. Else, por significar
rvore, no grego, a natureza simbolizada
na estria, que hoje em dia constantemente
abusada e destruda pela figura do homem no diaa-dia. Ento, alm de ser um jogo, ele traz uma
mensagem por trs de cada linha.

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.

o seu surgimento, dentre eles: os professores


universitrios como Ken King, os estudantes/
investigadores, como Vint Cerf, as empresas de
tecnologia, como a IBM e alguns polticos norteamericanos, como Al Gore, no se limitando
apenas para meios militares a sua criao.

6.1 Internet

6.1.1 Navegadores

A internet surgiu na dcada de 1960, durante a


Guerra Fria entre a Unio Sovitica e os Estados
Unidos. As duas superpotncias compreendiam
a eficcia e necessidade absoluta dos meios de
comunicao. Nessa perspectiva, o governo dos
Estados Unidos temia um ataque russo s bases
militares. Um ataque poderia trazer a pblico
informaes sigilosas, tornando os EUA vulnerveis.

Com o advento da Internet, ampliou-se o campo


da informao e, para utilizarmos todos os
recursos disponveis na rede, necessrio um
software que possibilite a busca por elas. E a
que entram os navegadores.
Tambm conhecido como browser, o navegador
um dos principais softwares de um computador,
ainda mais nessa era de web 2.0, onde quase tudo
o que precisamos est online.

Ento foi idealizado um modelo de troca e


compartilhamento de informaes que permitisse
a descentralizao das mesmas. Assim, se
o Pentgono fosse atingido, as informaes
armazenadas ali no estariam perdidas. Era
preciso, portanto, criar uma rede, a ARPANET,
criada pela ARPA (Advanced Research Projects
Agency, que significa Agncia de projetos de
pesquisa avanados).
Em 1962, J. C. R. Licklider, do Instituto Tecnolgico
de Massachusetts (MIT), j falava em termos
da criao de uma Rede Intergaltica de
Computadores (Intergalactic Computer
Network, em ingls). A Internet tambm teve
outros importantes atores que influenciaram

12

Tim Berners-Lee, que foi um dos pioneiros no


uso do hipertexto como forma de compartilhar
informaes, criou o primeiro navegador,
chamado WorldWideWeb, em 1990. Desde ento,
o desenvolvimento dos navegadores tem sido
intrinsecamente ligado ao desenvolvimento da
prpria Web.
A Web s explodiu realmente em popularidade
com a introduo do NCSA Mosaic, um navegador
grfico (em oposio a navegadores de modo
texto) rodando originalmente no Unix, mas que
foi tambm portado para o Apple Macintosh e
Microsoft Windows logo depois. A verso 1.0 do
Mosaic foi lanada em setembro de 1993 por Marc

13

Andreesen, o lder do projeto.


Hoje, os navegadores mais utilizados (em ordem)
so: Google Chrome, Internet Explorer, seguido pelo
Mozilla Firefox.

6.2 Jogos para computador


Para os computadores a grande revoluo
comeou em 1991, quando a empresa Apple lana
um jogo de xadrez com a opo de conectar com
outros aparelhos e jogadores, lanado para a
segunda gerao de computadores da empresa. Os
anos seguintes so marcados pela popularizao
da internet, com isso os jogos online passaram a
ser comuns nos computadores. Seguindo a evoluo
dos hardwares e softwares tornaram-se cada vez
mais complexos e atrativos. Novas modalidades
surgiram desenvolvidas especialmente para a
conexo online, criando novas possibilidades e
aumentando a popularidades.

Todos esses elementes sero utilizado no projeto.


sendo:
- A internet: A plataforma principal que ir
hospedar todo esse projeto, fazendo com que ele
exista.
- Jogos: Foi em torno desse tema que todo o
projeto foi escrito e idealizado.
- Navegadores: A plataforma secundria (em
consequncia a internet) que o projeto estar
hospedado.

6.2.1 Browser Games


Browser Games (jogos de navegadores) so jogos
que utilizam apenas os navegadores como forma
de acesso. So diferentes dos outros gneros,
pois, possuem pouca ou nenhuma instalao de
programas. H inmeros tipos de modalidades
de jogos para se jogar em um navegador, mas
o mais comum deles so os Flash Games, jogos
desenvolvidos pelo programa Adobe Flash.

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

Pessoas que testaram o jogo


8
7

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

Voc gostou da atmofera oferecida


pelo website? (Nota de 0 a 10)

Voc gostou do enredo do jogo?


(Nota de 0 a 10)
5

10

10

4
9

3
6

Na primeira pergunta, cinco pessoas tiveram


votaram 10, e trs pessoas votaram 9 e trs
pessoas votaram 8.
Na segunda pergunta, sete pessoas votaram 10,
uma pessoa votou 9, uma pessoa votou 8 e duas
pessoas votaram 6.
Voc se sentiu cativado pelo jogo?
(Nota de 0 a 10)
8

10

Na terceira pergunta, oito pessoas votaram 10, duas


pessoas votaram 9 e uma pessoa votou 7.
Na quarta e ltima pergunta, dez pessoas votaram
10, e uma pessoa votou 8.
Pde-se concluir que, por mais que as pessoas que
testaram o jogo que eram de faixa etria, gostos e
sexo diferentes possuam opinies diferentes sobre
o jogo, sua atmosfera e sua estria, todas elas
tentaram mais de um final e voltariam a jogar
novamente.
Com o roteiro criado, foi possvel ver que
conseguimos cativar um pblico diferenciado
com a mesma estria, mantendo-a interessante
mesmo se jogado diversas vezes, que era o objetivo
principal desde o incio da proposta do projeto.

Voc jogaria novamente?


(Nota de 0 a 10)
10

10

6
5

3
2
1
0

18

8
7

19

8 DESENVOLVIMENTO

8.1.1 Roteiro principal

O projeto todo comeou em torno de uma ideia


completamente diferente com um grupo diferente:
A inteno inicial era montar todo o concept art
do jogo e transform-lo em um trailer, com a
estria bastante similar a atual. Aps a separao
do grupo, foi decidido transformar o projeto
em um jogo interativo web, apresentando mais
possibilidades no produto final do que iria ocorrer
anteriormente no tempo total de desenvolvimento
do TFC.

Kit acordou, ainda tonto, olhou em volta e viu


diversos animais agitados, e ento percebeu o que
havia acontecido. Memrias voltavam e lembrava
de ver os capangas de Galba atacando Else,
amarrando suas pernas. Kit lembra de correr para
tentar ajudar, mas foi atingido por algo e ento
comeou a desmaiar. Viu Galba atingir Else, e
antes de tudo ficar preto viu suas asas partindo
pelo horizonte.
Kit ento levantou e pde ver que at Alex, o Rei
da Savana estava presente.

8.1 Processo criativo


O pontap inicial foi trabalhar em volta da
estria j existente (criada com o outro grupo)
e encaix-la de uma maneira que ficasse bom
em um jogo interativo web. Ento foi conversado
com o professor Alexandre Barbosa da disciplina
de Animao e Games, de qual seria a melhor
maneira de fazer o jogo, e foi dada a ideia de
criar um grande fluxograma, para que fosse
possvel ter o controle de qualquer deciso do
jogador dentro do jogo. A partir da, foi criada uma
estria linear, que seria a estria correta, que
levaria at o sucesso da estria (tendo Else viva), e
a partir dela foram criadas diversas ramificaes,
com finais diferentes, e possibilidades da pessoa
voltar para a estria original caso opte por alguma
outra ramificao.

20

OPO 1: Falar com Alex, o Leo.


OPO 2: Procurar pistas do acontecimento.
OPO 1
Kit ento se aproxima de Alex, que conta o
acontecido para ele, como cercaram Else para
tentar derrub-la, e em um deslize sua Jia da
Vida ficou exposta, e assim Galba aproveitou a
oportunidade atacando Else, e roubando sua Jia.
PERGUNTA: O que a Jia da Vida?
uma jia passada de gerao em gerao h
centenas de anos pelos antepassados de Else,
ela que d a fora, e literalmente a vida aos
guardies, para que eles possam sempre proteger
a Savana. Mas nunca tivemos tantos problemas
como nos ltimos tempos, nunca haviam tentado

21

matar um Guardio assim to violentamente.


Eu no sei o que fazer, diz Alex, visivelmente
desesperado.
OPO 1: Propor a Alex ir atrs da jia.
OPO 2: Oferecer em encontrar a Jia de Else.
OPO 2
Alex sorriu para Kit, o agradeceu, e ento disse
que os pssaros viram Galba seguir em direo
ao norte, e ento Kit segue sua aventura.
Aps andar em direo ao norte por alguns
minutos, Kit se depara com o seu primeiro
questionamento, uma via com dois caminhos. Em
um lado, v a continuao da floresta seguir, e no
outro, consegue ver um rio no horizonte.
OPO 1: Floresta
OPO 2: Rio
OPO 2
Kit ento decide seguir a estrada que o leva para
o rio. Depois de muitos minutos de caminhada, j
conseguia visualizar o rio mais de perto, quando
ouviu um barulho vindo da mata.
OPO 1: Ir at o barulho
OPO 2: Continuar seguindo em frente.
OPO 1

22

Kit faz uma marca com os seus ps no cho, caso


precise voltar, e ento vai at em direo ao
barulho. Andando devagar para no espantar seja
l o que for, Kit ento v uma figura um pouco
mais distante, grande, e ento visualiza que um
elefante comendo algumas folhas de uma rvore
alta.
Ao ver Kit, o elefante diz: Lembre-se sempre de
pegar as coisas que achar bom pelo caminho, e
em seguida jogou uma fruta com a sua tromba
em direo a ele. Kit mordeu a fruta, e ento
perguntou ao elefante: Por acaso voc viu
algumas aves passando por aqui?
O elefante mastigando apenas apontou para o
oeste, caminho oposto ao caminho do rio, aonde
Kit estava anteriormente.
OPO 1: Voltar para o caminho do rio
OPO 2: Seguir o caminho do elefante
OPO 2
Kit ento decide seguir sua intuio e confiar no
elefante.
Depois de andar por alguns minutos, pde ver
ento diversas silhuetas rochosas, e pensou:
Pssaros costumam ficar em plancies altas, ento
devo estar no caminho certo.
Perdido em seus pensamentos, ele ento v uma
pena escura no cho. Talvez essa pena seja de

23

Galba, pensou Kit.

OPO 1: Dar a pena ao macaco


OPO 2: Ignor-lo

OPO 1: Pegar a pena


OPO 2: Ignor-la

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

Confiando na sua intuio, Kit ainda meio


desconfiado pois o prprio havia o enganado,
decidiu dar a pena ao macaco, que nem a
segurou na mo, simplesmente a puxou com
linhas de luz que saam da sua mo. Kit sem
saber o que fazer apenas observou quieto, o
macaco soltou a pena, que ainda pairava no ar,
e disse: Siga-a, ela te dar o caminho, e voc
saber a hora certa de us-la.
SEGUIR O CAMINHO
A pena ento foi voando em direo as
montanhas que o elefante j havia indicado para
o Kit, e ento o mesmo percebeu que deveria
estar no caminho certo. E quanto mais perto Kit
chegava, mais o mesmo encontrava dificuldades
de se aproximar da montanha, e em sua frente
pde ver a pena pairando no ar, subindo at
o topo lentamente. Kit teria que tomar uma
deciso.
OPO 1: Seguir pelo caminho de terra ao lado,
sem perder a pena de vista
OPO 2: Pular de pedra em pedra seguindo a
pena
OPO 2
Com medo de perder a pena de vista, Kit decidiu

25

se arriscar e pular pedra por pedra o mais rpido


possvel para conseguir chegar ao topo. Sua sorte
que suas pernas so grandes e feitas para pular,
o que facilitou sua vida.
Chegando ao topo, aos poucos a pena foi
diminuindo a velocidade, entrando em uma
caverna escura, Kit j imaginava o que o esperava
l em cima, ficando cada vez mais nervoso, at
a pena pairar em sua frente, como se estivesse
esperando que o mesmo a guardasse, pois j
sentia que o pior estaria ali.
IR MAIS FUNDO NA CAVERNA
Eu estava apenas esperando algum aparecer,
mas jamais esperaria que um canguruzinho fosse
o grande heri que iria tentar resgatar a gema,
disse Galba, rindo sarcasticamente.
Ele estava sozinho naquele momento dentro
da caverna, Kit viu que deveria tentar agir
rapidamente para que pudesse pegar a jia e
partir. Analisou em volta de Galba e viu que havia
uma caixinha em cima de uma mesa feita de
pedra, como um ba do tesouro, e por imaginar
que o Galba pelo seu ego guardaria a vida de
Else como se fosse um trofu, ficou na dvida do
que deveria fazer.
OPO 1: Atacar Galba
OPO 2: Ir em direo ao ba
OPO 2

26

Kit ento sai correndo rapidamente sem dizer


nada em direo ao ba, assustando Galba que
num reflexo, atinge Kit em um de seus braos, mas
no impedindo que o mesmo derrubasse o ba
no cho, deixando a gema agora jogada no cho.
Galba carrega Kit em suas presas e o arremessa
para longe.
Pattico!, diz Galba, com raiva por ter sido
enganado por seu prprio ego. Ele ento abre
suas asas e voa muito rpido em direo ao Kit.
OPO 1: Chut-lo para longe.
OPO 2: Correr para o ba novamente.
OPO 1
Kit ento se defende com os seus dois ps, jogando
Galba pra longe, que tenta voltar a atac-lo, e ele
se defende com os seus ps novamente, deixando
Galba furioso.
Kit ganha tempo para correr at a gema
novamente.
OPO 1: Acert-lo novamente.
OPO 2: Correr at a gema.
OPO 2
Kit ento sai disparado em direo a gema, tendo
Galba logo atrs de voc, pula em cima dela,
segurando-a com as suas duas mos, e tendo as
garras de Galba acertando suas costas.

27

Com muita dor, Kit comea a ficar sem opes.


Se tentar correr, talvez morra e quanto mais ele
demora, mais o tempo de Else diminui.
Kit ento lembra tambm que o mago macaco
havia dito que ele saberia a hora certa de usar a
pena. Seria s para lhe mostrar o caminho?
OPO 1: Tentar fugir.
OPO 2: Usar a pena.
OPO 2
Ento Kit pega a pena, que comea a brilhar no
momento em que encosta na sua mo, e Kit pde
sentir Galba soltando as presas de suas costas, se
afastando, sem entender.
Kit, se vira, ainda muito ferido, e consegue enxergar
o medo passando pelos olhos de Galba.
Mas o que? Galba se pergunta, e ento Kit aponta
a pena na sua direo, que o ataca com uma
rajada de luz, atingindo-o diretamente no peito, e
um claro dominou o seu corpo. Por um momento
Kit no pde ver mais nada, e quando tudo ficou
claro novamente, Kit apenas conseguiu ver cinzas
espalhadas pelo cho de pedra.
CONTINUAR Estria
Kit se joga no cho, com muita dor, a gema em
uma mo e a pena na outra, quando de repente
a pena comea a brilhar novamente, e o mago
macaco aparece.
Voc conseguiu, eu sabia que iria conseguir. disse

28

o macaco, dando tapinhas nas costas de Kit, que


se contorceu de dor. Rindo, o macaco passou a
mo por cima das feridas, e Kit pde sentir um
alvio imediato, e ento apagou.
Kit acordou, ainda tonto, olhou em volta e viu
diversos animais agitados, e ento percebeu o que
havia acontecido. O macaco havia o feito voltar
para casa, e os animais olhavam sem entender
o que estava acontecendo. Olhou para uma de
suas mos e viu que a jia estava l, intacta. Saiu
correndo entre a multido, e viu Else desmaiada,
j quase sem a sua colorao de pele verde, e
os cabelos que antes eram marrons como a terra,
agora eram quase brancos, j secando. Pde ver
Alex, apreensivo, que o olhava com esperana e
com medo de ser tarde demais.
Kit ento se ajoelha ao lado de Else, e encaixa
a gema em sua cabea. Espera um pouco, e
absolutamente nada acontece. Olha em volta e v
todos os animais apreensivos, e comea a sentir
que falhou.
Quando de repente a gema comea a brilhar
na cabea de Else, e o brilho dessa gema vai
trazendo de volta aos poucos a cor de seus
cabelos e de sua pele, e ento um claro a faz
levantar rapidamente.
Claramente emocionado, Kit permanece ajoelhado
em frente a Else, que estende uma de suas mos
para que o mesmo possa se levantar.
Levante-se, heri. No voc que tem que estar
ajoelhado. E no momento que ela diz, todos os

29

animais se ajoelham em direo a ele, inclusive


o rei, Alex. Else faz o mesmo, e com suas mos
criou uma espcie de gema laranja, na mesma
tonalidade da pele de Kit, e o deu.

OPO 1: Propor a Alex ir atrs da jia.


OPO 2: Oferecer em encontrar a Jia de Else.

Apenas um agradecimento, disse Else. Para


simbolizar tudo o que voc fez por mim e por
todos aqui.

Voc pensou em ir atrs voc mesmo? Galba


mesmo sendo oportuno do jeito que , ainda te
respeita, talvez em uma conversa ele resolvesse
devolver a jia, disse Kit, tentando ser positivo,
com medo do que poderia acontecer.
Isso no possvel, alm de eu no poder deixar
as pessoas da Savana sozinhas, nesse caos todo,
no h conversa racional com Galba, a inteno
dele destruir Else para que possa levar toda a
Savana junto. Respondeu Alex, tentando parecer
tranquilo, porm sem sucesso.

E com Galba agora destrudo, a Savana pde por


sua vez, viver em paz.

8.1.2 Roteiro - Ramificaes


OPO 1: Falar com Alex, o Leo.
OPO 2: Procurar pistas do acontecimento.
OPO 2
Kit antes de ir falar com Alex, decide dar uma
olhada em sua volta. Enquanto passava seus
ps na baguna que aquilo tinha se tornado,
percebeu algo que no tinha visto antes: a
loucura que aquilo tinha causado na savana.
Conseguia ver animais desesperados e sem
nenhuma esperana em seus olhares, pensando
que aquilo poderia ser definitivamente o fim
deles. Decidiu ento, ir falar com Alex, para
entender mais do que aconteceu, pois havia
ficado desacordado depois de um tempo.
FALAR COM ALEX, O LEO

30

OPO 1

OFERECER EM ENCONTRAR A JIA DE ELSE


_______________________________________________
OPO 1: Floresta
OPO 2: Rio
OPO 1
Kit decidiu no se arriscar nas plancies do rio,
e decidiu ir pela floresta. Andando receoso e
inseguro, tentava no fazer muito barulho, o que
s vezes era inevitvel quando pisava em alguns
galhos ou chutava pedras. Comeou a escurecer
e a insegurana de Kit por estar sozinho em
um lugar no qual ele no conhecia aumentava.
Quando de repente Kit pisou em algo que j

31

no era mais pedras. Olhou para baixo e viu um


rastro de penas claras. Pensou que poderiam ser
dos capangas de Galba, olhou para o cu e viu
que j estava quase escuro.
OPO 1: Continuar seguindo em frente.
OPO 2: Seguir o rastro de penas claras
OPO 1
Kit ento pensa: Deve ser de qualquer outro
pssaro, preciso focar em encontrar Else, e
continuou seguindo o seu caminho. Porm, quanto
mais ele ia pela floresta, mais escuro ficava,
menos ele conseguia ver, at o momento em que
ele percebeu que estava perdido. Completamente
perdido. O desespero bateu e Kit j no sabia o
que fazer. Comeou a correr desesperadamente
por meio da floresta, e por um deslize tropeou e
bateu sua cabea em uma densa raz de rvore,
e tudo apagou.
Aqui est ele! Aqui est!, disse algum gritando,
Kit abriu seus olhos, enxergava tudo embaado,
quando sentiu uma dor imensa em sua cabea.
Kit!, disse Alex, vindo em direo de Kit com
outros diversos animais junto dele. Estamos h
dias te procurando, o que aconteceu?
Eu no sei, disse Kit confuso. Pera, dias?
Sim, dias. Sinto muito Kit, infelizmente j tarde
demais.
ELSE MORREU

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

lado eles foram?


O jacar fecha os seus olhos, fazendo pouco caso
para Kit novamente. Talvez eles tenham ido para
o leste. disse o Jacar.
Kit fica desconfiado e sem saber o que fazer
direito.
OPO 1: Confiar no Jacar e seguir o caminho
indicado.
OPO 2: Ir no lado oposto que o jacar disse.
OPO 1
Kit decide confiar no jacar e seguir o caminho
que o mesmo indicou.
Depois de muito tempo andando, agora j estava
mais escuro, e Kit se via perdendo tempo, e por
um momento pensou que j havia visto aquela
rvore uma duas vezes. Estaria ele andando em
crculos? Em seu pequeno ataque de desespero,
Kit notou que estava pisando em algo que era
diferente de todas as pedras e galhos que ele j
havia pisado. Olhou para baixo e viu um rastro
de penas claras. Pensou: Pode ser que sejam dos
capangas de Galba!
OPO 1: Continuar seguindo em frente.
OPO 2: Seguir o rastro de penas claras
OPO 1
Kit ento pensa: Deve ser de qualquer outro
pssaro, preciso focar em encontrar Else, e

34

continuou seguindo o seu caminho. Porm, quanto


mais ele ia pela floresta, mais escuro ficava,
menos ele conseguia ver, at o momento em que
ele percebeu que estava perdido. Completamente
perdido. O desespero bateu e Kit j no sabia o
que fazer. Comeou a correr desesperadamente
por meio da floresta, e por um deslize tropeou e
bateu sua cabea em uma densa raz de rvore,
e tudo apagou.
Aqui est ele! Aqui est!, disse algum gritando,
Kit abriu seus olhos, enxergava tudo embaado,
quando sentiu uma dor imensa em sua cabea.
Kit!, disse Alex, vindo em direo de Kit com
outros diversos animais junto dele. Estamos h
dias te procurando, o que aconteceu?
Eu no sei, disse Kit confuso. Pera, dias?
Sim, dias. Sinto muito Kit, infelizmente j tarde
demais.
ELSE MORREU
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!

35

SEGUIR O CAMINHO PARA AS MONTANHAS


_______________________________________________
OPO 2 - IR NO LADO OPOSTO INDICADO PELO
JACAR
Kit por perceber o pouco caso do jacar com ele,
agradece e decide ir na direo oposta, por no
confiar na palavra dele.
Ei garoto, eu disse que era pelo outro lado
gritou o Jacar, mas Kit o ignora e decide
continuar seguindo em frente. Depois de andar
por muito tempo na direo oeste, quando
comeou a perder suas esperanas, Kit avista um
conjunto de montanhas rochosas.
Pssaros vivem em plancies altas! diz Kit,
comemorando. J sabia qual era o caminho certo
a seguir!

36

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
lado eles foram?
O jacar fecha os seus olhos, fazendo pouco caso
para Kit novamente. Talvez eles tenham ido para
o leste. disse o Jacar.
Kit fica desconfiado e sem saber o que fazer
direito.
OPO 1: Confiar no Jacar e seguir o caminho
indicado.
OPO 2: Ir no lado oposto que o jacar disse.

SEGUIR O CAMINHO PARA AS MONTANHAS

Sim, dias. Sinto muito Kit, infelizmente j tarde


demais.

_______________________________________________

ELSE MORREU

OPO 1: Voltar para o caminho do rio


OPO 2: Seguir o caminho do elefante

_______________________________________________

OPO 1

OPO 1: Pegar a pena


OPO 2: Ignor-la

Kit agradece ao elefante, mas decide voltar


para o caminho do rio que ele estava seguindo
anteriormente. Volta para a marca que havia
feito com os seus ps, e segue em frente.

OPO 2
Kit decide ignorar. Pode ser uma pena qualquer
e eu vou gastar meu tempo carregando-a.,
pensou, seguindo o seu caminho.

37

Depois de andar por um longo perodo, Kit ento


chega em frente as montanhas rochosas, e v
um caminho de terra que chegava at o topo.
Correu o mais rpido que pde para no perder
mais tempo e chegar o mais rpido possvel.
Depois de muito correr, chegando ao topo j
exausto, percebe que estava quase caindo em
uma emboscada: encontra todos os capangas de
Galba, conversando e comemorando a possvel
vitria de ter derrotado a Else, pois o reino agora
poderia ser deles. Kit percebe que tem que
ter muita calma para que no percebam sua
presena.
DESVIAR DOS CAPANGAS DE GALBA
Kit deu a volta pela beira da montanha,
agachado, se escondendo em qualquer pedra
mais alta que pudesse ter para no ser visto.
Teve sorte por ser gil e tentou ser o mais quieto
possvel. E enfim encontrou uma caverna escura,
Kit respirou trs vezes, e seguiu em frente, j
aguardando o que lhe esperava.
IR MAIS FUNDO NA CAVERNA
_______________________________________________

38

Kit no poderia colocar a vida de Else em risco,


ento decidiu continuar seu caminho, com
remorso, mas pensando estar fazendo aquilo por
um bem muito maior: a vida de Else.
Depois de andar por um longo perodo, Kit ento
chega em frente as montanhas rochosas, e v
um caminho de terra que chegava at o topo.
Correu o mais rpido que pde para no perder
mais tempo e chegar o mais rpido possvel.
Depois de muito correr, chegando ao topo j
exausto, percebe que estava quase caindo em
uma emboscada: encontra todos os capangas de
Galba, conversando e comemorando a possvel
vitria de ter derrotado a Else, pois o reino agora
poderia ser deles. Kit percebe que tem que
ter muita calma para que no percebam sua
presena.
DESVIAR DOS CAPANGAS DE GALBA
Kit deu a volta pela beira da montanha,
agachado, se escondendo em qualquer pedra
mais alta que pudesse ter para no ser visto.
Teve sorte por ser gil e tentou ser o mais quieto
possvel. E enfim encontrou uma caverna escura,
Kit respirou trs vezes, e seguiu em frente, j
aguardando o que lhe esperava.

OPO 1: ignorar e seguir em frente


OPO 2: Ver o que se passava

IR MAIS FUNDO NA CAVERNA

OPO 1

OPO 1: Dar a pena ao macaco


OPO 2: Ignor-lo

39

OPO 2

presena.

Kit diz que no h necessidade, desconfiado do


macaco ser algum louco querendo sacanear
os seus planos de salvar a Else e tenta seguir
em frente novamente, mas o macaco o puxa e
comea a pular e fazer barulhos escandalosos,
gritando ME D A PENA, ME D A PENA. Kit
assustado fica sem saber o que fazer.

DESVIAR DOS CAPANGAS DE GALBA


Kit deu a volta pela beira da montanha,
agachado, se escondendo em qualquer pedra
mais alta que pudesse ter para no ser visto.
Teve sorte por ser gil e tentou ser o mais quieto
possvel. E enfim encontrou uma caverna escura,
Kit respirou trs vezes, e seguiu em frente, j
aguardando o que lhe esperava.

OPO 1: Fazer o que o macaco quer, e dar a


pena.
OPO 2: Fugir em direo s montanhas.
OPO 2
Kit ento decide sair correndo com medo das
loucuras do macaco, e ao olhar para trs
percebe que o mesmo j havia sumido. Devo
estar ficando louco, diz Kit.
Depois de andar por um longo perodo, Kit ento
chega em frente as montanhas rochosas, e v um
caminho de terra que chegava at o topo.
Correu o mais rpido que pde para no perder
mais tempo e chegar o mais rpido possvel.
Depois de muito correr, chegando ao topo j
exausto, percebe que estava quase caindo em
uma emboscada: encontra todos os capangas de
Galba, conversando e comemorando a possvel
vitria de ter derrotado a Else, pois o reino agora
poderia ser deles. Kit percebe que tem que
ter muita calma para que no percebam sua

40

IR MAIS FUNDO NA CAVERNA


_______________________________________________
A pena ento foi voando em direo as
montanhas que o elefante j havia indicado para
o Kit, e ento o mesmo percebeu que deveria
estar no caminho certo. E quanto mais perto Kit
chegava, mais o mesmo encontrava dificuldades
de se aproximar da montanha, e em sua frente
pde ver a pena pairando no ar, subindo at o
topo lentamente. Kit teria que tomar uma deciso.
OPO 1: Seguir pelo caminho de terra ao lado,
sem perder a pena de vista
OPO 2: Pular de pedra em pedra seguindo a
pena
Kit sai disparado pelo caminho de terra com
medo de cair durante a subida pelas montanhas
de pedra, tentando no perder a pena de vista
nem por um segundo. Depois de muito correr,

41

chegando ao topo j exausto, percebe que estava


quase caindo em uma emboscada: encontra
todos os capangas de Galba, conversando
e comemorando a possvel vitria de ter
derrotado a Else, pois o reino agora poderia ser
deles. Kit percebe que tem que ter muita calma
para que no percebam sua presena.
DESVIAR DOS CAPANGAS DE GALBA

_______________________________________________
OPO 1: Chut-lo para longe.
OPO 2: Correr para o ba novamente.
OPO 2

OPO 1: Atacar Galba


OPO 2: Ir em direo ao ba

Kit sem nem olhar direito, corre em direo


ao ba, mas antes mesmo de conseguir se
virar, Galba finca suas duas patas com garras
afiadssimas no peito, lanando ele contra a
parede da caverna. Kit olhou para Galba com
lgrimas a cair de seus olhos, sem saber direito
se era de dor ou de remorso por saber que ali,
talvez ele no conseguisse sair.
Como voc se sente? disse Galba, com dio e
sarcasmo em sua voz. Falhando com Alex, o seu
rei, e com Else, sua preciosa guardi? gargalhou,
e afundou ainda mais as garras no peito de
Kit, que sentiu sua vida escorrer, assim como o
sangue pelo seu corpo. Galba soltou Kit no cho,
que j estava sem vida.

OPO 1

KIT MORREU.

Kit ento decidiu correr em direo ao Galba,


que surpreso com a reao foi atingido por
Kit, que deu dois chutes fortes nele. Em um
reflexo, ele bateu as asas, se mantendo em p, e
derrubando Kit logo em seguida.

_______________________________________________

Kit deu a volta pela beira da montanha,


agachado, se escondendo em qualquer pedra
mais alta que pudesse ter para no ser visto.
Teve sorte por ser gil e tentou ser o mais quieto
possvel. E enfim encontrou uma caverna escura,
Kit respirou trs vezes, e seguiu em frente, j
aguardando o que lhe esperava.
IR MAIS FUNDO NA CAVERNA
_______________________________________________

42

IR EM DIREO AO BA

OPO 1: Acert-lo novamente.


OPO 2: Correr at a gema.
OPO 1

43

Kit decide tentar enfraquecer Galba para ter


mais tempo de pegar a gema e sair correndo
para fora das montanhas, ento enquanto Galba
vem em sua direo, Kit fecha seus punhos e
o acerta, porm com uma de suas garras, ele
prende uma das mos de Kit, que tenta se soltar
com a outra. Galba o joga no cho, fincando as
garras de sua outra pata no pescoo de Kit. Em
um ltimo suspiro de vida, ele encara a gema, e
pede desculpas mentalmente a Else, e fecha seus
olhos.
KIT MORREU.
_______________________________________________
OPO 1: Tentar fugir.
OPO 2: Usar a pena.
OPO 1
Kit ainda um pouco inseguro sobre confiar no
macaco e temendo perder sua vida se tentasse
usar a pena contra o Galba, tenta escapar de
suas garras. Consegue escapar por um momento,
e quando corre, atingido exatamente no
mesmo lugar pelas garras. Elas fincam mais
profundamente em suas costas, e Kit consegue
sentir o sangue escorrer por seu corpo.
Alex como sempre ingnuo com a mania de
confiar em qualquer animalzinho, e ento Galba
move uma de suas garras para a nuca de Kit,
afundando elas contra a sua pele, perfurando a

44

mesma. Kit ento sente muita dor, e um pouco


depois, no sente mais nada. E tudo se apaga.
KIT MORREU.
FINAL CASO A PESSOA NO TENHA PEGO A PENA
OU NO TENHA ENCANTADO A MESMA
Kit comea a ficar sem opes, mesmo acertando
Galba parece que no h sada ou soluo,
Galba est muito cego com o dio. Kit corre
novamente em direo a gema, mas acertado
em cheio por Galba que finca as garras
fortemente em suas costas, levantando Kit e o
arremessando contra a parede. Em uma rajada
de vento, Galba alcana o pescoo de Kit sem
ele poder ter qualquer tipo de reao, e comea
a perfurar o mesmo, tirando a vida de Kit aos
poucos. Muito dor, e de repente a dor no existe
mais. E tudo escurece.
KIT MORREU.
Aps a definio de toda a estria do jogo,
foi feito o desenvolvimento de todos os props
(objetos), cenrios e personagens (os que sero, e
os que no sero fixos, dependendo das opes
escolhidas pelo jogador).

45

Personagens principais:

Galba, o vilo.
Personagens secundrios (aparecem dependendo
das decises que o jogador tomar):

Na esquerda, Kit e na direita, Else.

Alex, o Leo.

O Elefante

46

47

Objetos e imagens figurativas encontrados


durante o jogo:

Macaco, o Mago.
Gema do Kit

O jacar.

48

Gema da Else

49

50

Gema da Else brilhando

Ba de Galba

Cinzas de Galba

Pena no cho

51

Cenrios:

1: Pena flutuando; 2: Pena brilhando, 3: Penas ao


cho.

52

53

1: Deserto de dia; 2: Deserto de noite; 3:


Montanhas rochosas; 4: Bosque de dia; 5 Bosque
de noite; 6 Bosque a beira do rio.

8.2 Tcnica empregada


As tcnicas empregadas foram: Programao
para web, imagens ilustradas para compor tanto
o fundo, quanto personagens e objetos, SEO, que
uma otimizao do site para atingir um bom
lugar no ranking das ferramentas de busca e
para oferecer uma usabilidade melhor para os
usurios, e todo o roteiro.

8.3 Disciplinas relacionadas


Todo o jogo gira em torno principalmente de
duas matrias: animao e games e webdesign,
por mais que tenha tambm o seu envolvimento
com o design e produo de texto, no sendo
os seus focos principais. Web por ser um jogo
interativo em um site, e animao e games por
todo o desenvolvimento do jogo, sendo o seu
conceito, os personagens e tudo mais.
Todo o jogo gira em torno do minimalismo e flat
design, tanto na criao dos cenrios, quanto
na criao dos personagens, objetos do jogo e o
prprio layout.

8.4 Perfil multimiditico do projeto


54

O Resgate de Kit um projeto

55

INTEIRAMENTE multimiditico, pois o projeto


em formato web, juntando diversas disciplinas
em um nico projeto, e porqu tambm utiliza
inteiramente de um dos meios mais multimdias
que existe, que a internet.

8.5 Desenvolvimento do trabalho


Todo o desenvolvimento do trabalho, como j
citado algumas vezes anteriormente, foi dividido
em diversas partes. Criao do roteiro, criao
dos personagens, criao de todas as ilustraes
e finalmente, a criao dos sites. Os softwares
escolhidos para o desenvolvimento de todo o
trabalho foram:
PROGRAMAO: Sublime Text 3
EDIO DE IMAGENS: Adobe Photoshop CS5
VETORIZAO E CRIAO DE ILUSTRAES: Adobe
Illustrator CS5
ROTEIRO: Microsoft Word 2013

Na pgina INDEX (pgina inicial), temos uma


breve introduo, com o logotipo do jogo. O
jogador tm a opo de ir at a aba jogar
direto, ou ir na pgina Saiba Mais.
Na pgina Saiba Mais, o jogador poder
conhecer os trs personagens principais: Kit,
Galba e Else. E poder tambm saber um pouco
mais sobre o jogo, sua faixa etria e a pgina de
facebook do jogo.
Na pgina Jogar, voc entra em uma tela
diferente, aonde h a introduo do jogo com
as duas primeiras opes, para que voc possa
seguir jogando. E nessa mesma pgina, voc
tem a opo de voltar para o Index, ou de
Reiniciar, ou seja, voltar para o incio do jogo
novamente.
8.7 Wireframe | Diagramao
Pgina Inicial (index):

8.6 Arquitetura de informao

Index
SaIBA
MAIS

JOGAR

index

56

reiniciar

57

Pgina Saiba Mais:

8.8 Padres Grficos


Todo o layout foi desenvolvido em uma
linguagem do CSS3 chamada Media Query.
Media Queries consistem em um media type
(tipo de mdia) e podem, a partir do CSS3,
ajustar o seu site de acordo com a resoluo do
dispositivo que estiver acessando o mesmo.
Resoluo mnima:
240 x 320.
Fonte:
Chelsea Market (disponibilizado pelo Google
Fonts)

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.

8.9 Requisitos de equipamento para


utilizao
Todos os navegadores so compatveis para
a execuo do projeto (tanto desktop quanto
smartphone). necessrio liberar o uso do
javascript no Internet Explorer para que o site
funcione.

58

59

8.10 Tecnologias empregadas

9 CRIAO

O site todo foi diagramado em HTML (HTML5) e


CSS (CSS3), e foi utilizado o SEO (como j citado
anteriormente).

A criao tanto dos desenhos, quanto do design


do site girou em torno do conceito flat design
(design plano). Sua principal caracterstica ser
limpo, sem muitos efeitos, texturas, etc. O famoso:
menos mais.

A linguagem de programao principal do site


o Javascript (Jquery) e tambm teve o uso do
media query, como j falado anteriormente, para
trazer a responsividade do site.

9.1 Layout do site


Tudo no site compe o jogo e o seu estilo, seja na
escolha da tipografia, como nas cores e tambm
no design do site.

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

Na pgina Saiba Mais, temos a apresentao dos


trs personagens principais: Kit, Else e Galba, com
uma pequena introduo sobre os trs, a sinopse,
a faixa etria e a rede social do jogo.

J na pgina do jogo, o jogador transportado


para o universo do jogo, como se em todo o
tempo ele realmente fosse o Kit, transportando
junto a ele para todos os lugares, conhecendo
todos os personagens.

Pgina com o fundo do deserto

Pgina com o fundo do bosque

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.

rvore em grego, possui a pele esverdeada,


vestido verde e cabelos longos e marrons,
simbolizando uma rvore), as cores principais
do site foram escolhidas por conta da savana
desrtica, por ser o lugar aonde a estria se
inicia.

Fonte do logotipo:

Paleta do website:

Gradiente
#4b91f
#F68821

#242D3C

#79CCC7

#000000
90% opacidade

#FFFFFF

#000000

Paleta do logotipo:
Fonte do site:

#F26921

#642C10

Paleta dos cenrios:

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

Para o cenrio, foi utilizado cores que descressem


perfeitamente o local, mantendo as cores no
estilo flat design, pois foi o estilo escolhido para
toda a ilustrao da estria, e trabalhando com
as suas variaes para combinar.

#3C2415

Bosque - Noite

#FFD200

Bosque com rio

66

#559F30

#2F7F00

#3C2415

Para o logotipo, foi decidido ilustrar o


personagem principal, o Kit, em um jeito mais
cartoonizado, assim como a tipografia escolhida,
trabalhando o ttulo O Resgate de Kit de
maneira similar aos ttulos de diversos quadrinhos
(HQs).

67

10

CONCLUSO

11 BIBLIOGRAFIA

Foi possvel observar durante todo o


desenvolvimento desse relatrio que todo esse
projeto est focado em um simples objetivo:
Entreter da melhor maneira possvel, e a inteno
no parar por a.

Jackson, S. The Citadel of Chaos. A Cidadela do


Caos. Thriplow: Icon, 2009.

E talvez, levando outras pessoas a criarem


projetos diferenciados no formato web assim
como esse, pois existe um pblico interessado,
como comprovado aqui tambm, e jogos no
precisam apenas se resumir em instalveis ou
jogos flash.

Boga, J. A Trama. RPGnesis, 2011.

SMITH, M. THOMPSON, J. The Sword of the Samurai.


A Espada do Samurai. Jambo, 2016.

A viso que possumos para esse projeto que,


como as pessoas que j jogaram esse jogo se
sentiram cativadas por ele, pelo personagem
principal, ento a ideia que mais para a frente
existam outras estrias contendo os personagens,
explorando um pouco mais dos outros
personagens principais.
Uma das ideias que pretendemos explorar mais
pra frente, caso o projeto possua o retorno
desejado e esperado, desenvolver um aplicativo
para smartphone (IOS, Android e Windows) que
seja uma forma diferenciada de contar a estria,
com animao dos personagens em formato de
jogo plataforma, que era a ideia inicial desde o
primeiro pensamento sobre esse projeto.

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

_______________________________________________

_______________________________________________

Victor Fernandes Montefusco


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

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

Andrea Mattoso Sauda


Voc gostou do enredo do jogo? 9
Voc gostou da atmosfera oferecida pelo website?
10
Voc se sentiu cativado pelo jogo? 9
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

Fernanda Mattoso Silva


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

S-ar putea să vă placă și