A 3D house design studio on real terrain

Spatial designConfidential project

Before speaking with an architect, it can be difficult to judge how a house idea will work on a particular site. This developing studio makes it possible to explore a spatial concept, compare alternatives and gather information for further decisions.

The working foundation includes a model on real terrain, measurements, lighting, comparisons and exports. The next direction is in-app conversation about changes and an easier way to share the concept with an architect.

Who it serves
People preparing a house concept and architects who will develop it further.

Scope of responsibility

Atomic Concept is responsible for the product concept, architecture and implementation of the studio.

A house in the context of its site

A fictional house cutaway on sloping terrain with a sunlight arc

A floor plan and a list of rooms may not be enough to imagine the shape of a house, the slope of the land and the available light. Looking at the house from different angles can reveal questions to discuss with an architect earlier.

The studio combines a house model with real terrain data. Users can consider several alternatives and examine their basic properties rather than basing the discussion on a single visualization.

Terrain, section and a shared view

This illustration explains the spatial context of the house and ways to inspect and compare its variants.

Terrain
The house is viewed against the shape of the site.
Section
Reveals relationships within the model.
Same view
Allows variants to be compared while preserving the view.
The house and its setting
The house is presented in the context of actual terrain.
Comparing ideas
Alternatives can be compared numerically and switched at the same camera position to make differences easier to see.
Material for discussion
Measurements, room information and concept plans help prepare questions for further design work.

Exploration, measurement and light

The current version supports orbiting and looking around the model, measuring distances, creating sections and hiding the roof or floors. Date and time controls and sunlight presets help users explore changes in light. An external agent can modify the model, and completed variants can be compared in the browser.

Exploring space
Measurements and sections reveal interiors and relationships between parts of the house.
Light and alternatives
Changing the date and time and comparing variants support the evaluation of different ideas.

Material for an architect

GLB model export and ZIP packages containing reports and plans are available. Planned work includes built-in conversation about the design supported by architectural knowledge, walking with collision handling, seasonal visualization, an architect share link and a friendlier export workflow.

The planned assistant will retrieve architectural reference material through RAG to provide relevant context when proposing changes. An architect develops and verifies the concept and exported material within their own design process.

Sharing the concept
Existing files and reports provide material for further discussion. A planned link and improved export workflow are intended to make collaboration with an architect easier.

Model and calculations

A single source of dimensions feeds the model and calculations. This lets a variant be considered visually and through a comparison of its properties.

Data and geometry
A metric JSON description of the house feeds the Three.js scene. Manifold CSG through WASM creates and transforms solids, including openings and sections.
Validation and quantities
Data is checked before generation and used to produce calculations and reports for work on the concept.
Real terrain
Terrain data places the model in the context of the site and supports consideration of how the house sits on the land.
Files for further work
GLB carries the geometry, while ZIP packages collect reports and concept plans for a selected variant.

One description, two uses

The diagram shows how dimensional data relates to the spatial model and reports.

Dimensional description
Shared data describes the geometry of the house.
Scene
The data feeds the model and solid geometry operations.
Calculations
The same data supports validation and reports.

Technologies and their use

Model and view
TypeScript, a metric JSON model, Three.js and Manifold CSG running through WASM.
Analysis
Validation, quantity calculations, measurements, sections and variant comparisons.
Context
Real terrain data and date and time controls for sunlight.
Export
GLB model and ZIP packages with reports and concept plans.