Sobre o conteúdo abordado no site

A idéia de desenvolver um hotsite que falasse sobre jogos foi a ideia inicial de quase todos os membros, e enfim tivemos muito trabalho, isso porque foi necessário muito mais do que vasculhar em busca de jogos, o foco era mais especificamente voltado para o desenvolvimento . O assunto era sério, e a temática ainda é pouco abordada, mas é extremamente importante que haja a divulgação desses conhecimentos, até mesmo, para fomentar futuros projetos no nosso país, que ainda engatinha na produção de jogos eletrônicos.

Mas antes de me aprofundar mais no assunto, resolvi assistir o documentário da BBC "A era dos video games" , o que me influenciou, inclusive, a produzir um vídeo com o título a "evolução dos jogos digitais", que apresenta games que marcaram época desde a origem dos primeiros jogos, ainda no periodo dos arcades, até os dias atuais. Este video acabou tendo um link colocado no próprio site (numa tevêzinha no canto inferior esquerdo).

Alguns trechos de destaque no site:

"O Game tornou-se elemento cultural que dá identidade a nossa geração e também a impulsiona a se portar como assimiladora insaciável do novo, rompendo com qualquer entrave que no passado dava a condição de mero ouvinte ou telespectador à pessoa."

"Criar um jogo não é apenas mexer num programa de computador e voilá seu jogo tá feito. É preciso muito mais do que a sede de sair inserindo elementos no seu “mundo” virtual e botá-los para interajir. A tarefa de montar um jogo é muito mais complexa, e exige planejamento e organização em todas as etapas do processo."

Elementos envolvidos na criação de um jogo:

- Ferramentas de gerência de projeto;

- Editores gráficos 2D (texturas, bitmaps, cenários 2D, etc);

- Modeladores 3D e ferramentas de animação de modelos 3D;

- Ferramentas de suporte ao desenvolvimento do jogo- destaque para a principal que é o Motor de Jogo (Game engine);

- Editores de efeitos de áudio e trilha sonora;

- Editores de níveis dos jogos (fases);

A Seção "Concepção" é a mais prática e considero-a como a que detém as informações mais importantes para quem deseja iniciar-se na criação e implementação de um projeto na área de jogos.

Temos como tópicos:

- Criação;

- Áreas de atuação;

- Storyboard;

- Distribuição;

- Custos;

Estas são as primeiras preocupações que devem ser levadas em consideração muito antes de começar a executar um projeto de um jogo eletrônico. Depois de conseguir formar uma equipe capacitada, de ter concluído a etapa do roteiro e storyboards e de conseguir as licenças necessárias; é só botar a mão na massa, sempre pensando no consumidor do produto, deve-se preparar um design que seja capaz de conciliar a usabilidade, a performance e, se possível, a portabilidade- esses são os principais quesitos que levam um game a ter sucesso no mercado.

Confira o arquivo swf do site:

http://www.4shared.com/video/LCpILJU0/Game_Crafting_1_.html

Animação de introdução

por Israel Herison

Algumas imagens que usei como elementos Gráficos para, a partir delas, desenvolver a animação.

Passo a passo: como foi feita.

A escolha dos elementos gráficos deve ter sido a parte mais difícil. Não foi fácil conseguir as imagens que serviria como base para a criação, mas eu acabei encontrando algumas, e foram elas que praticamente me inspiraram a fazer a introdução.

Para unir fotos de parede e de móvel reais com elementos cartunescos foi utilizado o trace bitmap, usei 45.

Para simular efeitos de câmera nada melhor que usar o Free Trasnform e alterar o tamanho e a rotacionar. O comando ease usei para dar uma desacelerada no começo da animação, mas a idéia de ficar muito tempo só olhando aquela janela não foi bem recebida pelos colegas, então modifiquei a taxa de frames por segundo e procurei controlar o melhor tempo da animação, eu coloquei 22,5fps. Para começar a animar o garoto, eu procurei fazer em uma nova camada Other Panels> scene ; depois eu abandonei essa idéia porque ficaria inviável por conta do áudio que se aplica em uma scene.

