인터랙티브 3D 헬리콥터 디자인 프레젠테이션

Three.js와 WebGL을 사용해 하나의 HTML 파일로 현대적인 헬리콥터의 세부적인 인터랙티브 3D 장면을 제작하세요. 이미지가 아닌, 모든 각도에서 볼 수 있는 실제 3D 형상을 구축하세요. 비주얼 스타일: 밝은 회색 스튜디오 배경, 원형 전시 플랫폼, 부드러운 그림자와 사실적인 반사가 어우러진 프리미엄 항공 디자인 프레젠테이션으로 구성하세요. 헬리콥터: H145와 같은 경량 쌍발 헬리콥터에서 영감을 받은 매끄럽고 유선형의 동체를 구현하세요. 흰색 동체에 짙은 네이비색 하부와 파란색 포인트 스트라이프를 적용하세요. 반사 표현과 정교하게 맞춘 창문 실링이 있는 곡면 틴티드 조종석 창을 구현하세요. 측면 도어, 손잡이, 패널 이음매, 리벳, 탑승 스텝과 안테나를 추가하세요. 공기 흡입구, 환기 그릴, 배기구가 있는 엔진 하우징 2개를 구현하세요. 세부적인 허브, 체결 하드웨어, 피치 제어 링크가 있는 5엽 메인 로터를 구현하세요. 끝으로 갈수록 가늘어지는 테일 붐, 안정판, 그리고 하우징을 관통하는 실제 개구부가 있는 덕티드 테일 로터를 구현하세요. 구조 지지대로 동체에 연결된 곡선형 랜딩 스키드를 구현하세요. 항법등과 점멸 비컨을 추가하세요. 모든 부품은 물리적으로 연결되어야 합니다. 부품이 공중에 떠 있거나, 섹션 사이에 틈이 생기거나, 로터 블레이드가 동체와 교차하거나, 창이 동체 위에 떠 있는 현상을 방지하세요. 인터랙션: 마우스를 드래그해 오비트하고, 스크롤해 확대·축소하며, 터치 조작도 지원하세요. 두 로터 모두 점진적으로 가속·감속하며 시작하고 정지할 수 있게 하세요. 로터 속도를 조절할 수 있게 하세요. 호버 모드에서는 플랫폼에서 부드럽게 이륙하고 공중에서 가볍게 흔들리며, 모드를 해제하면 부드럽게 착륙하게 하세요. 카메라가 자동으로 오비트하도록 하세요. 정면, 측면, 꼬리 방향의 카메라 프리셋을 제공하세요. 카메라 리셋 및 전체 화면 컨트롤을 제공하세요. 리버리는 빙하 블루와 화이트, 레스큐 오렌지, 그래파이트의 3가지를 제공하세요. 인터페이스: 왼쪽 상단에 작은 “AERONAUT / OBJECT STUDIES” 라벨과 큰 “Horizon 05.” 제목을 배치하세요. 오른쪽에는 제원, 헬리콥터 상태, 리버리 선택, 로터 속도를 표시하는 컴팩트한 패널을 배치하세요. 하단에는 컨트롤과 인터랙션 안내를 배치하세요. 절제된 타이포그래피, 얇은 테두리, 넉넉한 여백을 사용하세요. 헬리콥터가 가려지지 않도록 하세요. 모든 인터페이스 텍스트는 영어로 표시하세요. 기술 요구 사항: 미리 제작된 헬리콥터 모델을 다운로드하지 말고 형상을 절차적으로 생성하세요. PBR 머티리얼, 스튜디오 반사 환경, 부드러운 그림자를 사용하세요. 애니메이션이 프레임 레이트와 무관하게 동작하도록 하세요. 적절한 경우 형상과 머티리얼을 재사용하고, 성능을 위해 픽셀 비율에 상한을 설정하세요. 데스크톱과 모바일 레이아웃을 지원하고, 초기 화면에서 로터 전체 폭이 보이도록 하세요. 가능하다면 의존성을 HTML에 포함해 파일이 오프라인에서도 작동하도록 하세요. WebGL을 사용할 수 없는 경우 이해하기 쉬운 대체 안내 메시지를 표시하세요. 완성하기 전에 모델을 모든 방향에서 확인하고, 모든 컨트롤을 테스트하며, 콘솔 오류가 없는지 점검하세요. 실루엣, 구조적 연결부, 글레이징, 로터 메커니즘을 특히 주의 깊게 확인하세요. 설명만 제공하지 말고 작동하는 HTML 파일을 제공하세요.