(사례) 건축·부동산・Polish 3D

동·층·세대에서 실내 360도까지, 하나의 둘러보기 경로로

말레이시아 조호르바루 주거 프로젝트의 3D 둘러보기 웹페이지입니다. 구매 검토자는 건물 전체에서 층과 세대를 고르고, 실내 360도 파노라마로 들어가며, 주변 랜드마크와 낮·밤 경관도 펼쳐 볼 수 있습니다. Mxm Architecture CGI와 공동으로 개발했습니다.

같은 방식은 주거·오피스 프로젝트, 호텔, 전시장 등 전체에서 단계적으로 공간으로 들어가야 하는 프로젝트에 적합합니다.

첫 미팅 예약

공동 개발Mxm Architecture CGI

동·층·세대에서 실내 360도까지, 하나의 둘러보기 경로로
주변은 부지를 중심으로 동심원처럼 바깥으로 펼쳐지고, 랜드마크마다 직선거리가 표시되며 카드로 그림과 설명을 보고 해당 방향으로 시점을 돌릴 수 있다.
2동의 타워
1,000+세대
10가지 세대 유형
70+장의 360도 파노라마
산업
주거 프로젝트
서비스
Polish 3D
규모
타워 2동, 1,000세대 이상, 세대 유형 10종
공동 개발
Mxm Architecture CGI

(과제)

렌더링 원본의 용량이 커서, 구매 검토자가 이해하기 쉬운 관람 경로로 정리해야 했습니다

건축 모델과 렌더링은 Mxm이 제작했습니다. 렌더링 원본은 약 1.4 GB에 5,000만 면에 가깝고, 여기에 1,000세대 이상, 세대 유형 10종, 70장이 넘는 360도 파노라마가 더해져 그대로 웹페이지에 올릴 수 없습니다.

구매 검토자의 관람 경로는 먼저 건물 전체를 보고, 층과 세대를 고른 뒤, 마지막으로 실내로 들어가는 것입니다.

주거 단지 3D 집 둘러보기 웹페이지.
주거 단지 3D 집 둘러보기 웹페이지.

(접근 방식)

건축 모델과 렌더링은 Mxm, 웹 인터랙션은 Polish

공동 개발은 두 갈래로 나뉘었습니다. Mxm은 건축 모델, 실내 렌더링, 360도 파노라마를 맡았고, Polish는 웹을 맡아 모델 경량화, 인터랙션 흐름, 주변 랜드마크, 낮·밤 경관을 담당했습니다.

모델은 먼저 면 수를 줄여 압축한 뒤 필요할 때만 불러옵니다. 기본 화면에는 주 건물만 보이며, 약 25 MB의 주변 데이터는 「Surroundings」를 눌러야 내려받기가 시작됩니다.

공동 개발은 두 갈래로 나뉩니다: 모델과 렌더링은 Mxm 담당, 웹 상호작용은 Polish 담당
모델과 이미지
웹
Mxm
Polish
1
Mxm건축 모델
2
Mxm실내 렌더링
3
Mxm360 파노라마
4
Polish폴리곤 감소
5
Polish인터랙션 흐름
6
Polish주변 랜드마크와 낮·밤 경관
렌더링 원본 파일은 웹에 올리지 않고, 폴리곤 감소와 압축 후 필요할 때만 로드합니다.
  1. 렌더링 원본 파일약 1.4 GB, 약 5,000만 면
  2. 폴리곤 감소 및 압축
  3. 주변약 25 MB누를 때만 다운로드
  4. 기본적으로 주 건물만 로드

주변은 Surroundings를 눌러야 다운로드가 시작됩니다.

(핵심 설계)

세 가지 핵심 설계

동·층·세대

기본 화면에는 주 건물만 보입니다. 층을 고르면 그 위쪽은 잘라 내고 아래쪽은 반투명 외피로 바뀌며, 세대를 고르면 나머지 세대는 회색으로 바뀌고 패널에는 해당 세대 정보만 남습니다. 뒤로 가기 버튼은 항상 한 단계 위로 돌아갑니다.

데스크톱

건물 전체에서 한 세대의 360도 파노라마까지

기본 화면에는 주 건물만 보입니다. 층을 고르면 그 위쪽은 잘라 내고 나머지 층은 반투명으로 바뀌며, 세대를 고르면 나머지 세대가 회색으로 바뀐 뒤 세대 안의 360도 파노라마로 들어갑니다. 작은 평면도가 현재 위치와 시선 방향을 표시하고, 뒤로 가기 버튼은 항상 한 단계 위로 돌아갑니다.

항공 촬영 오프닝으로 단지 전체에 들어가 층을 고르면 반투명 외피 속에 세대가 나타나고, 세대를 골라 360° 실내로 들어가 거실까지 걸어가며 둘러보면 왼쪽 아래 평면도가 위치를 표시한다.

360도 파노라마

세대와 공용 시설의 360도 파노라마는 Mxm이 렌더링했습니다. 왼쪽 아래의 작은 평면도가 현재 위치와 시선 방향을 표시하고, 이동 지점은 빌드 시 데이터로 계산해 지점과 이름이 서로 겹치지 않게 했습니다.

세대에서 360° 실내로 들어가 둘러보고 옆방으로 걸어 이동하며, 작은 평면도가 위치와 시선 방향을 표시하고 확대해 구조를 확인할 수 있다.
풀 데크와 스카이 클럽 두 층의 공용 시설은 3D 마커에서 곧바로 360° 파노라마로 연결되어 수영장과 클럽하우스를 둘러볼 수 있다.
휴대폰에서는 하단 목록에서 같은 360° 파노라마로 들어간다.

주변과 낮·밤

