É sempre a mesma coisa: nós desenvolvedores temos uma boa idéia para um jogo, implementamos um protótipo só com retângulos coloridos, confirmarmos a jogabilidade e então chega a hora de colocar gráficos e sons decentes. Muitas vezes abrimos um editor de imagens e juntamos algumas figuras, aplicamos alguns efeitos… e fechamos sem salvar. Acabamos no velho spritersresource…

Com o som é quase a mesma coisa: procurar na internet. No entanto poucos se aventuram na criação de sons como forçam a mão na criação de imagens. Apesar disso, acredito que a geração e edição de áudio seja mais simples – de forma geral o leigo obtém resultados mais “profissionais” com o áudio do que obtém com as imagens, porque elas demandam um viés mais artísticos, enquanto o áudio demanda mais o técnico.

Veja que me refiro aqui aos efeitos sonoros e músicas incidentais. A trilha sonora completa de um jogo é bem mais complexa, por se tratar de música em sí e, sendo assim, de arte.

Vou comentar quatro tipos de ferramentas interessantes para quando chega a hora de criar o áudio. Vamos a elas.

Audacity

http://audacity.sourceforge.net/download

Um dos mais conhecidos e utilizados editores de áudio (falando em produtos free), o Audacity possui muitos recursos para tratamento do áudio e é surpreendentemente simples de usar. Você pode ir dominando ele aos poucos. Possui versões para Windows, Linux e Mac.

Este tipo de editor permite distorcer bastante os sons, aplicando efeitos. Desta forma que você pode partir da gravação (use um microfone de boa qualidade) de um som conhecido e transformá-lo em uma explosão ou disparo laser. Pode até mesmo partir de sons feitos com a própria voz e editá-los até chegar no efeito sonoro desejado.

Esta é uma ferramenta básica, que serve também como apoio para as próximas. Você vai precisar dela para tarefas simples, como cortar um espaço de silêncio no início ou no final de um arquivo de áudio baixado e para tarefas complexas, como unir várias trilhas de áudio e compor uma música de qualidade profissional.

Existe uma página oficial com algum material em português (link abaixo). Procurando se acha vários tutoriais na rede.

http://wiki.audacityteam.org/index.php?title=Brazilian_Portuguese_Information

sfxr

http://code.google.com/p/sfxr

Uma forma de gerar sons para games é a partir de sons reais, gravados e distorcidos. Outra forma é a geração de efeitos sonoros de forma digital, com uma ferramenta que permita manipular ondas de diversas formas (retangulares, triangulares, etc) gerando um determinado tom e também aplicar parâmetros a este tom, como vibração, eco, decaimento, velocidade e volume. Se você acha que este tipo de software é complexo, acertou.

Mas tem uma opção legal para geração de sons para jogos, pelo menos para a fase de protótipo. O sfxr permite manipular vários parâmetros gerando sons, e o que mais importa é que ele possui botões para parâmetros pré-determinados. Por exemplo, você aperta o botão “explosion” e o programa ajusta os parâmetros dentro de limites que gerem o efeito desejado. Dentro destes limites é aplicada uma aleatoriedade, de forma que você clicar novamente no botão “explosion”, terá uma explosão diferente. Depois que você achar o som mais próximo do que você deseja, pode clicar no botão “mutate” para realizar mutações no som, ou seja, variações muito pequenas no som.

E é claro que depois dá fazer o ajuste fino do som mexendo diretamente nos controles dos parâmetros. É possível salvar os parâmetros do som para carregar depois e fazer novos ajustes. E no final exportar para .wav, pronto para usar no jogo (ou passar pelo Audacity).

Como o programa trabalha com tipos simples de ondas, o som gerado lembra o dos videogames de 8-bits. Fiquei um tempão mexendo no programa tentando reproduzir sons de jogos antigos… Veja se não ficou próxima minha “moeda do Mário”: MarioCoin_sfxr

Criadores on-line de trilhas

No quesito trilha sonora, a coisa complica – criar um música geralmente depende de tocar um ou mais intrumentos musicais. E nem todo desenvolvedor tem essa habilidade…

Mas digo “geralmente depende”, porque em certos casos, como músicas simples para jogos, que podem ser curtas e executadas em loop, é possivel criar usando ferramentas semi-automatizadas, em processo totalmente digital. Sem saber tocar em um instrumento sequer.

Existem vários programas de criação de trilhas musicais, mas cito aqui alguns que são acessados on-line e de forma livre, sem custo. Segue a lista:

