Create an interactive 3D "Plush Octopus" toy as a single self-contained HTML file using native WebGPU. A cute stuffed octopus sits on a soft studio table: a big round head with two glossy black safety-bead eyes, embroidered blush cheeks and a small stitched smile, and eight chubby tapering arms that lie on the table and curl up at the tips, revealing a paler underside with rows of sucker discs. Make it look like real minky plush: dense real-time fur with visible strands, soft sheen, fur that sways when the toy moves, and soft contact shadows.
Interactions:
- Drag the head or any single arm to stretch it independently; arms must stay connected to the body and never pass through each other or the head.
- "Finger" tool: a finger follows the pointer above the octopus. Nearby arms reach up for it; press to lower it and the arms wrap around it and hold on. Moving or lifting the finger drags or lifts the octopus until the arms let go. Poking the head dents it.
- "Comb" tool: stroke the fur to change its direction; against the grain it looks darker, with the grain it shines. Add a "Smooth fur" button.
- "Shake it" button: pick the octopus up by the crown and shake it so the arms flop and swing like soft sausages, then set it down.
- Squish (press down from above), Toss, and Reset. If it lands upside down, it slowly rolls back onto its arms.
Controls: three fur colours (Coral, Lilac, Lagoon), sliders for stuffing firmness, pile length, and internal damping, quarter speed, pause. Support mouse and touch, camera orbit, and zoom (scroll or pinch). Use an elegant editorial "material study" layout: a large serif title, a compact control panel, and live readouts (mass, volume, kinetic energy, arms holding on). Generate all geometry, materials, and fur procedurally: no external libraries, models, textures, or other assets. Prioritize believable soft-body physics, stable simulation, and a cosy, polished look.
한국어 번역
네이티브 WebGPU를 사용해 단일 자체 포함 HTML 파일로 인터랙티브 3D "Plush Octopus" 장난감을 만들어 주세요. 귀여운 봉제 문어가 부드러운 스튜디오 테이블 위에 앉아 있습니다: 광택 나는 검은 안전 비즈 눈 두 개, 자수로 놓인 볼터치, 작게 스티치된 미소가 있는 크고 둥근 머리, 그리고 테이블에 누워 끝부분이 말려 올라가 창백한 안쪽과 줄지어 붙은 흡반 디스크가 드러나는 통통하고 가늘어지는 여덟 개의 팔. 진짜 밍키 플러시처럼 보이게 하세요: 눈에 보이는 섬유가 있는 촘촘한 실시간 퍼, 부드러운 광택, 장난감이 움직일 때 흔들리는 퍼, 부드러운 접촉 그림자.
인터랙션:
- 머리나 팔 하나를 드래그해 독립적으로 늘리세요; 팔은 몸통에 연결된 상태를 유지해야 하며 서로나 머리를 절대 통과해서는 안 됩니다.
- "Finger" 도구: 손가락이 문어 위에서 포인터를 따라갑니다. 가까운 팔이 손가락을 향해 뻗어 올라오고, 누르면 손가락이 내려가며 팔이 그것을 감싸 붙잡습니다. 손가락을 움직이거나 들어 올리면 팔이 놓을 때까지 문어를 끌거나 들어 올립니다. 머리를 찌르면 움푹 들어갑니다.
- "Comb" 도구: 퍼를 쓸어 결 방향을 바꿉니다; 결을 거슬러 빗으면 더 어둡게 보이고, 결을 따라 빗으면 윤이 납니다. "Smooth fur" 버튼을 추가하세요.
- "Shake it" 버튼: 정수리로 문어를 들어 올려 흔들면 팔이 부드러운 소시지처럼 흔들리고 휘청이다가, 다시 내려놓습니다.
- Squish(위에서 아래로 누르기), Toss, Reset. 거꾸로 떨어지면 천천히 팔 쪽으로 굴러 돌아옵니다.
컨트롤: 세 가지 퍼 색상(Coral, Lilac, Lagoon), 충전재 단단함, 파일 길이, 내부 감쇠 슬라이더, 4분의 1 속도, 일시정지. 마우스와 터치, 카메라 회전, 줌(스크롤 또는 핀치)을 지원하세요. 우아한 에디토리얼 "material study" 레이아웃을 사용하세요: 큰 세리프 제목, 컴팩트한 컨트롤 패널, 실시간 수치 표시(질량, 부피, 운동 에너지, 붙잡고 있는 팔). 모든 지오메트리, 머티리얼, 퍼를 절차적으로 생성하세요: 외부 라이브러리, 모델, 텍스처 또는 기타 에셋은 사용하지 마세요. 믿을 만한 소프트 바디 물리, 안정적인 시뮬레이션, 아늑하고 세련된 룩을 우선하세요.
