Pulso da Cidade
Um atlas 3D interativo da mobilidade dos táxis amarelos de Nova York em janeiro de 2025, com mapa 3D, reprodução dos deslocamentos por hora, inspeção por zona e comparações com médias de dias úteis ou fins de semana.
Interativo
Prompts 3D interativos e exemplos de sites
Explore portfólios 3D, experiências de produto e experimentos interativos. Escolha uma interação de que goste e dê a ela seu próprio tema e estilo visual.
Exemplos de prompts 3D para testar
41 ideias para fazer do seu jeito
Demo interativa de gráficos de fantasia
Um prompt do Dream Loop Plus para uma cena de fantasia em Three.js executada no navegador, com câmera isométrica, personagem controlável, pisos molhados com reflexos e movimento ambiental. O autor identifica o conteúdo como um prompt de demonstração usando GPT-5.6 Luna xhigh; a publicação afirma que o Astra realiza o trabalho visual no fluxo otimizado.
Colisor de partículas 3D interativo
Prompt inicial sugerido pelo autor para criar um colisor de partículas 3D interativo inspirado no LHC do CERN e no detector ATLAS, em um único arquivo HTML autocontido. Ele é apresentado como um prompt para criar algo semelhante, não necessariamente como a entrada exata usada no resultado exibido.
Site imersivo de campo de arroz em 3D
Prompt para criar, no navegador com Three.js, uma paisagem de campo de arroz em 3D com animação natural de vento, modos de iluminação e câmera, controles responsivos, vegetação procedural e renderização em tempo real.
Projeto WebGL em TypeScript + Three.js do Salão de Oração pelas Boas Colheitas, no Templo do Céu, em Pequim
A publicação original apresenta um modelo 3D e uma experiência web do Salão de Oração pelas Boas Colheitas, no Templo do Céu, em Pequim, criados com GPT-6 Astra e Three.js; depois, o autor compartilhou o prompt completo em chinês usado para criar esse tipo de projeto.
Árvore de limões de gelatina interativa
Cria uma árvore de limões de gelatina 3D interativa em WebGPU, com galhos que balançam, limões que podem ser selecionados com o mouse e física de deformação e quique.
Robô de estimação interativo em uma bancada
Especificação detalhada de um jogo em Three.js sobre um robô quadrúpede com movimentos expressivos, células de bateria visíveis, recarga e três tarefas acionadas por objetos.
Rua em miniatura infinita no Three.js WebGPU
Crie uma cena de rua em miniatura interativa com uma bicicleta de entregas, lojas, efeitos de asfalto molhado, folhas espalhadas, um mundo curvo, estilo pixel art e parâmetros ajustáveis do Forge.
Vista explodida interativa de um smartphone
Crie uma visualização 3D de um smartphone com um controle deslizante para explodir e remontar o aparelho, componentes selecionáveis e explicações sobre a função de cada peça.
Atlas de um computador de mesa em vista explodida
Crie um site 3D interativo que separe um computador de mesa em 29 componentes principais. Inclua uma animação de desmontagem e explicações sobre cada peça.
Miniatura interativa de Seul
Crie uma miniatura de Seul em Three.js com dados cartográficos abertos. Inclua navegação por distritos, voos entre pontos turísticos, modos diurno e noturno e controles por toque. Informe quais prédios foram simplificados, quais alturas foram estimadas e as licenças dos dados.
Núcleo de energia interativo com dois anéis
Modele um núcleo de energia, dois anéis e uma base metálica no Blender. Exporte os materiais para um visualizador Three.js com controles de rotação, zoom, órbita automática e pulsação.
Um quarto pessoal como portfólio interativo
Transforme um quarto pessoal em um site interativo de apresentação. Construa a cena e faça o bake no Blender; depois adicione vapor de café, animação no estilo de Matrix e efeitos sutis de shaders.
Apartamento jogável inspirado em D4
Pesquise o apartamento do protagonista de D4 e recrie-o como um protótipo 3D jogável. Compare a planta e as interações com as referências, em vez de pressupor uma recriação exata.
Conjunto 3D interativo com animação sincronizada ao áudio
A Astra foi encarregada de criar uma peça curta original e um conjunto 3D interativo com animação orientada pelo áudio, navegação na linha do tempo, câmera lenta, controles de câmera, MIDI e código-fonte.
Explorador orbital do sistema solar
Crie no navegador um explorador do sistema solar em Three.js com oito planetas e vinte luas. Permita mover a câmera e planejar voos espaciais de forma simplificada.
Landing page abissal bioluminescente
Crie uma landing page de águas profundas com efeitos de água em Three.js, interface escura com aparência de vidro e movimentos vinculados à rolagem. Combine a atmosfera 3D com interações de site claras e responsivas.
Uma demonstração interativa de Hyperloop
Construa uma demonstração interativa de Hyperloop no Three.js mostrando uma cápsula de transporte, a infraestrutura tubular e o movimento pelo sistema.
Um site de estúdio 3D guiado pela rolagem
Transforme a imagem de referência fornecida em uma cena de Three.js dentro de um site de estúdio com rolagem suave. Coordene movimento de câmera, tipografia e transições entre seções.
Uma narrativa de produto com garrafa refrativa
Construa um site interativo de produto em torno de uma garrafa de vidro WebGL fotorrealista. Use líquido refrativo, rotação guiada pela rolagem e tipografia marcante, preservando o desempenho no navegador.
Uma máquina de cápsulas de memória
Construa uma máquina 3D de cápsulas de memória. Gire um botão para liberar uma lembrança, modele o mecanismo no Blender e dê movimento e som convincentes às cápsulas que caem.
Um diorama animado de primeiros passos
Construa um pequeno diorama de introdução no Blender e dê vida a ele no Three.js. Use objetos focais claros e sequências curtas de animação para explicar as primeiras ações do usuário.
Anatomia humana interativa em vista explodida
Construa um site de anatomia 3D em que o corpo humano se separe em estruturas que possam ser examinadas individualmente. Torne a vista explodida navegável e organize as partes em sistemas significativos.
Pelicano interativo pedalando uma bicicleta
Crie um pelicano 3D que pedala uma bicicleta verde-menta no navegador, com pedaladas naturais, controles de órbita, zoom e velocidade ajustável.
Adapte o prompt à sua ideia
Explique o que o visitante pode clicar, arrastar ou alterar e o que acontece em resposta. Deixe a primeira interação clara e descreva os controles por toque e mouse.
Assista, leia e crie
Aprenda as técnicas usadas nos exemplos.
Crie recursos 3D detalhados
Dê à sua próxima cena um personagem que mereça ser visto de perto. Crie recursos 3D detalhados e texturizados a partir de uma imagem ou de poucas palavras.
Gerar recursos 3D grátis