Animações

[O Microsoft Agent foi preterido a partir do Windows 7 e pode estar indisponível nas versões subsequentes do Windows.]

As animações de um personagem refletem seu gênero, idade, personalidade e comportamento. O número e os tipos de animações criados para um caractere dependem do que o caractere faz e de como ele responde a diferentes situações.

Como animações tradicionais, animações digitais envolvem a criação de uma série de imagens ligeiramente diferentes que, quando exibidas sequencialmente, fornecem a ilusão de ação. A criação de imagens de animação de alta qualidade pode exigir um animador qualificado, mas o estilo e a apresentação do caractere que você cria também afetam a qualidade. Caracteres bidimensionais com formas e recursos simples às vezes podem ser tão eficazes quanto (ou mais eficazes do que) caracteres altamente renderizados. Não é necessário criar uma imagem realista para retratar um caractere eficaz. Muitos personagens populares de desenho animado não são realistas em sua apresentação, mas são eficazes porque o animador entende como transmitir ação e emoção. O Apêndice fornece informações gerais sobre princípios fundamentais de design de animação.

Quadros

Cada animação criada para um caractere do Microsoft Agent é composta por uma sequência de quadros cronometrada. Cada quadro na animação é composto por uma ou mais imagens bitmap. As imagens podem ser tão pequenas quanto você precisa delas ou tão grandes quanto o próprio quadro.

Detalhes da animação, como piscar os olhos ou movimento do dedo, podem ser incluídos como imagens adicionais para o quadro. Você pode sobrepor várias imagens para criar uma composição e variar sua posição nas camadas. Essa técnica permite reutilizar imagens em vários quadros e variar os detalhes que mudam. Por exemplo, se você quiser ter um caractere acenando com a mão, para cada quadro você pode usar uma imagem base com tudo menos a mão e sobrepor a imagem base com uma imagem de mão diferente. Da mesma forma, se você quiser fazer o caractere piscar, poderá sobrepor um conjunto diferente de olhos sobre uma imagem base para cada quadro. As imagens também podem ser deslocadas da imagem base. No entanto, somente a parte da imagem que existe dentro do tamanho do quadro será exibida.

Você pode ter quantos quadros desejar em uma animação; no entanto, uma animação típica tem uma média de cerca de 14 quadros para que ela seja reproduzida por no máximo seis segundos. Esse período modesto garante que seu caractere pareça responsivo à entrada do usuário. Além disso, quanto maior o número de quadros, maior o arquivo de animação. Para caracteres baixados baseados na Web, mantenha o tamanho do arquivo de animação o menor possível, ao mesmo tempo em que fornece um conjunto de quadros de tamanho razoável, para que a animação do personagem não pareça irregular.

Design de Imagem

Você pode usar qualquer ferramenta de elementos gráficos ou animação para criar imagens para quadros de animação, desde que armazene as imagens finais no formato bitmap (.BMP) do Windows. Quando as imagens forem criadas, use o Editor de Caracteres do Microsoft Agent para montar, sequenciar e cronometrar as imagens, fornecer outras informações de caractere e compilar todas as informações em um arquivo de caractere final.

As imagens de caractere devem ser projetadas para uma paleta de 256 cores, preservando as 20 cores padrão do sistema Windows em sua posição padrão na paleta (as primeiras 10 e as últimas 10 posições). Isso significa que a paleta de cores do caractere pode usar as cores padrão do sistema e até 236 outras cores. Ao definir sua paleta, inclua todos os adereços que seu caractere usa na animação. Se a paleta do caractere colocar cores nas posições de cor do sistema, essas cores de caractere serão substituídas com as cores do sistema quando o Microsoft Agent criar a paleta.

Quanto maior o número de cores usadas na paleta de cores de um caractere, maior a possibilidade de que parte das cores do caractere possa ser remapeada para sistemas configurados para uma configuração de cores de 8 bits (256). Considere também o uso da paleta do aplicativo no qual o caractere será usado. É melhor evitar que o caractere remapee as cores de seu aplicativo host e vice-versa. Da mesma forma, se você planeja dar suporte a vários caracteres exibidos ao mesmo tempo, provavelmente desejará manter uma paleta consistente para esses caracteres. Você pode considerar usar apenas as cores padrão do sistema em seu caractere se você direcionar usuários com uma configuração de cores de 8 bits. No entanto, isso ainda pode não impedir o remapeamento da cor do caractere se outro aplicativo redefinir extensivamente a paleta de cores. Em sistemas definidos como resoluções de cores mais altas, o remapeamento de paleta de cores não deve ser um problema porque o sistema gerencia as paletas de cores automaticamente.

