베타 물고기 본 애니메이션

three.js와 XPBD(Extended Position Based Dynamics) 제약을 함께 사용해 베타 물고기에 부드러운 물리 기반 움직임을 구현하세요. 물고기의 머리부터 꼬리까지 몸체가 연속적으로 변형되도록 최소 50개의 골격 노드로 리깅하세요. 장면은 수중으로 설정합니다. 사용자는 마우스로 물고기 머리를 잡아 드래그할 수 있으며, 제약 솔버는 머리 뒤쪽으로 몸 전체를 끌어오면서 꼬리는 유연하고 자연스럽게 계속 흔들리게 해야 합니다. 먼저 물고기 메시의 스키닝 웨이트를 올바르게 페인팅한 뒤, 완성된 리그와 물리 효과 위에 HTML 상호작용 레이어를 구축하세요. 별을 반투명 해파리로 바꾸세요. 우산 가장자리와 촉수에 본 관절을 배치해 우산을 드래그하면 XPBD 제약을 통해 촉수가 뒤따라 움직이게 하세요. 머티리얼은 서브서피스 스캐터링이 적용된 반투명 느낌으로 바꾸고, 장면 조명은 짙은 파란색으로 조정하세요. 

three.js와 XPBD(Extended Position Based Dynamics) 제약을 함께 사용해 베타 물고기에 부드러운 물리 기반 움직임을 구현하세요. 물고기의 머리부터 꼬리까지 몸체가 연속적으로 변형되도록 최소 50개의 골격 노드로 리깅하세요. 장면은 수중으로 설정합니다. 사용자는 마우스로 물고기 머리를 잡아 드래그할 수 있으며, 제약 솔버는 머리 뒤쪽으로 몸 전체를 끌어오면서 꼬리는 유연하고 자연스럽게 계속 흔들리게 해야 합니다. 먼저 물고기 메시의 스키닝 웨이트를 올바르게 페인팅한 뒤, 완성된 리그와 물리 효과 위에 HTML 상호작용 레이어를 구축하세요. 교육용 주석 모드를 추가하세요. 켜면 베타의 주요 본 관절(척추, 꼬리자루, 지느러미 줄기)에 이름과 연결선이 표시되고, 관절을 클릭하면 교실 프로젝터로 보여 주기 좋은 중국어 한 문장 기능 설명이 열리게 하세요.