Subsídios para o Estudo da História da Misericórdia de Salvaterra de Magos
Escola Básica e Secundária de Salvaterra de Magos · Escola Básica e Secundária de Salvaterra...
Transcript of Escola Básica e Secundária de Salvaterra de Magos · Escola Básica e Secundária de Salvaterra...
Escola Básica e Secundária de Salvaterra de Magos Curso Profissional de Técnico de Multimédia
2016/2017
RELATÓRIO CRÍTICO
Prova de Aptidão Profissional
Fábio Gomes Nº 7
João Pernes Nº 12
Rafael Assis Nº 20
12ºI
Salvaterra de Magos
Julho de 2017
Escola Básica e Secundária de Salvaterra de Magos
Fábio Filipe de Oliveira Gomes Nº 7
João Carlos Martins Pernes Nº 12
Rafael Marques Assis Nº 20
Curso Profissional de Técnico de Multimédia
12ºI
SUMÁRIO
Relatório das atividades do Projeto The Frame
desenvolvido como requisito parcial dos módulos
curriculares, supervisionado pelos Professores:
Alice Pereira, António Andrade, Tereza Fazenda e Lisete
Teles, no curso Profissional Técnico de Multimédia.
Salvaterra de Magos
Julho de 2017
Escola Básica e Secundária de Salvaterra de Magos
Dedicatória
Primeiramente, queremos agradecer à professora Tereza Fazenda, por ter tido bastante
paciência conosco e por também nos ter ajudado bastante, pois sem a sua ajuda, da sua
motivação, não teriamos conseguido ter a PAP feita a tempo.
Queremos agradecer aos restantes professores, principalmente às professoras Lisete Teles e
Ana Paquete pela ajuda que nos deram em relação ao relatório e aos nossos colegas de turma,
que nos foram dando sugestões e ideias para o jogo.
Escola Básica e Secundária de Salvaterra de Magos
4
Índice
Introdução ................................................................................................................................. 5
Desenvolvimento ....................................................................................................................... 7
Apresentação do Projeto ............................................................................................................. 7
Ideia e Assunto .......................................................................................................................... 8
Anteprojeto ............................................................................................................................... 9
Gantt Project ............................................................................................................................ 9
Briefing ...................................................................................................................................... 9
Softwares utilizados ................................................................................................................. 10
Linguagem de Programação ..................................................................................................... 10
Disciplinas influentes no projeto .............................................................................................. 11
Logótipo ................................................................................................................................... 12
Tipo de Letra ............................................................................................................................ 12
Mapa e outros ......................................................................................................................... 13
Menus ...................................................................................................................................... 15
Música de fundo ....................................................................................................................... 16
SplashScreen ............................................................................................................................ 16
Conclusão ................................................................................................................................ 17
Anexos ...................................................................................................................................... 18
Anexo 1 .................................................................................................................................... 18
Anexo 2 .................................................................................................................................... 20
Escola Básica e Secundária de Salvaterra de Magos
5
Introdução
No contexto da Prova de Aptidão Profissional, também designada por PAP, desenvolvemos
um trabalho que todos os membros do grupo apreciam e de que são utilizadores, como
jogadores. A este tema, associamos os nossos conteúdos de aprendizagem adquiridos no
Curso Profissional de Multimédia, assim como os conhecimentos explorados fora dos
conteúdos lecionados.
A Prova de Aptidão Profissional intitula-se “The Frame”, o quadro, pois trata-se de recolher
fragmentos do quadro pela cidade, com o fim de o montar. The frame é um jogo eletrónico de
puzzle, que consiste em explorar uma cidade à procura dos fragmentos de um quadro.
A ideia do jogo consiste numa representação do movimento artístico Neoplasticista, criado
por Piet Mondrian. O objetivo do projeto é criar uma interação com os utilizadores e servir
como meio de ensino/aprendizagem deste movimento.
O conceito do projeto foi-nos apresentado pela professora Tereza Fazenda, da disciplina de
Técnicas de Multimédia e de Projeto, da Escola Básica e Secundária de Salvaterra de Magos,
com o objetivo de ser utilizado com o âmbito da disciplina de História da Cultura das Artes.
Após algumas discussões, em aula e com os professores, perguntando o que seria melhor,
decidimos avançar com o conceito apresentado pela professora.
O processo de desenvolvimento do projeto teve como início o planeamento das tarefas de
cada elemento e calendarização das mesmas, utilizando o Gantt Project.
Escola Básica e Secundária de Salvaterra de Magos
6
Inicialmente experimentamos diversos softwares de modelação 3d e diferentes game engines,
tais como o Unreal Engine 4, Blender, Zbrush, e Unity. Experimentamos utilizar Unreal
Engine 4 mas tivemos problemas técnicos devido aos computadores não terem os requisitos
necessários para a sua utilização.
Depois de uma reunião de grupo decidimos avançar com a utilização dos softwares Blender
para a modelação 3d e Unity como game engine. Escolhemos ambos devido a serem gratuitos
e fáceis em termos de utilização.
Para o Unity, começamos por fazer uma pesquisa geral e ler parte da documentação inicial
sobre a engine. Pesquisamos sobre os mais variados assuntos que iriamos utilizar, a Interface
e Physics.
De seguida, começamos por aprender scripting, através de variadas aulas fornecidas no
website da Unity. De início, não foi fácil pois nenhum de nós tinha conhecimentos de C# (C
sharp).
Para a realização da PAP utilizamos também alguns programas fornecidos pela escola,
lecionados no decorrer deste curso e outros explorados pelo grupo, nomeadamente: Gantt
Project, Adobe Photoshop, Unity e Blender.
Escola Básica e Secundária de Salvaterra de Magos
7
Desenvolvimento
Apresentação do Projeto
A ideia que tínhamos foi enriquecida com a sugestão fornecida pela Professora Tereza
Fazenda, com o objetivo de melhorar o projeto e esse ter uma finalidade.
O nome do jogo The Frame que em português significa “O Quadro”, tem como origem a
procura dos fragmentos do quadro de estilo De Stijl, criado por Piet Mondrian, sendo
inspirado no quadro “Composição em vermelho, amarelo, azul e preto (1921).
Escola Básica e Secundária de Salvaterra de Magos
8
No jogo, o jogador encontra-se numa cidade deserta em que o próprio jogador será a
personagem principal, que irá criar a dinâmica do jogo.
O quadro foi dividido em várias partes, que neste caso são seis no total, que foram escondidas
aleatoriamente pela cidade. O jogador terá de as recolher, procurando pelos cantos da cidade
de modo a poder recriar o quadro, representado na imagem seguinte.
Ideia e Assunto
A ideia de criar um jogo-puzzle em 3D, apresentado na primeira pessoa, veio de nós os três.
No início, a nossa ideia era um pouco diferente do projeto atual: queríamos criar o quadro em
3D e a partir deste, criar o mapa para o jogo. Porém, o assunto do jogo seria a personagem
principal vaguear pela cidade, procurando peças para construir uma máquina do tempo.
Depois de conseguir todas as peças para montar a máquina, o personagem faria uma viagem
no tempo, indo para o futuro.
Deparámo-nos com alguns problemas com esta ideia inicial, pelo que resolvemos recriar o
enredo da história: criamos nós próprios uma cidade que já não era o quadro, mas para manter
a ideia original, continuamos com o quadro em 3D no jogo; recriamos o quadro e dividimo-lo
em seis peças iguais; pensamos espalhar as peças pela cidade de forma aleatória; por fim,
decidimos que o personagem do jogo seria o próprio jogador, que teria uma visão da primeira
pessoa, dentro do jogo. Ao conseguir reunir as seis partes do quadro, o jogador terá uma visão
da tela final do jogo, em que é felicitado por ter jogado e lhe é dada uma visão do quadro
completo e montado.
Escola Básica e Secundária de Salvaterra de Magos
9
Anteprojeto
O anteprojeto consistia no pré-plano da prova de aptidão profissional, onde apresentávamos o
tema, um breve resumo, os materiais necessários e os objetivos que nos proponhamos
alcançar.
Tivemos como objetivos iniciais, atribuir tarefas a cada um dos membros do grupo de acordo
com a sua área de preferência e a organização das tarefas por prioridade.
Gantt Project
Com a utilização do programa Gantt Project, foi possível realizar um plano de trabalho
permitindo uma melhor organização e planificação, desenvolvendo o projeto de uma forma
linear.
O Gantt Project proporcionou-nos uma forma de gerir o tempo eficazmente, possibilitando ao
grupo a planificação do tempo estipulado para a realização de cada tarefa, assim como a sua
distribuição por cada elemento do grupo.
Briefing
Nesta situação, pedimos ajuda à professora Tereza Fazenda, que nos esclareceu as dúvidas e
nos ajudou em organizar melhorar as ideias, facilitando assim o desenvolvimento do projeto.
Foi nesta fase que a professora nos sugeriu utilizarmos o quadro de Piet Mondrian para dar
ênfase ao projeto.
Escola Básica e Secundária de Salvaterra de Magos
10
Softwares utilizados
Para a realização da Prova de Aptidão Profissional, utilizamos os programas referidos abaixo,
alguns dos quais foram abordados durante o percurso escolar.
Adobe Photoshop: é utilizado para edição avançada de imagens.
A edição da imagem de fundo do menu principal e o ícone do projeto foram elaborados no
Adobe Photoshop.
Unity Game Engine: é um motor de jogos 3D e 2D entre outros tipos de jogos.
O Unity foi utilizado para a conceção do jogo, usando todos os modelos da asset store do site
da Unity e os modelos criados no Blender.
Microsoft Visual Studio: é utilizado para desenvolver e editar ficheiros de linguagens de
programação. Na PAP utilizamos o Visual Studio para a criação e edição de código do jogo
em C#.
Blender: é utilizado para modelação e animação 3D.
O Blender foi utilizado para a modelação do interior das casas e de alguns objetos. A
utilização deste software foi bastante fácil, por já termos conhecimentos acerca dele.
Começamos por trabalhar nas casas, modelar as diferentes divisões, os objetos que se
encontram no seu interior e modelamos os fragmentos do quadro, etc.
Gantt Project: é utilizado para a calendarização e mapeamento das tarefas de um projeto nas
suas diversas etapas.
Linguagem de Programação
C# (pronúncia: C Sharp): é uma linguagem de programação orientada a objetos, que combina
C++ com a facilidade de programação do Visual Basic.
Escola Básica e Secundária de Salvaterra de Magos
11
Disciplinas influentes no projeto
Durante estes três anos, tivemos o contributo de algumas disciplinas que nos permitiram
chegar a esta etapa final e realizar parte deste projeto, que se desenvolveu principalmente
durante o último ano letivo.
Técnicas de Multimédia permitiu-nos a utilização dos softwares como ferramentas/ recursos
substituíveis para a apreensão/aquisição de técnicas de edição, modelação, programação,
manipulação de ficheiros, lecionadas no curso e utilizados neste projeto.
Design, Comunicação e Audiovisuais proporcionou-nos a aprendizagem da linguagem
gráfica/visual e do domínio estético, estudos de layout, mapas conceptuais, guionismo,
técnicas de criatividade e arquitetura de informação.
Projeto e Produção Multimédia preparou-nos para a aprendizagem da gestão e
implementação de projetos, dedicado ao processo de desenvolvimento da metodologia
projetual e elaboração do projeto.
Escola Básica e Secundária de Salvaterra de Magos
12
Logótipo
Logótipo do jogo
Depois de escolher o nome, procedemos ao estudo do logótipo.
Optamos por uma solução minimalista em que usamos um fundo preto onde se destaca o
nome do jogo a branco, centrado.
Pareceu-nos este ser um logótipo simples e fácil de distinguir perante outros.
Tipo de Letra
O tipo de letra que utilizamos é intitulado de "Plane Crash" retirado da internet e de acesso
gratuito, para o titulo do jogo decidimos usar este tipo de letra porque nós estávamos à
procura de um estilo "old school", antigo, sendo que assim iria dar um ar antigo ao jogo e por
ter esta textura gasta. A cor utilizada foi um tom escuro para que se destaca-se tanto como o
quadro à sua direita e que tivesse uma boa legibilidade..
A textura que foi utilizada no fundo, é basicamente uma representação da parte de trás do
quadro, sendo um fundo gasto e velho.
Escola Básica e Secundária de Salvaterra de Magos
13
Mapa e outros
Começamos pela criação do mapa da cidade. Passamos para a criação e aplicação de três
modelos diferentes de casas , que foram posteriormente subdivididas. Estas ficaram com três a
quatro divisões, para as quais tivemos de criar os elementos de mobília e iluminação.
Aplicamos texturas nas peças de mobília e nas paredes. No parque da cidade, aplicámos dois
tipos de texturas diferentes, sendo estas uma textura para a relva e outra para a areia do chão
do parque.
De seguida, criamos o jogador com visão em primeira pessoa. Criamos as peças individuais
do quadro, que são seis no total e contêm um código para o jogador ser capaz de recolher as
peças.
Melhoramos a cidade, adicionando arbustos e árvores e para tornar as árvores mais realistas,
adicionamos um simulador de vento, fazendo com que as folhas se mexam.
Posteriormente, criamos o menu principal e o menu de pausa e caixas para o jogador interagir
e conseguir entrar dentro das casas, sendo que algumas estarão trancadas.
Por fim, criámos a cena final do jogo, onde se consegue visualizar o quadro completo, tendo
uma legenda do nome deste e o seu autor e na lateral um agradecimento por ter jogado.
Visão do interior de uma das casas
Escola Básica e Secundária de Salvaterra de Magos
14
Visão de topo da cidade
Parque
Escola Básica e Secundária de Salvaterra de Magos
15
Menus
No Menu Principal, existem dois botões à disposição do jogador.
O primeiro para “Jogar” e assim que o jogador pressionar o botão, irá para a cena seguinte ou
seja, irá começar o jogo.
O segundo botão para “Sair” e assim que o botão é pressionado o jogo fecha.
No Menu Pausa, que ao ser pressionado a tecla “esc” irá revelar este menu, temos também
dois botões à disposição do jogador.
O primeiro “Continuar” que assim que for pressionado, o jogo será resumido.
O segundo botão para “Sair” e assim que for pressionado irá voltar para o menu principal.
Escola Básica e Secundária de Salvaterra de Magos
16
Música de fundo
Escolhemos esta música por ser calma e relaxante, contribuindo para o jogo ser relaxante.
Música de fundo - https://www.youtube.com/watch?v=Yl2IS7lmjo8
SplashScreen
A ferramenta SplashScreen foi utilizada com o intuito de dar ao jogador informação acerca
do jogo, ou seja sobre qual a história e objetivo do jogo.
O texto é o seguinte:
Escola Básica e Secundária de Salvaterra de Magos
17
Conclusão
Para a realização da Prova de Aptidão Profissional decidimos rentabilizar o tempo,
trabalhando não só na escola, mas também em casa, durante os fins de semana e tempos
livres umas vezes sozinhos, a realizar a tarefa que nos estava destinada, outras vezes em
grupo, para assim podermos avançar com o projeto mais rapidamente.
Durante o processo da PAP deparamo-nos com vários aspetos negativos, de entre os quais
podemos destacar o tempo limitado que tivemos para a sua realização e a falta de
conhecimentos em linguagem C#.
No entanto os aspetos positivos superaram os negativos e foi bastante satisfatório
verificarmos que o nosso esforço foi recompensado com o que consideramos ser um bom
trabalho, o qual, esperamos venha a ser reconhecido e apreciado.
Escola Básica e Secundária de Salvaterra de Magos
18
Anexos
Anexo 1
Ante-Projeto
Escola Básica e Secundária de Salvaterra de Magos
19
Escola Básica e Secundária de Salvaterra de Magos
20
Anexo 2
Projeto Gantt
Aqui estão todos os links dos modelos que nós usufruímos, na criação do projeto:
https://www.assetstore.unity3d.com/en/#!/content/32351
https://www.assetstore.unity3d.com/en/#!/content/63481
https://www.assetstore.unity3d.com/en/#!/content/13811
https://www.assetstore.unity3d.com/en/#!/content/52977
https://www.assetstore.unity3d.com/en/#!/content/41694
https://www.assetstore.unity3d.com/en/#!/content/7738
https://www.assetstore.unity3d.com/en/#!/content/69129
https://www.assetstore.unity3d.com/en/#!/content/69411
https://www.assetstore.unity3d.com/en/#!/content/71893
https://www.assetstore.unity3d.com/en/#!/content/59280
https://www.assetstore.unity3d.com/en/#!/content/15171