자유롭게 걸어 다닐 수 있는 3D 애니메이션풍 벚꽃 마을

Three.js를 사용해 "자유롭게 걸어 다닐 수 있는 3D 애니메이션풍 벚꽃 마을"을 단일 HTML 파일로 제작한 다음, 공유 가능한 웹 페이지로 게시해 주세요. [기술 제약] - cdnjs에서 three.js r128(UMD 빌드)만 사용하세요. 외부 모델이나 이미지를 불러오지 말고, 모든 모델과 텍스처, 상점 간판은 코드와 Canvas로 절차적으로 생성하세요. - 모든 상점 이름과 간판, 캐릭터에는 독창적인 콘텐츠를 사용하세요. 실제 브랜드나 기존 작품을 모방하지 마세요. - MeshStandardMaterial 또는 MeshPhongMaterial을 사용하세요. 금속도와 환경 반사 맵은 피하세요(일부 컴퓨터에서는 오브젝트가 색상 없이 렌더링될 수 있습니다). - 일반적인 컴퓨터에서도 원활하게 실행되도록 정적 오브젝트를 머티리얼별로 병합해 적은 수의 메시로 구성하세요. High / Medium / Low 품질 전환 기능을 제공하세요. [장면: 봄날 오후의 작은 일본 마을 "桜ヶ丘 (Sakuragaoka)"] 1. 상점가: 남북으로 뻗은 중심 도로 양쪽에 20곳 이상의 상점이 늘어서 있습니다(라멘집, 카페, 자전거 가게, 서점, 꽃집, 일본식 과자점, 약국, 편의점 등). 각 상점에는 다음 요소를 포함하세요. 여러 줄로 구성된 간판(상점 이름 + 영문 이름 + 전화번호), 물결 모양 장식이 달린 줄무늬 차양, 안쪽으로 들어간 점포 전면과 깊이가 느껴지는 내부, 보도 진열물(과일 상자, 잡지 진열대, 음식 모형 진열장, 회전식 이발소 간판). 위층에는 창문, 에어컨 실외기, 빨래가 걸린 발코니, 옥상 TV 안테나를 배치하세요. 2. 거리 세부 요소: 수많은 전선이 연결된 전신주, 상점가 배너가 달린 장식 가로등, 축제용 등불 줄, 노란 점자 블록이 있는 사각형 보도 타일, 배수구 덮개, "止まれ" 정지 표지판, 버스 정류장을 배치하세요. 3. 철도 건널목과 열차: 복선 철도를 구성하세요. 열차가 접근하면 건널목의 빨간 경고등이 번갈아 점멸하고, 경종이 울리며, 차단기가 내려갑니다. 2량 편성 통근 열차는 역에 약 14초간 정차한 뒤 출발합니다. 창문은 투명하게 만들어 내부의 좌석과 손잡이가 보이게 하세요. 4. 섬식 승강장 역: 역명판, 승강장 지붕, 벤치, 자판기를 배치하세요. 5. 벚꽃 광장: 나무 둘레에 원형 벤치가 설치된 100년 된 벚나무를 배치하세요. 6. 이나리 신사: 커다란 주홍색 도리이와 작은 도리이 행렬, 석등, 여우 석상, 배전(청록색 구리 지붕, 치기, 가쓰오기, 헌금함, 매달린 종), 데미즈야, 지장보살상, 에마, 신목, 자갈 바닥을 구성하세요. 7. 강변 제방: 벚나무 두 줄이 꽃터널을 이루고, 등불과 강, 건너편 강둑의 집, 멀리 보이는 산을 배치하세요. [벚나무 제작 방법(핵심)] - 소메이요시노를 참고해 모델링하세요. 줄기는 낮은 위치에서 3~4개의 굵은 가지로 갈라지고, 각 가지는 다시 세 단계에 걸쳐 재귀적으로 분기됩니다. 가지는 바깥쪽으로 뻗으며 끝부분은 살짝 처져 전체적으로 우산형 수관을 이루게 하세요. - 수관은 수만 장의 "꽃송이 클러스터 카드"로 구성하세요. Canvas에 꽃잎 다섯 장의 꽃(끝부분에 홈이 있고, 붉은색 중심과 수술이 있음)을 그리며, 꽃 뒤에는 부드러운 분홍색 바탕 레이어를 배치하세요. 카드에는 alphaTest와 양면 렌더링을 사용하세요. - 수관 내부에 분홍색 보충 덩어리를 몇 개 추가해 볼륨감을 주세요. 바깥쪽과 위쪽은 더 밝게, 안쪽과 아래쪽은 따뜻한 장밋빛 그림자가 드리워지게 하세요. - 네온 핑크가 아닌 옅은 분홍색을 사용하세요. 수관은 바람에 부드럽게 흔들리고, 각 나무 아래 지면은 떨어진 꽃잎으로 뒤덮이며, 공중에서는 꽃잎이 계속 떨어지게 하세요(셰이더로 구현). [캐릭터] - 애니메이션풍 학생과 마을 사람을 20명 이상 배치하세요. 무릎과 팔꿈치 관절을 사용하는 걷기 애니메이션, Canvas로 그린 애니메이션풍 얼굴(큰 눈, 하이라이트, 홍조)과 눈 깜박임, 여러 가닥으로 나눈 앞머리, 다양한 헤어스타일(긴 머리, 단발, 흔들리는 포니테일, 트윈테일), 세일러복 / 블레이저 교복 / 캐주얼 복장을 적용하세요. 캐릭터는 2톤 셀 셰이딩과 어두운 외곽선으로 렌더링하세요. - 사람들이 거리를 걷고, 광장에서 대화하고, 승강장에서 기다리고, 신사에서 참배하며, 자전거를 타고 제방을 달리게 하세요. [차량] - 측면 실루엣을 돌출해 차체를 제작하세요(휠 아치, 창문, 램프, 일본식 번호판, 회전하는 바퀴 포함). 자동차는 철도 건널목 앞에서 정지하고, 경종이 울리는 동안 차단기가 올라갈 때까지 기다리게 하세요. [조명과 시간대] - 부드러운 애니메이션 배경 느낌을 연출하세요. 흰 구름이 있는 푸른 하늘(셰이더), 먼 곳의 옅은 안개, 푸른 보랏빛이 감도는 그림자를 사용하세요. - Afternoon / Dusk / Night Sakura 사이를 전환할 수 있게 하세요. 밤에는 창문과 등불, 가로등이 켜지게 하세요. [조작] - 1인칭 시점: WASD로 이동하고, Shift로 달리며, Space로 점프하고, F로 비행하세요. 마우스로 주변을 둘러보고(포인터 잠금), 숫자 키로 각 장소로 순간이동하며, H로 UI를 숨기고, M으로 음소거하세요. - 모바일: 화면 왼쪽 절반을 드래그해 이동하고, 오른쪽 절반을 드래그해 주변을 둘러보세요. - 충돌을 활성화하고, 플레이어가 승강장과 계단 위로 걸어 올라갈 수 있게 하세요. - Web Audio를 사용해 바람 소리, 새소리, 철도 건널목 경종, 열차 주행음을 환경음으로 생성하세요.