Vitalis DevCore โ 3D Blueprint Builder
Describe a building in natural language โ see it rendered as an interactive 3D model
""")
with gr.Row():
with gr.Column(scale=3):
prompt = gr.Textbox(
label="Describe your building",
placeholder="e.g., 2000 sq ft ranch house with 3 bedrooms and 2 baths",
lines=2,
)
with gr.Column(scale=1):
build_btn = gr.Button("๐๏ธ Build Blueprint", variant="primary", size="lg", scale=1)
with gr.Row():
summary_display = gr.Markdown(label="Summary", value="Enter a description and click Build.")
with gr.Row():
with gr.Column(scale=2):
model_display = gr.HTML(label="3D Model")
with gr.Accordion("Example prompts", open=True):
example_btns = []
for ex in EXAMPLE_PROMPTS:
btn = gr.Button(ex, size="sm")
btn.click(fn=lambda e=ex: e, outputs=prompt)
example_btns.append(btn)
with gr.Accordion("Blueprint Details", open=False):
details_display = gr.Markdown(label="Details")
extras_display = gr.Markdown(label="Features")
def on_build(desc):
html, summary, details, extras = build_blueprint(desc)
return html, summary, details, extras
build_btn.click(
fn=on_build,
inputs=[prompt],
outputs=[model_display, summary_display, details_display, extras_display],
)
prompt.submit(
fn=on_build,
inputs=[prompt],
outputs=[model_display, summary_display, details_display, extras_display],
)
gr.Markdown("---")
with gr.Row():
gr.Markdown("""
### View Controls
- **Orbit** โ Drag to rotate, scroll to zoom
- **Pan** โ Drag to move view
- **Tour** โ Auto- camera walkthrough of rooms
- **Export** โ Download blueprint as JSON
*Style-specific roofs: gable, hip, flat, steep-gable ยท Measurements shown on each room ยท All rendering in-browser*
""")
with gr.Accordion("JSON Blueprint Data (read-only)", open=False):
json_display = gr.Markdown("Build a blueprint first.")
def show_json(desc):
if not desc or not desc.strip():
return "Enter a description."
try:
return "```json\n" + blueprint_to_json(desc) + "\n```"
except:
return "Invalid description."
prompt.change(show_json, inputs=[prompt], outputs=json_display)
gr.Markdown("*Vitalis DevCore โ Natural Language โ 3D Blueprint ยท Built with Three.js*")
if __name__ == "__main__":
demo.launch()