1
MxmArchitectural model
2
MxmInterior rendering
3
Mxm360 panoramas
(Case study) Architecture and real estate・Polish 3D
Tower, floor, unit and 360 interior, joined into one viewing path
A 3D viewing site for a housing development in Johor Bahru, Malaysia. Buyers move from the whole building to a floor and a unit, step into 360 interiors, and can open surrounding landmarks and a day or night view. Co-developed with Mxm Architecture CGI.
The same approach suits housing and office developments, hotels and exhibition spaces, any project where people need to move step by step from the whole into the space.
Co-developed with
2towers
1,000+units
10unit types
70+panoramas
(Challenge)
The render source is large and had to become a viewing path that buyers can follow
Mxm built the architectural model and renders. The render source is about 1.4 GB and close to 50 million faces, with 1,000+ units, 10 unit types and 70+ 360 panoramas on top. None of it can go onto a web page as is.
The buyer's path runs from the whole building to a floor, then a single unit, and finally the interior.
(Approach)
Mxm owns the model and renders, Polish owns the web interaction
The co-development ran on two tracks. Mxm handled the architectural model, interior renders and 360 panoramas. Polish handled the web: model reduction, the interaction flow, surrounding landmarks and the day and night view.
The model is reduced and compressed first, then loaded on demand. Only the main building shows by default, and the surroundings, about 25 MB, start downloading only when Surroundings is pressed.
Models and imagery
Web
Mxm
Polish
4
PolishModel reduction
5
PolishInteraction flow
6
PolishSurroundings and day-night views
- Render masterAbout 1.4 GB, nearly 50 million faces
- Reduced and compressed
- SurroundingsAbout 25 MBDownloaded on press
- Only the main building loads by default
Surroundings start downloading only after Surroundings is pressed.
(Key design)
Three key designs
Tower, floor, unit
Only the main building shows by default. Choosing a floor cuts away everything above it and turns the floors below into a translucent shell. Choosing a unit greys out the others and leaves only that unit in the panel. The back button always returns one level.
Desktop
From the whole building to a single unit’s 360 view
Only the main building shows by default. Choosing a floor cuts away everything above it and turns the other floors translucent, choosing a unit greys out the rest, and then the unit’s 360 panorama opens. A small floor plan marks the current position and viewing direction, and the back button always returns one level.
360 panoramas
The 360 panoramas of units and facilities are rendered by Mxm. A small floor plan at the lower left marks the current position and viewing direction, and hotspots are computed from data at build time so that points and names do not overlap.
Surroundings and day and night
Surrounding landmarks open outward from the site center in concentric rings, and labels that do not fit shrink to pins. Switching day and night changes the light and the lit windows of the towers. On phones a lighter night view keeps only the tower lights.
Desktop
Surrounding landmarks and a day and night view
The surroundings start downloading only after Surroundings is pressed, and open outward from the site center in concentric rings. Labels that do not fit shrink to pins. Switching day and night changes the light and the lit windows of the towers.
So the phone night view is a lighter version that lights only the towers.
- Measure it aloneHow many MB the flow's peak rises, compared with the same build with the feature flag off
- Measure it with the features already onFine alone does not mean fine together
- Compare with the ceilingA combined peak under the ceiling stays; over it, the paths below
- Combined peak is under the ceilingStays on phonesExample: trees on the phone build
- Over the ceiling, but under it after downgradingStays, downgradedTexture size, shadows, reflections, and caches each step down one level
- Still over the ceiling after downgradingDesktop onlyExample: the night city
- The point of the feature can be shrunkBuild a lighter phone versionExample: a night scene that lights only the towers
Based on the property-viewing website measured in Chromium phone emulation.
For developments and spaces that are entered from the whole down to the interior, the first meeting can confirm the models and the path.
(Result)
From the whole building into the interior, on desktop and phone
The site is built on two towers, 1,000+ units and 10 unit types, and covers 360 panoramas of interiors and facilities. The phone version adjusts the loading order and the night-view load, and keeps the same operation as desktop.
Phone
The same flow on a phone, with a lighter night view
On a phone the same flow runs by touch: choose a floor and a unit, enter 360, then open the surroundings and switch day and night. The phone night view is a lighter one that keeps only the tower lights, with a lower load and memory cost.
(Field notes)
Methods and measurements, open each one
Building a 3D Property Showroom Website: Model Packages, Floor Cutaways, and Interior 360 Panoramas
Textures come in four tiers; on phones the main building loads at about 7 MB and the surroundings at about 8 MBThe path is fixed as whole building, floor, unit, and interior 360, with the surroundings and night scene loaded on demandRender master files stay with the producer, and the browser loads the packaged, compressed modelsMemory Budgets for 3D on Phones: Which Features Stay on Mobile and Which Are Desktop Only
Slow loading is not always about file sizeGLB Optimization, Before and After: Download Size vs GPU Memory in Real Projects
Second table: a building modelThe first meeting takes 15 to 30 minutes and gives a direction, a budget range and a draft timeline.
Polish 3DNext case: Configurations outgrew the catalog, so customers finish the build before visiting a store
(Contact)
Start a project.
Three steps to a clear direction and budget range.
- 01Book the first meeting: choose a time. A full specification is not required.
- 02A 15 to 30 minute online consultation: direction, budget range, and draft timeline.
- 03After materials are reviewed, a quote and delivery specification follows in about 3 to 5 working days.
- hello@polish-design.com.tw
- Mailing address
- 3F, No. 191-1, Zhifu Rd., Zhongshan Dist., Taipei 104, Taiwan
Book the first meeting
Monday to Friday, 16:00–18:0030 minutes online
Choose a time, then confirm with a Google account or an email address. A confirmed booking can be added to the calendar.
Choose a time