• JamStudio – permite a criação de trilhas com sons bem reais de instrumentos. Muito fácil de usar.
• Looplabs – oferece três editores para diferentes estilos de música eletrônica.
• iNudge – ferramenta legal para “brincar”, limitada mas capaz de gerar músicas interessantes com poucos cliques.
• Aviary Music Creator – o Aviary é um site conhecido que oferece vários editores on-line, de imagens, desenho vetorial, áudio e outros. Recentemente lançou um editor de trilhas musicais.

Não vou entrar em detalhes sobre a utilização de cada uma destas ferramentas porque são muito simples. De forma geral basta escolher um instrumento ou tipo de som e colocá-lo na trilha desejada. O JamStudio é o que permite maiores variações de gêneros e gera as músicas com amostras de intrumentos reais.

O detalhe importante aqui é que, por serem gratuitos, estes sites limitam a possibilidade de salvar as composições. Permitem apenas salvar on-line, não gerando um arquivo para ser salvo no disco. Aqui o Audity nos ajuda, permitindo gravar o som produzido.

O processo é o seguinte:

1. Acessar a ferramenta online e criar  a música;
2. Depois de pronta, abrir o Audacity;
3. Iniciar a gravação no Audacity e logo em seguida dar “play” na ferramenta on-line;
4. Quando a música terminar (ou começar a repetir), finalizar a gravação no Audacity;
5. Editar a trilha no Audacity, repetindo a trilha gravada, aplicando efeitos, mudando volume, pan, etc.

Você pode usar a ferramenta on-line para gravar trilhas separadas para cada intrumento e depois criar a música de fato no Audacity, controlando quando determinado intrumento entra. Você pode ainda ficar mudando parâme3tros em tempo real na ferramenta on-line, enquanto o Audacity grava, criando uma música mais variada.

Sites de loops e efeitos de som

Naturalmente, existem sites que disponibilizam música, loops e efeitos de som para download. Alguns trabalham com comunidades, onde os sons disponíveis são enviados pelos próprios usuários e são disponibilizados gratuitamente.

Pela minha experiência, digo que é difícil achar sites que ofereçam bons efeitos de som gratuitos para download. Geralmente oferecem uma baixa qualidade de gravação, com ruído, por exemplo. Abaixo uma lista com alguns que passaram no meu gosto, mas existem muito por aí.

• The Free Sound Project – Excelente iniciativa de coletar efeitos de sons licenciados via Creative Commons. O site conta com um bom sistema de busca.
• FreeSFX – Coleção bem organizada.
• MySoundFX – Coleção de sons de boa qualidade.
• Music-for-video – Alguns efeitos e cortes musicais para utilização em trailers.
• PacDV – Boa coleção de efeitos sonoros.
• Nifter, categoria de efeitos de som – Mais alguns efeitos. O site ainda tem outras categorias, como imagens de fundo, ícones e fontes.
• http://www.stonewashed.net/sfx.html – Aqui tem uma lista enorme de links para sites de efeitos sonoros – sempre se encontra algo de proveito nestas listas…

Já para músicas e loops, principalmente quando alimentados por uma comnunidade, os áudios disponíveis são muito bem acabados. Loops são pedaços de músicas que podem ser executado continuamente, já que o final encaixa com o início. Abaixo uma excelente comunidade de loops (alguns sites da lista acima também os tem).

• Looperman – Comunidade de criadores de áudio, com muitos loops disponíveis.

Detalhes técnicos

Importante citar que devemos ter os drives de som corretos instalados. Eles são tão importantes quanto os drivers de vídeo para questões de desempenho e qualidade dos jogos.

No caso do Windows Vista e Windows 7, sem os drives específicos da placa de som talvez não seja possível fazer a gravação com oAudacity. O sistema (Windows) vai permitir gravação apenas pelo microfone. Para gravar o som de origem digital, gerado pelo computador (no caso, o som gerado pela ferramenta de música que está executando no navegador), é preciso ter disponível o dispositivo StereoMixer. Outros nomes para este dispositivo é WaveMixer, Mixer de Áudio ou “What you hear”.

Dica para Windows Vista e 7: clique com o botão direto no ícone de volume e selecione a opção “dispositivos de gravação”. Se o StereoMixer não estiver na lista, clique com o botão direito do mouse e marque a opção “mostrar dispositivos desativados”. Depois clique no mixer e selecione ativar.

Se o StereoMixer não aparecer mesmo entre os dispositivos desativados, o problema é, com certeza, relacionado aos drivers de aúdio.

