$anatomy
첨부한 Al Bahr Towers의 단면도, 펼침·중간 접힘·접힘 사진, 내외부 사진을 바탕으로 외부 가변 차양인 마슈라비야의 구조와 접힘 원리를 설명하는 정교한 인터랙티브 입체 상세도를 만들어줘.
최우선 기준은 부재의 형상·비례·연결 관계와 움직임의 충실도다. 건물 소개 → 인터랙티브 3D → 제작 방법 순서의 독립 실행 HTML로 구성하고, 마지막에는 콘텐츠 제작사 Planby(플랜바이)를 소개해줘.
1. 자료부터 분석
같은 펼침 사진을 중복 첨부했다면 다른 시점의 자료로 계산하지 않는다. 정면의 육각형 반복 패턴과 실제 삼각형 제작·구동 모듈을 구분한다. 작은 치수를 읽을 수 없으면 확정값으로 만들지 않는다.
모델링 전에 주요 부재, 고정점, 이동점, 힌지 축, 확인된 치수와 가정을 정리한다.
공식 참고 자료:
- https://www.arup.com/en-us/projects/al-bahr-towers/
- https://www.arup.com/globalassets/downloads/arup-journal/the-arup-journal-2013-issue-2.pdf
- https://www.ahr.co.uk/projects/al-bahr-towers
2. 구조와 부재
실제 구동 단위의 삼각형 차양막, 금속 프레임, 패널 연결부, 확인 가능한 구동부·링크, 건물로 연결되는 지지 프레임·브래킷을 표현한다. 뒤쪽 커튼월·멀리언·슬래브도 연결 관계를 이해할 수 있게 만든다.
인접 모듈은 반복 패턴을 설명하는 최소 범위만 포함한다. 근거 없는 볼트나 내부 장치를 장식으로 추가하지 않는다.
3. 연속적인 접힘
고정점, 힌지 축, 링크 길이, 구동부의 관계로 움직임을 정의한다. 세 장면의 꼭짓점을 임의 보간하는 것만으로 동작을 만들지 않는다. 중간 상태에서도 패널과 프레임의 길이를 유지하고 연결이 끊기거나 서로 관통하지 않게 한다.
펼침은 차광하는 상태, 접힘은 개방되는 상태로 설명한다. 접힘 진행률은 설명용 제어값이며 차광률·에너지 절감률과 구분한다. 정확한 기구학을 확인할 수 없는 부분은 설명용 근사라고 표시한다.
4. 입체 표현과 조작
모든 부재를 같은 3D 좌표계에서 정의하고 SVG로 투영한다. 사선·정면·측면·후면의 연결 관계가 일관되어야 하며 실제 깊이 순서로 면을 가린다.
접힘 슬라이더, 재생·일시정지, 초기화, 조립·설명용 분해 보기, 부재 선택, 확대와 이동, 키보드와 모바일 터치를 지원한다.
모바일과 데스크톱 모두 3D 영역이 화면에 들어오면 자동 재생한다. 화면 밖과 숨겨진 탭에서는 반복 렌더링을 멈추고, 동작 줄이기 설정에서는 자동 움직임을 멈춘다.
5. 페이지 디자인
건물 소개에는 위치·설계·용도 등 확인 가능한 기본 정보와 전체·내외부 사진을 넣는다. 영문 세리프와 읽기 좋은 한글 서체, 여백과 절제된 색을 사용해 건축 에디토리얼처럼 구성한다. 사진 출처는 작은 링크로 표시한다.
3D 다음에 따라 할 수 있는 제작 단계와 복사 가능한 프롬프트를 넣고, 마지막에는 Planby의 공식 회사 소개 https://www.planby.us/ko/company 로 연결한다.
6. 실제 검수와 결과물
펼침·중간 접힘·접힘, 후면·분해 보기, 데스크톱과 390px 화면, 힌지·구동부·브래킷의 4배 확대 PNG를 생성해 직접 열고 눈에 보이는 결함을 수정한다.
전체 동작의 강체 길이·연결 유지·관통·깊이 순서, 콘솔 오류와 적용 가능한 기하·선 끝 검사를 확인한다. 빌드 성공만으로 완성도를 판단하지 않는다.
외부 의존성 없이 열리는 HTML, 수정 가능한 모델·기하·동작 소스, 상태별 미리보기, 출처·가정·단순화 목록, 실제 수행한 검수 결과를 함께 제공한다.