Separei algumas partes do corpo do personagem para criar um movie clipe (Comando: Insert> New symbol), dai tive que separar em várias camadas para sobrepor um elemento a outro, como por exeplo as mãos sobre o joystick. Os efeitos de sombreamento ficaram bons, apenas eu não gostei de essa parte ter ficado tão curtinha, eu queria fazer uma animação mais longa, mas fui orientado pelos colegas da equipe que seria bem melhor uma introdução rápida, que não fosse cansativa, apenas para despertar a atenção e não tirar o foc principal que era o site. Só depois de pronto, eu percebi algumas alterações que meus colegas fizeram na minha animação, e ficaram ótimas. O efeito da tevê estática no final foi possível através de uma importação de arquivo de video FLV, que foi inserido dentro de um elemento gráfico e sincronizado, já que não podiam ficar numa mesma camada, à tela da tevê original em movimento. Os efeitos sonoros foram pensados somente no final: uma música de fundo de suspense, que foi adquirida no site freeplaymusic.com (título:"Thrilla", versão 10 seg).

Criação da "Logo".

A logo foi criada com base na logo do tutorial: http://www.youtube.com/watch?v=Q_X0q9F3nZE para o desenho do fundo ultilizei um círculo com o fundo feito por um degradê radial repetido (diminuindo-o e alterando o overflow),fiz as bordas recortando parte de outros círculos e adicionei um efeito de rotação no motion tween.

Banner e modelo do site

O site seguirá este modelo:

Optei usar principalmente variaçoes de azul vermelho e amarelo por proporcionar um certo descanço à vista devido à harmonia cromática, este site me ajudou muito: http://colorschemedesigner.com/#
para obter o efeito listrado no menu, ultilizei um degradê linear, diminuindo o seu tamanho, rotacionando-o e alterando o "overflow".
A confecçao dos botões com luz vermelha, foi feita pelo aluno Jefferson Torres inspirado pelo site http://www.flashbuttons.com/
Ainda será incluído um logo no canto superior esquerdo.

Este é o banner que será ultilizado no site:

Para a criação do banner, tentei simular um efeito de cartoon, baseando-me no seguinte tutorial:http://www.youtube.com/watch?v=DUxf71nJVN0 para o movimento ultilizei um motion tween com aceleração "ease",também destorci um pouco a letra no início para dar uma maior sensação de movimento.O brilho no texto foi feito com a ultilização de uma máscara com uma cópia mais clara do texto e um retângulo, efeito baseado no tutorial: http://www.youtube.com/watch?v=ADYH05seBDY.

VP3 - Base conceitual (layout)

O website é constituído de duas partes:

1. Animação inicial, com logotipo da Universidade Federal do Ceará e UFC Virtual, e uma breve animação cartunesca feita utilizando o Adobe Flash fazendo referência a jogos digitais;

2. O website em si, com seu conteúdo e dados.Sendo inspirado por um conceito simples, mas amplamente difundido, o design do site se baseia em uma página de apresentação (home) que pode ser rapidamente acessada através de um logo no canto superior esquerdo ou no primeiro botão do menu logo abaixo, no lado esquerdo, com um botão específico de créditos ao inferior.

Cada página de conteúdo é utilizada por 2 páginas à esquerda, título centralizado e destacado, subtítulo/legenda abaixo em menor destaque e também justificado a esquerda, com duas colunas de texto formando a página em si.

VP3 - Justificativa

O nosso projeto constitui-se de um website criado em Flash sobre a criação de jogos digitais e seus processos de desenvolvimento, também passando pela influência dos games na cultura contemporânea.

Apesar de ser considerado inviável para sites de maior extensão e complexidade, escolhemos utilizar o Adobe Flash como principal ferramenta na sua criação, pois podemos utilizar os nossos conhecimentos adquiridos na cadeira Edição de Imagens Digitais.

A motivação para falarmos do desenvolvimento de jogos digitais vem da necessidade de aprofundarmos um pouco mais os aspectos técnicos e culturais dos jogos pelo ponto de vista de sua implementação, tratando desde engines, passando conceitos de programação de jogos, design e também refletindo sobre os conceitos da cultura dos jogos na sociedade.

VP3 - Tema abordado

Tema abordado: Jogos Digitais

As funções de cada um dos integrantes:

Bruno Luiz - criação de layout/storyboard, animação de apresentação, vídeo final
Gabriel Muniz - design de menu e banner
Israel Herison - implementação de conteúdo, animação de apresentação
Jefferson Torres - design de botões, implementação de conteúdo