Boa sorte na produção de sons. Se você gerar um coleção com vários sons de qualidade, quem sabe considera a opção de disponibilizá-los no The Free Sound Project.

Não deixem de conferir esta primeira parte, está muito legal.

Tutorial Pixel Art – Parte 1

Olá a todos, prosseguindo a abordagem artística dos games aqui no Abrindo o Jogo, o artigo de hoje abordará de forma geral a pixel art. Para começar, apresento uma breve definição do pixel, o componente básico da Pixel Art.

O pixel é o que podemos chamar de o menor elemento em que se pode atribuir uma cor em um dispositivo eletrônico visual, é pela existência dele que foi possível visualizarmos as primeiras formas que representavam os ambientes e avatares apresentados nos games. Claro que nos primórdios dos games, precisávamos de muita imaginação para enxergar um personagem ou um veículo naquele amontoado de quadrados apresentados na tela. Apesar de enxergarmos um quadrado, o pixel não necessariamente possui essa forma. Cada pixel é um ponto formado por um conjunto de três pontos, vermelho, verde e azul ou Red Green and Blue: o famoso sistema de cores RGB. Esse sistema é capaz de gerar 256 tonalidades variantes das três cores originais e combinando estas tonalidades, é possível exibir algo em torno de 16 milhões de cores diferentes.

Mistura de cores RGB - Adventure (Atari 1980)

Os gráficos dos games são gerados através de imagens pré-renderizadas, conhecidas como imagens Bitmaps. Como sugere o nome, as imagens bitmaps são um mapa de bits que contém as informações sobre a posição de cada pixel. Este esquema de disposição se dá através do número binário atribuído a cada cor, o resultado é similar a um mosaico, uma antiga forma de arte onde são usadas tesselas para criar imagens, desta forma nasceu a Pixel Art, que utiliza o mesmo principio para criar os gráficos que conhecemos.

Mosaico do império Bizantino

O conceito de Pixel Art foi abordado pela primeira vez por Richard Shoup em seu software SuperPaint (MAC) em 1972, porém o primeiro registro do termo “Pixel Art” é de 1982, quando foi citado por Adele Goldberg e Robert Flegal em uma compilação de artigos editada pela Associação para Maquinaria da Computação. Basicamente a Pixel Art pode ser definida como a criação ou edição de uma imagem a partir da alocação de cada pixel.

Hoje ela pode ser criada a partir de qualquer programa de edição de imagens Bitmap, de preferência os que permitam trabalhar com zoom ampliado a um nível que possa haver a liberdade de edição de cada pixel individualmente. Os softwares mais comuns para a criação de Pixel Art são: Photoshop, Fireworks, Corel Photopaint e ainda os de mais fácil acesso, como: Paint e GIMP.

Nos modelos mais antigos de games, como o Atari 2600, por exemplo, os gráficos gerados através da Pixel Art não utilizavam contorno nos elementos, fato este, que exigia que o contraste entre as cores dos objetos e cenários fosse suficientemente forte para que se destacassem na tela. Devido ao número reduzido de cores que o console utilizava na época, era muito comum topar com jogos que possuíam uma combinação de cores não muito agradável.

Star Wars: Empire Strikes Back (Atari -Parker Brothers, 1982)

A evolução veio com o aumento do número de cores que os consoles sucessores agregaram, sendo possível visualizar um grande salto de qualidade com o surgimento dos consoles de 8-bits. No entanto, foi nos consoles de 16-bits que ficou clara a diferença que a utilização de contorno nos elementos apresentados, somado a maior variedade de cores, fez para uma visualização da tela. A imagem gerada não exigia um grande esforço dos olhos por não trabalhar necessariamente com um contraste forte entre as cores, além de atenuar os elementos com a utilização de um contorno mais escuro. Para quem passava muitas horas na frente da TV, esse avanço trouxe benefícios à visão, além de deixar o visual dos games mais bonitos.

Double Dragon 2 (NES – Acclaim,1990) Sonic Blast Man (Nes -Taito, 1994)

A evolução gráfica dos games não parou e em meados dos anos 90 com o crescimento dos jogos com gráficos tridimensionais no mercado, os Pixel Art foram substituídos por polígonos gerados por vetores e aos poucos a arte de desenhar ponto a ponto foi perdendo força para os modelos tridimensionais. Durante algum tempo a aplicação da arte dos pixels se resumiu a criação de ícones para sistemas operacionais e a criação de peças publicitárias para web. Hoje no mundo dos games, os pixels são aplicados na criação de jogos para celular, pois a baixa resolução e a pouca memória dos aparelhos faz com que os jogos devam ser leves, o que torna a Pixel Art a melhor opção gráfica para esse nicho. Vale salientar que o mercado para jogos de celular está crescendo cada vez mais no Brasil, sendo esta uma grande porta para quem quer entrar no ramo de desenvolvimento de games no nosso país.

