Projeto Feed It!

New Feed It! View!

2011-12-15T00:03:00.010-02:00

Câmbio!

Hora de falar de mais Concept Art!

No último post sobre concept de cenário (http://feed-it.blogspot.com/2011/11/place-of-environment.html) falamos sobre como é importante inserir nas ilustrações, elementos que ainda estão na ideia da mecânica para ter uma pré-visualização de como eles podem estar dispostos pelo(s) level(s) do jogo.

Bom, aqui temos mais um exemplo de como trabalhamos para pensar no cenário de Feed It!. Mesmo que muitos dos elementos que compõem o desenho não tenham sido usados no jogo, como os prédios por exemplo, é sempre bom oferecer diversas opções do que pode fazer parte do cenário.

Quanto mais elementos dispostos para o aval do grupo em um determinado local do game, melhor! Lembre-se: o ambiente 3D costuma ser mindgamer, parece que está vazio e sem graça e você não sabe mais o que fazer ou colocar para torná-lo mais interessante. Para evitar este tipo de problema e tomadas de decisões de última hora, faça vários esboços de objetos que podem fazer parte do cenário para que o trabalho de construí-lo não se torne uma dor de cabeça.

Shaking the Shapes!

2011-12-07T07:41:00.011-02:00

WOHEM!!

E estamos de volta pra falar de mais epic stuff! Desta vez, o papo vai ser bem animado...

Quando vc aprende as funções de qualquer software 3D para animação, não parece tão difícil fazer isso, afinal de contas, todo o trabalho de desenhar o personagem ou objeto novamente quadro após quadro já era! Aí vc pensa:

"Ah moleza! É só fazer uma pose e a próxima, e o software faz o resto!"

Guess what?? Not.

Pose é importante? Godamnit, YES!! Mas pra ter uma boa pose, vc vai precisar de um bom rig... (Espero que todos tenham lido o post do Márcio!). Quando a gente fala de pose, não pense que é só pra personagens com características humanas, tipo braços, cabeça, enfim, essas partes. POSE, até carro tem. POSE, até uma planta tem (you're about to see it).

O Rig está para a animação 3D, tal como a Skill de Desenhar está para a animação 2D.

Por isso, se vc for fazer o rig do seu personagem (objetos tbm são personagens! Ponha isso na cabeça, animador!!), faça direito.

OK, vamos ao que interessa.

Animação para games, não muito diferente de animação para cinema ou related, primeiro, tem que tá awesome. Se a animação estiver... kind of weird... todo mundo nota, serious. Principalmente se vc irá vê-la um bilhão de vezes quando jogar. Se a animação do cara correndo não condiz com o verbo em questão, vai ser difícil conduzir o player até o fim do jogo. Podem notar, bons jogos tem boas animações. E nem sempre precisa ser Pixar Levels! JatPackJoyRide, pra iPhone e iPad, por exemplo (DAMN, esse jogo é awesome!!) as animações são super simples! A questão é, elas são CONVINCENTES. A AÇÃO É CLARA, com boas poses e bom timing.

Em games, a base da maioria das animações InGame é o Loop. É legal vc fazer uma lista das ações de cada personagem do seu jogo, assim, vc não vai precisar ficar pensando o que animar quando o que tem que ser feito, são as animações caramba!

Beleza!! Falamos demais já! Pegue o seu personagem e siga as dicas abaixo.

Certifique-se de que seu personagem está com o Rig Ultimate! Assim vc não terá buchas pra se preocupar enquanto anima. Eu costumo animar todas as ações do personagem no mesmo arquivo. Assim, caso eu precise de referências de animações anteriores, posso encontrá-las e usá-las com mais facilidade. Nós utilizamos a engine Unity para a produção do jogo. Lá na engine, existe um recurso para objetos importados no formato .FBX para que vc especifíque as nimações das ações com os seus respectivos frames (em números) que serão chamadas por código durante o jogo (não sabe como se faz isso? Here's the answer, son: http://unity3d.com/support/documentation/Manual/Animations.html).

Seguinte: confira a lista de ações do seu personagem pra começar a trabalhar. Escolha uma ação para animar. Esta é uma das etapas mais importantes do processo: A Primeira Pose. Parece óbvio isso mas, a primeira impressão é a que fica... Lembre que uma pose bem expressiva é bom, mas tome cuidado pra não passar do ponto! Como mencionado, a maioria das animações ingame ficam em loop (claro que há exceções). Neste caso, a primeira pose da planta será copiada para o último frame (aí é bom o animador fazer uns estudos de timing para ver onde, ou melhor, quando fica melhor posicionar o último frame do loop). No 3D é fundamental fazer isso com todos os controladores selecionados simultanemente. Verifique o procedimento do software que vc estiver utilizando.

Copiar a pose não é importante apenas para um loop perfeito. Isso tbm ajuda vc a controlar melhor o fluxo da curvas. A coisa mais importante (definitivamente) em animação 3D, são as curvas. O gráfico informa os valores da posição de cada eixo de cada um dos controladores das partes do objeto que podem ser animadas. Usando o Maya, a cópia da pose com todos os controladores selecionados deve ser feita na TimeSlider, mas é no GraphEditor que vc vai conferir se as curvas sofreram alterações ao longo da cópia. Caso isso tenha acontecido, estabilize-as usando o botão FlatTangents (primeira opção circulada no topo da tela). Bom, agora que vc tem a primeira pose idêntica à última, vc pode (recomendo que deve) adicionar mas KeyFrames no meio delas para ter um ponto referencial. Dessa forma, seu gráfico além de ficar mais organizado, fica mais amigável para a localização de curvas que podem estar gerando problemas (ou ser a solução de outro[s]).

Bom, aí vem o trampo pra valer! Se vc usar as configurções que vem de fábrica para a suavização de curvas, a sua animação vai ficar com a cara de todas as outras feitas pelos seus colegas. Procure entender o funcionamento de cada propriedade daquele controlador. Isso é Supremely Important para que a animação tenha, aceleração, desaceleração, suavidade, impacto ou qualquer outra característica de movimenação da melhor forma possível e, no momento adequado. Em alguns casos, vc precisa deletar keyframes, em outros, adicionar. Tome cuidado ao adicioná-los, pelo menos no Maya. Mesmo que vc tenha selecionado somente uma propriedade, Rotate Y no caso do exemplo da imagem, se vc pressionar a tecla S para marcar um key, TODAS as outras propriedades serão marcadas também! (Rotate X e Z, Tanslate X, Y e Z, etc...) Isso é ruim, pq se elas possuírem curvas como as do exemplo, essa curvatura será deformada devido a criação de um key sobre a curva (que até então estava livre, sem keyframes). Por isso, tome cuidado! Mantenha os keyframes organizados, e só delete e/ou adicione em casos vida ou morte.


Enfim, depois de talvez umas 12 horas trabalhando (sem parar) vc terá vai... uns 1 ou 2 segundos de animação aceitáveis. (C'mon, don't bullshit me!) Uma última dica: Terminou a animação de uma ação? Tá Awesome? Se a resposta para essas duas perguntas é sim... Damn!!! Vc passou de fase e pode começar a próxima animação! (se houver) Portanto, preste atenção, eu não vou repitir! Com todos os controladores selecionados, adicione um keyframe em todos, um frame antes da próxima animação. Com isso, vc cria uma barreira que impede modifiações involuntárias e inconvenientes nas curvas que antecedem o último frame da animação anterior ao trabalhar a primeira pose da nova.

Nossa, mas que post enorme!

Talvez o gráfico da última imagem possa parecer um pouco hostil... Mas tenho certeza que depois de muito tempo olhando pra ele, vc não verá mais somente linhas... Ao invés, vc vai enxergar o seu personagem... animado.

Programação do Feed It!

2011-11-18T06:55:00.004-02:00

Assim como a arte, a programação também faz parte do design de jogos digitais. Por esse motivo, ela precisa ser pensada e testada várias vezes antes de chegar a uma conclusão.
Na produção do Feed It!, utilizamos a engine Unity3D e a linguagem de programação C# para criação dos scripts.

O link a seguir, levará a uma versão do jogo em que estávamos fazendo alguns testes, entre eles a iluminação da cena, texturas e movimentação dos personagens, score no HUD, animações etc.

Link

Utilize as teclas W, A, S e D para movimentar o Mendigo, E para arremessar outros personagens. Para simular pontos no score, aperte O, P, K ou L.

Texturização dos personagens.

2011-11-11T21:43:00.006-02:00

A texturização é uma etapa que se deve tomar muito cuidado, claro que nas outras também, porém é o momento em que estamos definindo a segunda parte do visual de nosso jogo, a cor. Devemos também, ficar atentos com o tamanho das texturas, uma configuração errada e já pode afetar de forma pertubadora o rendimento do jogo.

Para poder "texturizar" um elemento 3D, precisa-se antes, criar o UVW MAP de cada elemento tridimensional do jogo. É aconselhável (em minha opinião), que o próprio texturizador extraia os UVW MAPS, também chamado mapa de textura, pois desse modo o texturizador pode deixar as coordenadas do mapa do jeito que achar melhor para o desenvolvimento da textura. Outro membro pode extrair os mapas de texturas dos modelos 3D, sem nenhum problema, desde que crie as UVW Map de forma que o texturizador possa entender perfeitamente.

OBS: Se for o modelador ou qualquer outra pessoa quem irá criar esse mapas, é aconselhável que essa pessoa mantenha contato frequente com o texturizador.

Por ser uma etapa bastante trabalhosa, a texturização necessita de muita paciência e dedicação, mas também é bastante vantajosa por dar possibilidade de texturizar, tanto por meio de pintura como manipulação de imagens(muito usado nas criações de texturas com alta quantidade de detalhes, texturas para o estilo real).

Como citado logo acima, temos de tomar cuidado com o tamanho da textura, pois são mais informações para o computar calcular. Na extração dos modelos e desenvolvimento das texturas, pode-se ter o tamanho que preferir. Sempre é bom extrair em um tamanho que seja 2x maior o tamanho que irá usar (no caso, o normal é 1024 x 1024), para a criação de detalhes mais definida. Depois de criada a textura, basta apenas convertê-la para um tamanho menor, o qual não irá deixar o jogo com baixo rendimento.
OBS: Para criar esse mapas, use tamanhos que sejam potências de 2 ex: 512, 1024, 2048, 4096...

Bom, agora que foi explicado essa etapa, logo abaixo vocês podem visualizar um exemplo de mapa de textura (chamado de UVW Map) e entender porque tem esse nome. Cada ponto, aresta das partes brancas representam um ponto do modelo 3D.

Quem quiser, posso mais pra frente criar um tópico explicando sobre texturização, como criar um mapa de textura.

exemplo: UVW MAP do personagem Policial Feed It! (confuso não :D?)

Textura Personagem Policial. (A mesma UVW acima, só que pintada).

e por fim, a textura(imagem acima) aplicada no Modelo 3D

Velhinha - Textura

Modelo 3D

Vendedor de Hot-dog - Textura

Modelo 3D

Mendigo - Textura

Modelo 3D

Planta - Textura

Modelo 3D

Rig Reels

2011-11-11T15:08:00.003-02:00

Após ter definido o visual dos personagens através dos concepts e a escala dos personagens nos modelos 3D, é hora de preparar o personagem para a animação propriamente dita.

Em qualquer projeto, a complexidade do Rig vai depender das ações que o personagem vai executar. Não adianta fazer um Rig super complexo se o animador não vai utilizar metade dos controladores que foram criados!

Quanto menos o animador tiver que brigar contra o Rig para fazer uma boa animação, melhor.
Lembrem-se: Fazer Rigs é o trabalho do bom samaritano, é algo feito para ajudar o próximo da melhor forma possível, portanto, procure conversar com seu animador sobre as preferencias e necessidades dele.

Naturalmente, o que exigiu o Rig mais complexo foi a propria Planta, para comunicar da melhor forma possível as animações de balanço e uso de controladores para os lábios, lingua e mandíbula para gerar deformações convincentes para animações de engolimento.

Pela mecânica do jogo, Blend Shapes para gerar expressões faciais da planta iguais à do filme acabaram ficando de fora(risos), quem sabe em um próximo projeto?

Sem mais delongas, alguns exemplos de Rigs do projeto Feed It!

A Planta:

Vendedor de Hot Dog:

A Pomba:

A Vovó:

See you next mission!

Proporções dos personagens

2011-11-03T21:27:00.001-02:00

Antes de começar a montar todo o jogo e até mesmo rigar os personagens, é preciso já ter definido a proporção dos elementos presentes nele.

Assim evitamos problemas de um personagem ficar muito maior que o outro.

Essa etapa teve grande importância no projeto, principalmente pelo fato de podermos definir o tamanho que a nossa planta carnívora teria em relação aos outros personagens. É aconselhável que o desenhista esboce essas proporções para ser possível visualizar ainda no 2d o tamanho que cada personagem terá em relação ao outro. Facilitando também para o modelador, que poderá assim, criar os modelos no tamanho correto.

Logo abaixo vocês podem visualizar a proporção que criamos para os personagens.

Para ampliar, só clicar na imagem.

obrigado pela atenção,

e fiquem ligados nos próximos post.

Abraços

The Place of the Environment...

2011-11-02T23:07:00.005-02:00

Durante a produção, muitas coisas são rascunhadas pra ter uma ideia de como elas devem estar quando forem implementadas. Com o cenário o papo não é diferente. Da mesma forma que desenvolvemos diversos estudos e esboços para os personagens, o ambiente onde se passa o jogo também deve passar pelas fases de estudos para definir o lugar onde estarão os personagens.

Faz o seguinte: imagine o seu jogo rolando.
Agora, pense de que ponto seria legal mostrar tudo isso que está acontecendo. Comece com pequenos esboços até encontrar uma vista que tenha potencial pra ficar awesome! Quando achar, amplie e finalize.

O importante é captar a ambiência, ritmo e feeling do que estará acontecendo durante as partidas. Quanto mais elementos forem adicionados, mais rico será o universo do jogo. (referências for the win, please :)

Feed It! se passa em um parque de uma grande cidade. Eis o primeiro ataque para dar forma ao local onde a planta resolve bater um rango:

Versão colorida para testar iluminação e contrastes entre os personagens. Muitas das texturas foram finalizadas baseadas na paleta usada nos concepts, o que acelerou bastante o processo de produção:

Adicionar cor nos esboços de cenário pode ampliar ainda mais a pré-visualização do clima e das características do que irá compôr o cenário do seu jogo. Lembre sempre de colocar um ou mais personagens ali, assim, você tem uma referência de escala para grantir proporções proporcionais, sacou? Maravilha.

Aquele Abraço!!

Começando a dar forma...

2011-10-30T23:23:00.007-02:00

Depois que os model sheets ficaram prontos, enquanto eles eram coloridos para servir de referência para as texturas, os modelos começaram a tomar forma.

A ajuda desse tipo de referência nem sempre é necessária, e para falar a verdade, cada vez menos tem sido usada em grandes produtoras. Mas ainda existem os mais tradicionais que não dispensam o uso, assim dá para garantir que seus modelos ficarão exatamente da forma como foram pensados. Se há tempo para fazê-los, então faça, é um bom exercício para os desenhistas e para o modelador encarregado, é bom treinar o olho para entender volumes 3D a partir de desenhos 2D.

A modelagem em si não demorou muito tempo, tivemos um espaço de cerca de 2 dias para cada um. Uns foram mais fáceis e outros mais trabalhosos, então usamos todo tempo disponível para dar uma atenção especial aos 5 principais, já que aparecem o tempo todo.

Abaixo segue umas imagens dos modelos finais. Em breve mostraremos a versão texturizadas da galera e alguns modelos secundários, como os NPCs que correm pelo parque.

Clique nas imagens para ampliar

Planta

Policial

Velhinha

Mendigo

Vendedor de hot-dog

Modelsheets - Coloridos

2011-10-30T15:57:00.003-02:00

Olá pessoal,
bem como havia dito antes, estou postando aqui os modelsheets dos personagens principais coloridos.
Essa parte foi bastante importante, pois facilitou muito no desenvolvimento das texturas.

POLICIAL

VENDEDOR DE HOT-DOG

VOVÓZINHA

MENDIGO

(foi um dos personagens mais difíceis de se definir a cor até o fim do desenvolvimento das texturas, já que sua paleta de cores são pouco mais escuras que a dos outros - em breve verá a alteração na textura).

PLANTA CARNÍVORA

(as cores dela foram pensadas com base da planta

do filme "A pequena loja de horrores")

Modelsheets - Personagens principais

2011-10-27T23:33:00.005-02:00

Depois de muito avaliar, criticar... finalmente escolhemos nossos personagens finais (os principais). Mas antes de começarmos as modelagens, precisavamos fazer os modelsheet (turnaround ou visão geral do personagem) para poder saber como seria o design de nosso personagem, além de que também facilita para a compreensão da modelagem 3d.

Sem mais enrolação(rs), segue ai as imagens.
Abraços e esperamos que gostem.

ps: em breve vocês verão a versão colorida deles.

POLICIAL

VENDEDOR DE HOT-DOG

VOVÓZINHA

MENDIGO

A famosa Planta Carnívora!

(o grande desafio dela, foi conseguir deixá-la com aparência feminina)

The Art of Feed It! Begins.

2011-10-26T00:18:00.004-02:00

Vamos começar a preencher este blog com a awesomeness.

Durante o processo de criação, é muito importante ter uma visualização das ideias do que aparecerá no seu game. Depois que definimos o contexto e a lista de personagens do jogo, partimos para a definição do visual de tudo isso. Uma maneira bem legal de você trabalhar com concepts de personagem, é numerar todas as opções. Assim, o processo de escolha por parte dos integrantes do grupo fica muito mais prático e democrático. Se você é artista, isso ajuda a resolver o visual dos personagens com a aprovação de todos muito mais rápido.

Bom, espero que vcs gostem do post, comentem e compartilhem! No mais...

Aquele Abraço!!

Clique nas imagens para ampliar!! :D

É uma planta carnívora gigante alienígena que caiu do céu e está faminta para realizar o seu desejo. Wanna Feed It?

O Policial. Marrudo, ele te olha torto! Cuidado com esse cara!!

A Vovó. Muito querida... e traiçoeira! Corra dela!!

O Cara do Hot Dog. Esse manolo é bacana... mas não é sanduíche que se morda!!

O Mendigo. Ele tem estilo... e um fedor também! Fuja dele!!

Catarse

2011-10-25T00:24:00.002-02:00

Colabore com o nosso projeto no Catarse e aproveite para conhecer melhor o grupo e o projeto.