인터랙티브 WebGPU 딸기 케이크 소프트 바디 시뮬레이터

"Strawberry Cake"라는 완전한 인터랙티브 WebGPU 사이트를 즉시 구축하세요. 진짜 WebGPU + WGSL, 절차적 지오메트리, 마우스/터치, 실시간 볼류메트릭 소프트 바디 물리를 사용하세요. Three.js/Babylon.js, Canvas2D, 외부 자산, 비디오/GIF, 또는 CSS 전용 변형은 사용하지 마세요. 비주얼: 프리미엄 한국/일본식 딸기 쇼트케이크 - 낮고, 넓고, 둥글며, 베개처럼 부드럽고, 핑크색 스펀지, 크림 층, 옅은 프로스팅, 파이핑 크림, 딸기가 있습니다. 따뜻한 아이보리 배경, 부드러운 스튜디오 조명, 식감 있는 촉촉한 재질. 레이아웃: 왼쪽 상단에 "SOFT STUDIES / NO.001" + 이탤릭체 "Strawberry Cake." 오른쪽 상단에 "WEBGPU · LIVE". 중앙에 큰 케이크. 오른쪽 컨트롤: 손/나이프, 프리셋, 단단함, 감쇠, 드롭, 리셋, 일시정지, 1/4 속도, 메시 표시. 왼쪽 하단: 질량, 부피, 운동 에너지, 조각 수. 물리: 안정적인 XPBD/공회전 소프트 바디, 사면체 시뮬레이션 메시, 부드러운 렌더 메시, 부피 보존, 감쇠, 중력, 바닥 마찰, 조각 간 충돌. 케이크는 부드럽고 무거우며, 놓은 후 흔들립니다. 손: 누르고 있기=Press, 안쪽으로 끌기=Squeeze, 바깥쪽으로 끌기=Grab, 빠르게 놓기=Throw. 가중치 적용된 그랩, 평활화된 3D 타겟, 포인터 속도와 운동량을 사용하세요. 케이크는 자유롭게 유지됩니다. 케이크 입력은 오비트를 덮어씁니다. 나이프: 절차적 3D 나이프. 절단선을 그리세요. 접촉→압축→관통→돌파→들어올리기 애니메이션. 분할 전에 변형시키고, 이음새를 얇게 유지하세요. 반복 절단은 필수입니다: 동적 조각 목록을 사용하세요. 모든 조각은 계속 절단 가능해야 합니다. 스트로크를 수직 절단 평면으로 변환하고, 교차하는 조각을 분할하고, 새 소프트 바디/렌더 메시를 만들고, 변형/속도를 전달하고, 토핑을 보존하고, 반쪽을 정렬하고, 조각 수를 업데이트하세요. 14개 이상의 조각과 다중 조각 절단을 지원하세요. 고정된 전체/왼쪽/오른쪽 상태는 없습니다. 드롭은 모든 조각을 놓습니다. 리셋은 하나의 온전한 케이크와 조각 수=1로 복원합니다. 고정 타임스텝/서브스텝, DPR≤2, 불안정성 클램프, NaN/GPU 오류 방지를 사용하세요. window.__cake를 노출하세요. 로컬에서 실행하고, 상호작용과 반복 절단을 테스트하고, 완성될 때까지 반복하세요.