Game para celular Prince of Persia The Two Thrones

Curiosidades:

Pixel Art nas ruas:

O artista Arno Coenen materializou a Pixel Art criando murais com imagens de conhecidos personagens do mundo dos games utilizando a técnica do mosaico.

Lara Croft por Arno Coenen Donkey Kong por Arno Coenen

Mais Imagens podem ser apreciadas aqui:

http://www.rockandroyal.com/

Materializando a Pixel Art:

Com paciência e algumas peças de Lego é possível! Confira o vídeo tutorial de como montar o seu próprio Super Mario e o Link do Clássico Zelda:

Mario Lego

Link Lego

A nossa abordagem no mundo da Pixel Art não acaba aqui! Em breve, confira aqui como criar objetos utilizando Pixel Art. Até mais!

Imagens de referência:

• http://www.historianet.com.br
• http://www.gamasutra.com/
• http://outtaleftfield.com

Ilustração: Marcos Götze

Vamos juntos acompanhar seu primeiro post.

Olá a todos, em primeiro lugar eu gostaria de agradecer a oportunidade de colaborar com o blog, o foco dos textos que apresentarei serão relacionados a questões visuais dos games e espero que essa experiência de troca de conhecimento contribua para o crescimento de todos nós!

Começarei esse texto com a seguinte provocação: O que nos faz optar por determinado jogo? Os gamers de hoje em dia podem ser considerados consumidores sortudos, pois é muito fácil informar-se sobre determinado título antes de adquiri-lo. É possível analisar reviews, screenshots, trocar idéia sobre games com jogadores de todas as nacionalidades e até mesmo experimentar demos jogáveis, tudo isso graças a internet, mas nem sempre foi assim. Há mais de vinte anos atrás, quando os cartuchos começaram a popularizar-se, quando esse tipo de informação não era tão acessível, como os gamers escolhiam seus títulos?

Nem sempre era possível testar os jogos antes de comprá-los, e é nesse ponto que as labels entram em ação. Para quem nunca ouviu o termo, labels são as etiquetas com ilustrações que são colados nos cartuchos ou estampadas em CD´s e DVD´s, juntamente com as “caixinhas dos games”. Era este o elemento responsável pelo apelo visual aplicado na mídia de distribuição dos jogos para atrair o público. A maior parte dos consumidores, na época, era formado por crianças, afinal, os títulos “adultos” como Burning Desire de 1982 e X-Men de 1983, realmente estavam em menor número. Com esse fator, o uso de belas ilustrações (ou não, como veremos mais adiante) eram importantes para escolha do game a ser comprado. Crianças geralmente são atraídas por elementos coloridos e divertidos ou que de alguma forma se identifiquem, como por exemplo, personagens conhecidos. Em virtude destes pontos, às vezes o consumidor acabava pagando pela ilustração e não pelo jogo.

Para exemplificar esta visão posso citar a versão do cartucho que conheci na época, Superman o  jogo. Lançado para consoles da Atari em 1978, o game apresentava o label com uma ilustração do personagem voando no espaço, no melhor estilo HQ, porém a decepção foi imediata ao jogar o game, uma vez que este era extremamente desinteressante e confuso. Em nenhum momento, o personagem atuava no espaço, como sugeria a etiqueta.

Superman o Jogo (ou quase isto)

Por outro lado havia o efeito inverso, labels muito ruins com jogos interessantes, como por exemplo, Pitfall: um dos clássicos criados para o console da Atari, era vendido aqui com uma terrível ilustração, parecendo mais um jogo do Mogli, o menino-lobo.

Pitfall, o menino-lobo

Este tipo de caso era bastante comum naquela época. Para mim, era claro que a preocupação com a estética do jogo como produto não era relevante para as distribuidoras de jogos, que pareciam acreditar que apenas o software e o fator diversão eram auto-suficientes para a venda dos cartuchos. O resultado disso é uma coleção vergonhosa de ilustrações que até hoje servem de referência para “o que não se deve fazer para vender um produto”.

Acredito que a grande lição disso é que devemos ter sempre claro que o produto final precisa apresentar uma boa aparência, mas ao mesmo tempo, também precisa cativar e ser honesto com o consumidor.

Imagens retiradas de : http://www.atariage.com