Fantasma Detetive 2.0

CONTEXTO E PAPEL

Da ideia à experiência jogável

O desafio foi evoluir um protótipo de investigação sem perder a simplicidade necessária para concluir uma primeira versão. Em vez de ampliar a quantidade de fases, priorizei a entrada no jogo, a clareza das interações e a construção de uma identidade visual própria.

Minha atuação reúne conceito, direção criativa, decisões de UX e referências autorais de personagem. O desenvolvimento e a produção de parte dos recursos visuais tiveram assistência de IA, com revisão e refinamento ao longo das entregas.

Experiência

Investigação leve, sem limite de tempo

Plataforma

Navegador · TypeScript, Canvas e Vite

Direção

Cozy Spooky: fofa, acolhedora e misteriosa

Entrega atual

Um caso completo com quatro pistas

Uma experiência, seis frentes de criação

As disciplinas não entram como etapas isoladas. A forma do personagem afeta a leitura do movimento; a composição da biblioteca define a navegação; a interface orienta o ritmo da investigação.

DECISÕES DE UX

Explicar o suficiente para começar

O guia inicial apresenta objetivo, movimento e investigação em três etapas. Pode ser pulado e reaberto durante a partida. A ajuda pausa a exploração e preserva as descobertas.

O movimento tem uma particularidade: Capitio continua flutuando depois que a tecla é solta. Por isso, o freio precisa ser explicado de forma explícita e permanecer visível junto aos controles.

A informação aparece perto da ação

Ao se aproximar de um objeto, o jogador vê seu nome e o comando de investigação. As pistas ficam no caderno, e uma alternativa por lista permite investigar sem percorrer o cenário.

Uma descoberta precisa indicar o próximo passo

Depois da quarta pista, o botão passa a dizer “Ir para a resposta” e leva ao campo de conclusão. Uma resposta incorreta mantém o progresso e permite tentar novamente.

PERSONAGEM E MOVIMENTO

Capitio: personalidade antes do efeito

Os desenhos autorais orientaram a cabeça expressiva, o contorno simples e a cauda com volume em coração. O aspecto espectral aparece na luz suave, nos tons lavanda e na base ondulada do corpo.

As primeiras tentativas de animar partes separadas criaram emendas e fragmentos visuais. A solução foi usar poses completas para o corpo, mantendo a cauda como camada própria. Assim, a animação preserva a continuidade da silhueta.

CENÁRIO E IMPLEMENTAÇÃO

Uma biblioteca feita para explorar

Uma ilustração de fundo estabelece a atmosfera, mas não resolve sozinha a interação. Móveis e objetos de investigação são desenhados em camadas separadas, com posições, áreas de colisão e regras de sobreposição.

Essa organização conecta a composição visual à jogabilidade: Capitio circula pelo espaço, os objetos mantêm sua presença na cena e os indicadores aparecem no momento da interação.