Astra profundo · Capítulo 18 de 31 · 30 min
Escolher a forma de explorar uma cena 3D
Você sai com um protótipo espacial e uma decisão fundamentada entre imagem, cena interativa e modelo editável.
Este capítulo faz parte do curso gratuito Astra profundo.
O Estúdio Aurora, caso fictício, quer apresentar uma instalação que pode ser observada por vários lados. Você precisa decidir se a página terá uma imagem, uma sequência de vistas ou um objeto que o visitante gira. Nesta aula, a tarefa é produzir uma pequena exploração espacial e escolher o formato que melhor explica a obra, com uma justificativa que a equipe consiga revisar.
Comece pela pergunta do visitante. Para descobrir a aparência geral, uma boa imagem pode bastar. Para comparar frente e verso, duas vistas resolvem. Quando a posição do observador muda a compreensão da obra, a exploração interativa ganha propósito. Essa decisão define quanto da cena precisa existir e que controles a interface oferecerá.
Do volume à exploração espacial
Uma maquete esquemática ajuda a decidir o que modelar.
Transcrição
0:00Volumes simples definem a base de uma maquete. Essa primeira composição permite avaliar proporção e posição.
0:07Cobertura, pavimento e base se separam. A vista explodida torna a relação entre os elementos mais fácil de inspecionar.
0:14A câmera gira ao redor da maquete e mostra outra vista. Use essa exploração para decidir escala, enquadramento e pontos de interesse.
Formato escolhido pela pergunta
| Pergunta do visitante | Entrega adequada | O que você prepara |
|---|---|---|
| Qual é a aparência? | Imagem renderizada | Uma câmera e iluminação definidas |
| Como frente e verso se relacionam? | Sequência de vistas | Enquadramentos comparáveis |
| Como o espaço muda quando observo? | Cena interativa | Controles e vista inicial |
| Como alterar a instalação? | Modelo editável | Objetos nomeados e parâmetros |
Escolha entre geometria criada por código e assets existentes conforme o objeto. Formas regulares, como os arcos, são boas candidatas à construção paramétrica: altura e distância viram valores ajustáveis. Um objeto muito detalhado pode partir de um modelo pronto. O arquivo de origem deve acompanhar o inventário para que a edição posterior tenha um ponto de partida claro.

Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
Aprofunde as decisões desta aula
Como definir a interação e o papel do 3D?
O modelo tridimensional descreve forma, posição e relações espaciais. Materiais determinam como a superfície responde à luz; iluminação e câmera produzem o enquadramento visível. Astra pode escrever código que constrói a cena e operar ferramentas para inspecioná-la. O arquivo resultante continua sendo uma composição feita com esses elementos, que você pode editar separadamente. No exercício do Aurora, imagine três arcos de alturas diferentes atravessados por faixas luminosas. A vista frontal esconde a distância entre os arcos; uma vista inclinada mostra o percurso. Construa primeiro formas simples e deixe o material quase neutro. Quando o espaço estiver compreensível, acrescente luz e acabamento. Assim, a decisão espacial permanece visível durante a produção.
Como construir, inspecionar e apresentar a cena?
O [Human Atlas de ashemag](https://github.com/ashemag/human-atlas) ilustra por que essa distinção importa: as 2.234 malhas anatômicas vêm de assets BodyParts3D existentes. A realização está na integração e na experiência de exploração, não na criação integral dessas formas do zero. Ao estudar uma demonstração, observe tanto os recursos reutilizados quanto o trabalho que o agente organizou sobre eles. Para a landing, uma cena em Three.js pode oferecer rotação, aproximação e retorno ao enquadramento inicial. A [documentação do Three.js](https://threejs.org/manual/#en/creating-a-scene) apresenta os elementos básicos de cena, câmera e renderização. No Aurora, limite os controles à pergunta espacial: girar a instalação e restaurar a vista que melhor mostra a passagem entre os arcos. Prepare uma imagem de apresentação da mesma cena. Ela é a capa antes da interação e uma peça do portfólio. Use a mesma posição de câmera, luz e nome da obra para manter continuidade entre formatos. A versão interativa passa a aprofundar uma apresentação já compreensível, em vez de carregar sozinha todo o trabalho de explicar o projeto.
Compare a imagem e o protótipo com a pergunta original: qual formato permite perceber a distância entre os arcos? Registre a resposta e o esforço de manutenção de cada opção. O entregável inclui a cena editável, uma vista exportada e uma nota de decisão. A equipe do Aurora poderá usar a imagem numa proposta e manter a exploração interativa onde ela acrescentar informação.
Faça agora: compare duas apresentações
A prática de 30 minutos usa geometria simples e um enquadramento principal.
Passo 1: Escolha a pergunta espacial
Escreva o que a pessoa precisa perceber sobre a instalação de três arcos.
Deu certo quando: A pergunta indica o que será avaliado.
Passo 2: Construa o volume
Peça ao Astra uma cena simples com alturas e distâncias ajustáveis.
Deu certo quando: Os arcos podem ser editados separadamente.
Passo 3: Produza as duas vistas
Exporte uma imagem inclinada e prepare uma exploração com retorno à câmera inicial.
Deu certo quando: As apresentações mostram a mesma obra.
Passo 4: Escolha o formato
Compare a compreensão do espaço e registre onde usar cada saída.
Deu certo quando: A decisão tem uma razão ligada ao visitante.
No fim você tem: Cena editável, imagem de capa e recomendação de uso da interação 3D.
A pergunta espacial determina o formato. Geometria, luz e câmera podem ser revisadas separadamente. O protótipo acompanha uma decisão de apresentação.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Estude antes
- CursoEscrever bem com IAsugerido pelo grafoAs primeiras aulas do Astra pedem um briefing com referências e dirigem cada iteração por texto. O curso de escrita ensina a decidir o que pedir, dar contexto e conferir a saída, que é a base dessas aulas. Ordem decidida quando o Astra ganhou uma página por aula (Etapa 4, wave 3), para que as 31 aulas mostrem o que estudar antes.
- CursoNode.js: JavaScript no Servidorsugerido pelo grafo4 capítulos de “Astra profundo” usam conceitos apresentados em “Node.js: JavaScript no Servidor”.
O mesmo assunto em outros cursos
- Frontends com VibecodingEspecificar, medir e produzir as cenas da máquinaExaminar conexões de Especificar, medir e produzir as cenas da máquina
- Vídeo com IA: Claude Code, Codex e ElevenLabsMontar vídeo em HTML com HyperFrames e escolher entre ele e o RemotionExaminar conexões de Montar vídeo em HTML com HyperFrames e escolher entre ele e o Remotion
Voltar ao capítulo anterior: Construir profundidade com planos no scroll
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.
Capítulos vizinhos em Astra profundo
- 16Projetar animações que orientam a ação
- 17Construir profundidade com planos no scroll
- 18Escolher a forma de explorar uma cena 3D
- 19Construir uma visualização arquitetônica no Blender
- 20Construir um jogo curto que revela a exposição