Al BahrTowers
태양을 따라,
접히는 건축.
아부다비의 움직이는 외피를
하나의 접합에서 들여다봅니다.
A skin that
follows the sun.
아부다비의 태양을
다루는 두 개의 탑.
알 바하르 타워는 아랍에미리트 아부다비에 자리한 쌍둥이 업무시설입니다. 아부다비 투자위원회(ADIC)를 위해 계획되었으며, AHR가 건축을 설계하고 Arup이 구조·외피·설비 엔지니어링에 참여했습니다.
- 위치
- Abu Dhabi, UAE
- 건축 설계
- AHR
- 엔지니어링
- Arup
- 발주처
- Abu Dhabi Investment Council
- 용도
- 업무시설 · 쌍둥이 타워
- 준공
- 2013 AHR 프로젝트 기준
전통의 그늘이,
움직이는 외피가 되다.
지역의 전통 격자 차양인 마슈라비야를 현대적으로 해석했습니다. 유리 바깥의 삼각형 막이 태양의 위치에 따라 접히고 펼쳐지며, 실내로 들어오는 강한 빛과 열을 조절합니다.
반복되는 차양의 깊이.
접힌 막의 가장자리와 금속 프레임이 입면에 깊이를 만듭니다. 개별 모듈이 모여 건물 전체의 표정을 바꿉니다.
빛과 시선 사이.
유리 안쪽에서는 차양막과 프레임, 바깥 풍경이 겹쳐 보입니다. 실내에서 바라본 외피의 여러 층을 읽을 수 있습니다.
단면에서 도시까지.
차양은 유리 외벽 바깥에 놓이고, 그 뒤의 지지 구조를 통해 건물에 연결됩니다. 아래 상세도에서 살펴볼 막과 프레임, 구동부는 이 거대한 외피를 이루는 하나의 단위입니다.
사진·프로젝트 자료 출처 AHR · Al Bahr Towers ↗
One module.
In motion.
작은 접합으로 읽는,
움직이는 건축.
슬라이더로 막을 접고 펼치고, 부재를 눌러 연결을 살펴보세요. 그림이 화면에 들어오면 자동으로 재생됩니다.
세 가지 상태, 하나의 기구.
정면 자료의 육각형 패턴은 인접한 삼각 모듈들의 배열입니다.
각 제작 단위에는 여섯 개의 강체 패널이 있습니다.
한 모듈을 이루는
삼각형 패널
중앙에서 밀고 당기는
전동 선형 구동기
외부 차양과 유리 외벽,
서로 다른 두 겹의 외피
자료와 재구성의 범위출처 · 확인된 사실 · 가정 +
어디까지 확인했나요?
패널 6개, 중앙 전동 구동기, 고정 Y 프레임, 가동 트라이포드와 슬라이더의 구성은 문헌에 근거합니다. 명목 모듈 높이 4,200mm와 최대 구동 스트로크 1,000mm를 대표 설정으로 사용했습니다.
어디를 단순화했나요?
핀 위치와 레일 좌표를 읽을 수 없어 대칭 강체 제약 모델로 움직임을 재구성했습니다. 프레임·볼트 단면, 초기 캠버, 브래킷과 슬래브 치수는 도식화 값입니다. 안정화 부재의 내부 상세는 생략했습니다. 접힘 진행률은 차광률이나 에너지 절감률이 아닙니다.
분해 보기는 펼침 상태에서 부재를 설명용 거리로 이동합니다. 실제 설치 간격이나 시공 순서를 뜻하지 않습니다.
참고 자료
- 사용자 제공 · 접힘 세 상태
이미지 1·3은 같은 정면 자료입니다. 형상과 비례를 비교합니다.
- 사용자 제공 · 외피 단면
이미지 2의 커튼월·지지대·슬래브 관계를 대조했습니다. 읽을 수 없는 치수는 채택하지 않았습니다.
- Karanouh & Kerber · 2015 ↗
Fig.17, 인쇄 200–201쪽. 모듈 구성·구동기·Y 프레임·슬라이더의 근거.
- The Arup Journal · 2/2013 ↗
66–69쪽. 막 재료, 세 가지 시제품 상태, 지지 구조.
- Arup · Al Bahr Towers ↗
외부 반응형 차양과 별도 유리 외피, 프로젝트 개요.
- AHR · Al Bahr Towers ↗
삼각형 모듈의 반복과 종이접기 개념.
A drawing,
made to move.
이렇게 만들었습니다.
이전 뉴욕타임스 빌딩 작업처럼, 자료를 읽고 부재를 구성한 뒤 움직임을 검수했습니다. Codex와 Anatomy로 따라 하는 다섯 단계입니다.
- WORKSPACE
- Codex + Anatomy
- 프로젝트 모델 설정
- GPT-6.1 Sol · max
- OUTPUT
- HTML + editable SVG
- 01PREPARE THE TOOLS
Codex와 Anatomy를 준비합니다.
Codex에서 작업 폴더를 엽니다. Anatomy가 이미 설치되어 있다면 그대로 사용하고, 처음 설치할 때 아래 명령을 실행합니다. 설치 도구용 Node.js는 공개 저장소의 현재 안내에 따라 22.20 이상을 준비합니다. 스킬이 보이지 않으면 Codex를 다시 열어 확인합니다.
npx skills add wheresryan22/anatomy -g -a codex - 02COLLECT THE EVIDENCE
서로 다른 역할의 자료를 모읍니다.
단면도는 위치와 연결, 접힘 사진은 패널의 배치와 움직임, 내외부 사진은 실제 설치와 공간의 관계를 읽는 데 사용합니다. 같은 사진의 중복과 읽을 수 없는 치수는 분석 단계에서 구분합니다.
① 단면 · 연결② 세 가지 접힘 상태③ 실제 내외부 사진 - 03WRITE THE BRIEF
자료와 품질 기준을 함께 전달합니다.
Codex 입력창에
$anatomy를 쓰고 자료를 첨부한 뒤, 아래 프롬프트를 함께 보냅니다. 부재 비례·연결·움직임을 우선하고, 확인 사실과 설명용 가정을 기록하도록 요청합니다.$anatomy단면도 + 접힘 사진 + 참고 사진재현용 프롬프트 - 04BUILD, MOVE, VERIFY
입체를 만들고, 움직이며 확인합니다.
부재를 3D 좌표로 정의해 SVG에 투영하고, 구동부와 고정점의 관계로 접힘을 구성합니다. 세 가지 상태를 사진과 대조하며, 부재 길이와 연결, 관통과 가림 순서를 검사합니다. 정확히 확인되지 않은 기구학은 설명용 근사로 남깁니다.
- 05REVIEW THE ACTUAL OUTPUT
브라우저와 확대 이미지로 마무리합니다.
HTML을 열어 슬라이더·분해·부재 선택을 직접 조작합니다. 390px 모바일과 데스크톱 화면, 힌지·구동부·브래킷의 4배 확대 PNG를 열어 확인한 뒤 HTML과 수정 가능한 소스를 함께 보관합니다.
재현용 프롬프트.
이번 작업의 조건을 정리한 재현용 요청문입니다. 같은 자료를 첨부해 사용하고, 다른 건물에는 이름과 부재·구동 조건을 바꿔 적용하세요.
프롬프트 전문 보기 1,819자+
$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, 수정 가능한 모델·기하·동작 소스, 상태별 미리보기, 출처·가정·단순화 목록, 실제 수행한 검수 결과를 함께 제공한다.
소스로 다시 빌드하려면+
제공한 소스 폴더에서 실행합니다. 건물 소개는 story.mjs, 제작 가이드는 guide.mjs, 페이지 디자인은 editorial.css에서 수정합니다.
node build.mjs node build.mjs --dark
모델은 model.mjs, 부재 형상은 geometry.mjs, 동작은 live.js에 나누어 두었습니다. 이 페이지는 같은 3D 좌표를 매번 투영하는 인터랙티브 SVG입니다.
Codex skills ↗Anatomy · MIT ↗건축 자료 출처는 위의 사진과 모델 자료 안내에 표기했습니다.