How-toMulti-source

用一段提示词让 AI 从户型图生成可漫游的 3D 住宅

Why we picked it

Alan Nicolas 公开了一整套可直接复用的提示词,输入户型图和照片就能产出手机上能走的 3D 房子。亮点是那个独立 Critic 验收机制和固定种子防回退的做法,做建筑可视化或想学多角色提示词编排的人都该收藏。

Alan Nicolas 分享了一套完整的提示词工作流:输入户型图(最好是矢量 PDF)和外观参考照片,AI 用 Three.js 在浏览器里从零搭建可漫游的 3D 住宅,电脑用 WASD、手机用摇杆,带碰撞和 minimapa。尺寸完全来自户型图的实际标注(要求核对比例而非图签),颜色和材质则从照片像素提取,光照按地块纬度和朝向计算太阳角度。

Body

工作流的核心是质检机制:每个房间完成后,从参考照片的相机机位渲染画面,交给一个独立的 Critic 模型做并排对比,Critic 只回答“是/否”并列出最多 5 个按严重程度排序的问题,建造者不得自评。每次新增功能前先固定随机种子截图存档,改完再对比,确保新功能不破坏原有画面。

最终交付物包括在线可访问页面、横竖版宣传视频、照片与渲染的对照图,以及一份记录每个假设的决策文件。这套流程示范了如何用结构化提示词把多角色协作(建造、验收、记录)编码进单次生成任务。

Original · AI Will

2/ 第二段提示词负责制作和交付。 尺寸来自户型图,外观来自参考照片,再用Three.js搭建可在浏览器和手机中行走的3D住宅。 每个空间都交给独立Critic对照原图验收,最后交付在线页面、横竖版视频、对照图和完整修改记录。 x.com/oalanicolas/st… Alan Nicolas @oalanicolas Prompt de Criação do 3D: <papel> você recebe uma planta baixa e algumas fotos de referência e constrói, do zero, uma casa 3D fotorrealista que dá pra percorrer no navegador. depois grava um vídeo-vitrine em plano único dentro dela. medida vem da planta, aparência vem das fotos. quando a câmera para no ponto de uma foto, a tela tem que parecer a foto. nada é entregue até isso se sustentar. </papel> <entrada> - planta: [arquivo da planta baixa, de preferência PDF vetorial] - fotos: [fotos ou renders dos ambientes e da fachada] - local: [cidade, ou latitude e orientação do terreno, se souber] - estou fora e não vou responder perguntas. tome as decisões sozinho e registre cada suposição num arquivo de decisões, marcada como suposta. </entrada> <planta> - liste tudo que recebeu, com data e versão. use a planta mais recente - confira a escala real contra uma cota conhecida, sem confiar no carimbo - converta a planta em um único arquivo de dados com paredes, aberturas, cômodos com área, escadas e vidros - sobreponha esse arquivo ao desenho original, meça a sobreposição e confira se as áreas batem com o quadro de áreas. só siga quando bater - pé-direito e alturas que a planta não informar, estime pelas fotos e marque como suposto </planta> <referencias> - para cada foto, estime e registre a câmera (posição, direção, FOV) e a hora aparente do sol - tire as cores e os materiais dos pixels das fotos, não de paleta inventada - é contra essas câmeras que tudo vai ser julgado </referencias> <construcao> - three.js no navegador, em código. a casca sai do arquivo de dados da planta - construa os ambientes que aparecem nas fotos, mais a fachada e a área externa. feche as portas do resto - materiais PBR: pedra e revestimento com relevo, vidro com reflexo, madeira com veio, tecido que não pareça plástico - luz: sol calculado pela latitude e orientação do terreno, céu HDR, oclusão de contato, luz entrando pelas janelas, luz artificial quente nos pontos certos - cena viva: vento leve na vegetação, água da piscina refletindo o céu, entorno com céu e paisagem, nunca um vazio - decore como revista de arquitetura: plantas, livros, arte, mesa posta. fidelidade não é o mesmo que apelo - o passeio roda no celular: WASD e joystick no toque, colisão, minimapa - recurso novo entra desligado. desligado tem que ficar idêntico: grave imagens das câmeras com semente fixa e compare depois de cada mudança </construcao> <critica> quem constrói nunca avalia o próprio trabalho. nota dada a si mesmo não conta. - depois de cada ambiente, renderize das câmeras das fotos e mande o lado a lado e a sobreposição a um crítico novo, que não viu nada do trabalho - ele responde sim ou não, com no máximo cinco problemas em ordem de gravidade, cada um com a correção em números, e diz o que já está bom - a nota é a da pior vista, não a média - corrija o pior primeiro e mande a um crítico novo. repita até o sim - em escolhas de gosto, mostre duas versões, a e b, e deixe o crítico escolher </critica> <video> - um único plano contínuo, estilo drone, sem cortes - roteiro: abre numa aérea alta da casa, desce até a entrada, atravessa o vidro, percorre sala, cozinha e jantar, sai pelo vidro dos fundos pra área externa, vira pra fachada, sobe revelando o pavimento de cima e termina numa aérea alta parada por 3 segundos - a câmera só atravessa vidro, nunca parede - câmera de steadicam: spline suave entre os pontos, velocidade constante, sem tranco - sol de fim de tarde quente, qualidade máxima ligada e HUD escondido - grave quadro a quadro, de forma determinística, a 30 fps. nunca grave a tela em tempo real - dois formatos gravados nativamente, sem recorte: 16:9 em 1920x1080, com uns 45 segundos, e 9:16 em 1080x1920, com uns 35 segundos, com FOV ajustado e textos na zona segura - minimapa no canto superior esquerdo: fundo azul-escuro, linhas brancas da planta e um ícone laranja com cone de visão que acompanha a câmera, trocando de pavimento quando ela sobe - legenda por ambiente no canto inferior esquerdo: título em sans-serif fina e uma linha curta embaixo, com sombra suave pra ler sobre áreas claras. a legenda sai quando a câmera sai do ambiente - cor quente, contraste leve, vinheta sutil, fade de meio segundo no início e no fim - sem narração. música só se for livre de direitos e com a licença registrada - H.264 yuv420p, CRF 18, faststart - antes de entregar, extraia 8 quadros de cada vídeo e confira: nada de HUD sobrando, tela preta, parede atravessada ou texto ilegível, e o minimapa sincronizado. corrija o pior e repita </video> <entregas> - o link do passeio hospedado - os dois vídeos - um contact sheet com cada ambiente lado a lado com a foto - o registro das críticas com as notas - o arquivo de decisões com tudo que foi suposto - uma nota sobre o que uma pessoa ainda deve conferir </entregas> 🔗 View Quoted Tweet📊 1 ⚡

Industry Coordinates & Source Verification

This report is categorized under AITOP's "How-to" desk. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include Three.js, 提示词工程, 3D生成, Critic.

Source attribution: curated from AI Will (@FinanceYF5). Cross-source corroboration: 4 independent sources have covered this development (including Simon Willison’s Weblog, 宝玉, Ethan Mollick), confirming industry-wide signal strength.

  • Simon Willison’s Weblog11-10 03:53Source
  • 宝玉11-10 17:21Source
  • Ethan Mollick11-10 16:56Source