Usar um número maior de cores em uma imagem também pode aumentar o tamanho geral do arquivo de animação. O número de cores e frequência de variação pode determinar o quão bem seu arquivo de caractere compacta. Por exemplo, um caractere bidimensional que usa apenas algumas cores compactará melhor do que um caractere tridimensional sombreado.

Você deve usar a mesma paleta de cores para todo o arquivo de caracteres. Você não pode alterar a paleta para animações diferentes. Se você tentar dar suporte a configurações de cores de 8 bits, considere usar a mesma paleta para seu aplicativo e quaisquer outros caracteres que você planeja dar suporte.

A posição de 11 na paleta é definida por padrão como a cor de transparência (ou alfa), embora você também possa definir a cor usando o Editor de Caracteres do Microsoft Agent. Os serviços de animação do Microsoft Agent renderizam todos os pixels transparentes nessa cor, portanto, use a cor em suas imagens somente onde você deseja transparência.

Considere cuidadosamente a forma do caractere, pois ela pode afetar o desempenho da animação. Para exibir o caractere, os serviços de animação criam uma janela de região com base na imagem geral. Áreas irregulares pequenas geralmente exigem mais dados de região e podem reduzir o desempenho de animação do caractere. Portanto, quando possível, evite lacunas ou elementos e detalhes de pixel único.

Evite alias da borda externa do seu caractere. Embora o anti-aliasing seja uma boa técnica para reduzir bordas irregulares, ele se baseia em cores adjacentes. Como seu caractere pode aparecer em cima de uma variedade de cores, o anti-alias da borda externa pode fazer com que seu caractere apareça mal em outros planos de fundo. No entanto, você pode usar o anti-aliasing nos detalhes internos do seu caractere sem encontrar esse problema.

Tamanho do quadro

O tamanho do quadro normalmente não deve ser maior que 128 x 128 pixels. Embora os caracteres possam ser maiores ou menores em qualquer dimensão, o Editor de Caracteres do Microsoft Agent usará isso como seu tamanho de exibição e dimensiona as imagens de caractere se você definir um tamanho de quadro maior. O tamanho do quadro 128 x 128 faz compensações razoáveis com o espaço que o caractere ocupará na tela. Seu aplicativo pode dimensionar um caractere em tempo de execução.

Duração do quadro

Você pode usar o Editor de Caracteres do Microsoft Agent para definir quanto tempo cada quadro de animação será exibido antes de passar para o próximo quadro. Defina a duração de cada quadro como pelo menos 10 centésimos de segundo (10 quadros por segundo) – qualquer coisa menos pode não ser perceptível em alguns sistemas. Você também pode definir a duração por mais tempo, mas evitar pausas não naturais na ação.

O Editor de Caracteres do Microsoft Agent também dá suporte à ramificação de um quadro em uma animação para outro, com base nos percentuais de probabilidade fornecidos. Para qualquer quadro específico, você pode definir até três branches diferentes. A ramificação permite criar animações que variam quando são reproduzidas e animações que fazem loop. No entanto, tenha cuidado ao usar a ramificação, pois ela pode criar problemas ao tentar reproduzir uma animação após a outra. Por exemplo, se você reproduzir uma animação de loop ou ramificação, ela poderá continuar indefinidamente, a menos que você use um método Parar. Se você estiver incerto, evite ramificar.

Quadros que não têm imagens e são definidos como duração zero não aparecem quando incluídos em uma animação. Você pode usar esse recurso para criar quadros que dão suporte à ramificação sem serem visíveis. No entanto, um quadro que ainda não tem imagens tem uma duração maior que zero será exibido. Portanto, evite incluir quadros vazios em sua animação, pois o usuário pode não conseguir distinguir um quadro vazio de quando o caractere está oculto.

Transição de quadro

Ao projetar uma animação, considere como fazer a transição suave de e para a animação. Por exemplo, se você criar uma animação na qual o caractere faz gestos à direita e outra na qual o caractere faz gestos para a esquerda, você deseja que o caractere seja animado suavemente de uma posição para a outra. Embora você possa criar isso em qualquer animação, uma solução melhor é definir uma posição neutra ou transitória da qual o caractere inicia e retorna. Animar para a posição neutra pode ser incorporada como parte de cada animação ou como uma animação separada. No Editor de Caracteres do Microsoft Agent, você pode especificar uma animação complementar Retornar para cada animação para seu caractere. A animação Return normalmente não deve ser mais do que 2-4 quadros para que o caractere possa fazer a transição rápida para a posição neutra.

Por exemplo, usando o cenário "gesturing right, then gesturing left", you can create a GestureRight animation, starting with a frame where the character appears in a neutral position, and add frames with images that extend the character's hand to the right. Em seguida, crie sua animação Return: uma animação complementar com imagens que retornam o caractere à sua posição neutra. Você pode atribuir isso como a animação Return para a animação GestureRight. Em seguida, crie a animação GestureLeft que começa da posição neutra e estende o braço do caractere para a esquerda. Por fim, crie uma animação complementar Return para essa animação também. Uma animação Return normalmente começa com uma imagem que segue a última imagem da animação anterior.

Iniciar e retornar à mesma posição neutra, dentro de uma animação ou usando uma animação Return, permite que você reproduza qualquer animação em qualquer ordem. Os serviços de animação do Microsoft Agent reproduz automaticamente a animação Return designada em muitas situações. Por exemplo, os serviços reproduzem a animação Return designada antes de reproduzir as animações de estado de Idling do seu personagem. É uma boa ideia definir e atribuir animações de Retornar se suas animações ainda não terminarem na posição neutra.

Se você quiser fornecer suas próprias transições entre animações específicas; por exemplo, como você sempre os reproduz em uma ordem bem definida, você pode evitar definir animações Retornar. No entanto, ainda é uma boa ideia começar e encerrar a sequência de animações da posição neutra.

Animação de fala

Forneça imagens da boca para cada animação durante a qual você deseja que o caractere seja capaz de falar, a menos que o design do seu personagem não tenha boca animada ou indicação de saída falada. Em geral, o movimento da boca é muito importante. Um personagem pode parecer menos inteligente, simpático ou honesto se seu movimento da boca não estiver razoavelmente sincronizado com sua fala. As imagens da boca permitem que o caractere sincronize os lábios com a saída falada. Você define imagens de boca separadamente e como arquivos bitmap do Windows. Eles devem corresponder à mesma paleta de cores que as outras imagens em sua animação.

Os serviços de animação do Microsoft Agent exibem quadros de animação da boca na parte superior do último quadro de uma animação, também chamado de quadro de fala da animação. Por exemplo, quando o caractere fala na animação GestureRight, os serviços de animação sobrepõem os quadros de animação da boca no último quadro de GestureRight. Um caractere não pode falar durante a animação, portanto, você fornece apenas imagens da boca apenas para o último quadro de uma animação. Além disso, o quadro de fala deve ser o quadro final de uma animação, portanto, um caractere não pode falar em uma animação de looping.

Normalmente, você fornece as imagens da boca no mesmo tamanho do quadro (e imagem base), mas inclui apenas a área que anima como parte do movimento da boca e renderiza o restante da imagem na cor transparente. Projete a imagem para que ela corresponda à imagem no quadro de fala quando sobreposta sobre ela. Para que ele corresponda corretamente, é provável que você precise criar um conjunto separado de imagens de boca para cada animação em que o caractere fala.

Uma imagem da boca pode incluir mais do que a própria boca, como o queixo ou outras partes do corpo do personagem enquanto ele fala. No entanto, se você mover uma mão ou uma perna, observe que ela pode parecer mover-se aleatoriamente porque a sobreposição da boca exibida será baseada no foneme atual de uma frase falada. Além disso, o servidor corta a imagem da boca para a estrutura de tópicos da imagem do quadro de fala. Projete a imagem de sobreposição da boca para permanecer dentro da estrutura de tópicos de sua imagem de quadro de fala base, pois o servidor usa a imagem base para criar o limite da janela para o caractere.

O Editor de Caracteres do Microsoft Agent permite que você defina sete posições básicas da boca que correspondem a formas comuns de boca de foneme mostradas na tabela a seguir:

Imagens de animação da boca

Posição da boca	Imagem de exemplo	Representação
Fechado		Forma de boca fechada normal. Também usado para fonemas como "m" como em "mom", "b" como em "bob", "f" como em "fife".
Open-wide 1		A boca está ligeiramente aberta, em largura total. Usado para fonemas como "g" como em "gag", "l" como em "calmaria", "ear" como em "hear".
Open-wide 2		A boca está parcialmente aberta, em largura total. Usado para fonemas como "n" como em "nun", "d" como em "dad", "t" como em "tot".
Abra 3		A boca está aberta, em largura total. Usado para fonemas como "u" como em "hut", "ea" como em "head", "your" como em "hurt".
4 em todo o mundo		A boca está completamente aberta, em largura total. Usado para phonemes como "a" como em "hat", "ow" como em "how".
Open-medium		A boca está aberta a meia largura. Usado para fonemas como "oy" como em "ahoy", "o" como em "hot".
Open-narrow		A boca está aberta em largura estreita. Usado para fonemas como "o" como em "hoop", "o" como em "hope", "w" como em "wet".