주변 랜드마크는 부지 중심에서 동심원으로 바깥으로 펼쳐지고, 라벨이 들어가지 않으면 핀으로 줄어듭니다. 낮·밤 전환은 빛과 타워의 실내 조명을 바꾸며, 휴대폰에서는 가벼운 야경으로 타워 점등만 남깁니다.

데스크톱

주변 랜드마크와 낮·밤 경관

「Surroundings」를 눌러야 주변 데이터 내려받기가 시작되고, 부지 중심에서 동심원으로 바깥으로 펼쳐집니다. 라벨이 들어가지 않는 랜드마크는 핀으로 줄어듭니다. 낮·밤을 전환하면 빛과 타워의 실내 조명이 바뀝니다.

낮과 밤은 한 번의 터치로 전환되며, 밤에는 타워의 창 불빛이 켜지고 데스크톱에서는 주변 시가지의 창 불빛과 가로등도 함께 켜진다.
휴대폰은 경량 야경으로 타워만 불이 켜지고 주변 거리는 켜지지 않는다.

모바일 야경은 그래서 타워만 밝히는 경량 버전으로 만들었습니다.

기능을 휴대폰에 둘지는 합산 후 최고점으로 판단하고, 개별 항목으로 보지 않음
  1. 단독으로 한 번 측정같은 빌드의 플래그 끈 상태와 비교했을 때 전체 흐름의 최고점이 몇 MB 더 큼
  2. 이미 켜진 기능과 함께 측정각각 문제없다고 해서 합쳐도 문제없는 것은 아님
  3. 예산 상한과 대조합산 최고점이 상한 이내면 유지하고, 초과하면 아래 단계로 분기
  • 합산 최고점이 상한 이내
    휴대폰에 유지예: 모바일 버전의 나무
  • 상한 초과, 간소화 후 상한 이내로 복귀
    간소화 후 유지텍스처 크기, 그림자, 반사 및 캐시를 각각 한 단계씩 낮춤
  • 간소화 후에도 상한 초과
    데스크톱 전용예: 야경 도시
  • 기능의 핵심을 축소할 수 있음
    모바일 경량 버전으로 변경예: 타워 야경만 점등

분양 단지 웹사이트를 Chromium 모바일 시뮬레이션에서 측정한 결과입니다.

전체 내용 보기 모바일 3D의 메모리 예산: 모바일에 남길 기능과 데스크톱 전용으로 할 기능

단지와 공간은 전체에서 실내로 들어가는 흐름이 필요하므로, 첫 미팅에서 모델과 경로를 확인할 수 있습니다.

(성과)

데스크톱과 휴대폰 모두에서 건물 전체에서 실내까지

이 웹페이지는 타워 2동, 1,000세대 이상, 세대 유형 10종을 데이터 기반으로 하며, 실내와 공용 시설의 360도 파노라마를 담고 있습니다. 휴대폰 버전은 불러오기 순서와 야경 부담을 조정해 데스크톱과 같은 조작을 유지합니다.

휴대폰

휴대폰에서도 같은 조작, 야경은 경량 버전

휴대폰에서도 터치로 층 선택, 세대 선택, 360도 보기 진입, 주변 펼치기, 낮·밤 전환까지 같은 흐름으로 진행됩니다. 휴대폰의 야경은 경량 버전으로 타워 점등만 남겨 불러오기와 메모리 부담이 낮습니다.

휴대폰에서도 동, 층, 세대 순으로 데스크톱과 같은 조작으로 좁혀 들어간다.
휴대폰에서는 하단 버튼으로 옆방으로 이동하고, 작은 평면도는 눌러서 전체 폭으로 펼친다.
휴대폰에서는 랜드마크 목록이 하단 서랍에 있으며, 펼쳐서 항목을 선택한다.

(엔지니어링 기록)

방법과 실측, 한 장씩 펼치기

첫 미팅 15~30분 동안 진행 방향, 예산 범위, 일정 초안을 받을 수 있습니다.

Polish 3D다음 프로젝트: 카탈로그에 담을 수 없는 옵션 조합, 매장 방문 전에 끝나는 고객 구성

(문의)

Start a project.

세 단계를 거치면 판단 근거가 되는 접근 방식과 예산 범위를 얻을 수 있습니다.

  1. 01첫 미팅 예약: 시간을 선택합니다. 완성된 사양서는 필요하지 않습니다.
  2. 0215~30분 온라인 상담: 접근 방향, 예산 범위, 일정 초안을 받습니다.
  3. 03자료를 검토한 뒤 약 3~5 영업일 안에 견적서 및 납품 사양 명세서를 제공합니다.
이메일
hello@polish-design.com.tw
우편 주소
대만 타이베이시 중산구 즈푸로 191-1호 3층 (104)

첫 미팅 예약

월요일~금요일 16:00–18:00온라인 30분

먼저 시간대를 선택한 뒤 Google 계정 또는 이메일로 확인합니다. 예약이 확정되면 캘린더에 추가할 수 있습니다.

시간 선택

또는 내용을 먼저 보내기

아직 시간을 정하지 않았다면 프로젝트 내용을 먼저 남겨 주세요. 담당자가 이메일로 회신합니다. 전송 후 이어서 예약할 수 있습니다.

추가 정보(선택): 서비스 항목, 현재 단계, 기존 링크, 알게 된 경로

입력한 정보는 이번 프로젝트 검토에만 사용합니다.

ISO/IEC 27001:2022 인증서

(Certificate)

ISO/IEC 27001:2022

인증 기관
ARES International Certification
인증 범위
인터랙티브 몰입형 3D 시스템의 개발 프로세스, 그리고 네트워크 및 인프라의 운영·관리.

인증 기관 웹사이트에서 확인