Build a single-file WebGPU interactive experience featuring a soft, squishy plush shark.
Design the shark with a recognizable silhouette: a rounded body, pointed snout, dorsal fin, side fins, and a powerful tail. Give it a blue fabric exterior, cream belly, glossy black button eyes, stitched gills, and a playful mouth with small felt teeth. Make the fabric visibly fuzzy, with subtle seams and soft shadows.
Interactions:
- Grab and drag any part of the shark. Its body should stretch, squash, wobble, and settle naturally.
- Pull its tail and release to make it dash forward.
- Boop its nose for a cute reaction.
- Brush its fur with a comb tool.
- Feed it little fish and animate it chasing and eating them.
- Let it swim in gentle circles when idle.
Use convincing soft-body physics with volume preservation, springy recovery, and responsive fins and tail. Avoid rigid movement or excessive jitter.
Include controls for stuffing firmness, fur length, swimming speed, and color palettes. Add reset, feed, dash, and wireframe buttons.
Present everything in a polished minimalist interface with a warm off-white background, elegant typography, a compact settings panel, and the title “Plush Shark.”
Deliver one self-contained HTML file with all code and assets embedded. Use WebGPU for rendering, support mouse and touch, and keep the experience smooth and responsive.
한국어 번역
말랑하고 폭신한 봉제 상어를 주인공으로 한 단일 파일 WebGPU 인터랙티브 경험을 만들어 주세요.
알아보기 쉬운 실루엣으로 상어를 디자인하세요: 둥근 몸통, 뾰족한 주둥이, 등지느러미, 옆지느러미, 힘 있는 꼬리. 파란 천 외피, 크림색 배, 광택 나는 검은 단추 눈, 바느질된 아가미, 작은 펠트 이빨이 있는 장난스러운 입을 넣으세요. 천이 눈에 띄게 보송보송하고 은은한 솔기와 부드러운 그림자가 있게 하세요.
인터랙션:
- 상어의 어느 부분이든 잡아 끄세요. 몸이 늘어나고, 눌리고, 흔들리며 자연스럽게 자리 잡아야 합니다.
- 꼬리를 당겼다 놓으면 앞으로 돌진하게 하세요.
- 코를 콕 건드리면 귀여운 반응을 보이게 하세요.
- 빗 도구로 털을 빗어 주세요.
- 작은 물고기를 먹여 주고, 물고기를 쫓아가 먹는 애니메이션을 넣으세요.
- 가만히 있을 때는 부드럽게 원을 그리며 헤엄치게 하세요.
부피 보존, 탄성 있는 복원, 반응성 좋은 지느러미와 꼬리를 갖춘 설득력 있는 소프트 바디 물리를 사용하세요. 딱딱한 움직임이나 과도한 떨림을 피하세요.
충전재 단단함, 털 길이, 헤엄 속도, 색상 팔레트를 조절하는 컨트롤을 포함하세요. 초기화, 먹이 주기, 돌진, 와이어프레임 버튼을 추가하세요.
따뜻한 오프화이트 배경, 우아한 타이포그래피, 간결한 설정 패널, 그리고 “Plush Shark”라는 제목을 갖춘 세련된 미니멀 인터페이스로 모든 것을 보여주세요.
모든 코드와 에셋을 내장한 하나의 자체 완결형 HTML 파일로 전달하세요. 렌더링에는 WebGPU를 사용하고, 마우스와 터치를 지원하며, 경험이 매끄럽고 반응성 있게 유지되도록 하세요.
