Experimente ao vivo Descrição
World in a Box é um aplicativo web para quem quer segurar na palma da mão as memórias que compartilha com alguém. Você entra em uma rua 3D editável, passeia por ela e visita quatro lojinhas: uma antiga loja de eletrônicos, uma casa de chá, uma loja de presentes e um café. De perto, você pega os “objetos de memória” das prateleiras; depois os coloca, junto com suas memórias escritas, em um planeta do tamanho da palma da mão que você pode girar e guardar, e o oferece de presente, acompanhado de uma carta completa, a alguém importante para você.
A experiência tem quatro etapas:
- Rua das Memórias: pressione E na porta de uma loja para entrar e, de perto, clique nos objetos de memória para pegá-los.
- Meu Bolso: tudo o que você pega fica guardado aqui.
- Editor do planeta: escolha um estilo de planeta e um par de personagens, selecione exatamente três objetos de memória e escreva suas memórias e uma carta completa.
- Cartão colecionável: o planeta e a carta aparecem juntos em um único cartão.
O cartão colecionável, o modelo do planeta e a carta podem ser salvos e levados com você; o bolso e os rascunhos ficam armazenados localmente, então nada se perde ao atualizar a página.
A própria equipe construiu a rua editável em Three.js (r180) com malhas e materiais com bake, e o planeta e o cartão colecionável são renderizados no mesmo motor. O bolso, o editor do planeta, o cartão colecionável e o fluxo de salvamento também foram desenvolvidos internamente.
Como o Tripo foi usado
O Tripo gerou o coração do presente.
- Objetos de memória e personagens: o Tripo produziu as imagens de design e os modelos GLB de alto detalhe de todos os objetos de memória principais e dos dois personagens, como a emblemática “TV ao Luar” da loja, com cerca de 110.000 triângulos. São esses os presentes que os jogadores pegam nas lojas e colocam no planeta.
- Pipeline que começa pela imagem: a versão local executa o fluxo completo da API do Tripo, gerando primeiro uma imagem de design e criando o modelo 3D só depois que o usuário a aprova. Quando o projeto foi enviado, esse acesso ainda não estava aberto na versão online.
- Um ciclo completo: os modelos do Tripo se conectam à rua em Three.js e ao motor do planeta na palma da mão, ambos desenvolvidos pela própria equipe, da geração e aprovação à exploração, coleta, colocação no planeta, criação do cartão colecionável e exportação de um modelo que você pode guardar. Cada peça é jogável, colecionável e está pronta para ser presenteada.
