O jeito incrível que os designers de games animavam os primeiros cenários coloridos

colorcycle_feat-600x3222x

No começo da indústria de games, o processamento e a memória das máquinas era muito, MUITO, limitada.

Os primeiros games tinham 16 cores para trabalharem. Só. Era o EGA, da IBM, que já era considerado um avanço tremendo.

ega_games

Aí a galera conseguiu expandir para 256 cores com o VGA (usado em coisas até hoje!) e os cenários começaram a parecer BEM bonitos.

vga_game

Mas ainda faltava alguma coisa… como deixar os cenários mais reais ainda animando eles, só que com todas as limitações computacionais da época?

A solução foi o color cycling, que uns também chamavam de pallete shifting.

Como só haviam 256 cores disponíveis para se criar uma paleta de cores, os programadores descobriram que era possível, no entanto, alterar a própria paleta.

Como assim? Cada paleta durava um ciclo, a paleta seguinte substituía as cores que seriam alteradas na imagem seguinte, e a sequência disso causava a impressão de animação.

Tudo isso gera esse efeito BEM legal e muito convincente sem qualquer aumento significativo do tamanho do arquivo. Afinal de contas, ainda é apenas uma imagem.

Os exemplos desse site são incríveis e mostram todo o potencial dessa prática (aliás, mostram até mudança de iluminação de acordo com a hora do dia nas mesmas paisagens, coisa fina e linda). Eles disponibilizam até o tutorial para fazer a mesma coisa usando html5.

colorcycling_gif1

colorcycling_gif2

Nessa palestra incrível no GDC 2016, o designer de games das antigas Mark Ferrari conta como eles começaram a trabalhar com gráficos EGA, fizeram o pulo do gato pra animar com o color cycling e até mesmo passaram a economizar espaço nos games ao usar essa técnica para até mesmo mudar cenários inteiros!

Sim, é BASTANTE tempo, mas o conteúdo é riquíssimo pra quem se interessa pela história dos videogames (e acho que computação em geral).

 

Via Update Or Die

Anúncios
Etiquetado , , , , , , , , , , ,

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: