Pular para o conteúdo
charmotion

Planejador de estados de animação do mascote

Escolha o tipo de app que você está criando. Você recebe os estados de mascote de que ele precisa, o momento em que cada um toca, se fica em loop ou toca uma vez, o tom ideal e o que evitar.

Roda inteiramente no seu navegador. Seu arquivo nunca é enviado.

Fintech e bancos: 8 estados

Tom

Calmo e confiável. Comemore com discrição; nunca brinque quando algo dá errado com o dinheiro.

Evite

Animar por cima de saldos ou números de confirmação, e reações fofas a pagamentos recusados ou alertas de fraude. Mostre primeiro um texto claro.

MomentoEstadoReproduçãoPrioridade
Abertura do applaunchtoca uma vezBase
Padrão no painelidleloopBase
Carregando saldos ou enviando dinheiroloadingloopBase
Transferência ou pagamento concluídosuccesstoca uma vezBase
Pagamento com falha ou recusadoerrortoca uma vezBase
Lista de transações vaziasleepingloopDesejável
Meta de economia atingidahappyloopDesejável
Dica ou lembrete de segurançaattentionloopDesejável

Cada estado acima é uma das 17 animações de um conjunto Charmotion, então este plano corresponde um a um ao arquivo Rive: os loops são valores de mood, as reações únicas são triggers e a intro de abertura toca a partir da sua própria LaunchStateMachine.

Loops e reações únicas

Os loops (idle, loading, sleeping) rodam enquanto a tela estiver naquele estado. As reações únicas (success, error, yes, no) tocam uma vez em resposta a um evento e depois voltam ao loop.

Comece pelo essencial

Lance primeiro os estados essenciais e adicione o resto quando perceber onde o mascote realmente ajuda. Respeite as configurações de movimento reduzido com uma pose estática.

Saiba mais

Receba todos os estados em um só arquivo

Um conjunto Starter ou All in one dá ao seu personagem todas as 17 animações (todos os estados destes planos) como um arquivo Rive com state machines prontas, além de vídeo, GIF e código.

Mais ferramentas grátis