피타야 젤리

“피타야 젤리”라는 이름의 인터랙티브 3D 장면을 제작하세요. 부드럽고 반투명한 젤리로 만든 용과 반쪽입니다. 실제 WebGPU 렌더링과 WGSL 셰이더를 사용해 전체 프로젝트를 하나의 HTML 파일로 구성하세요. 미리 제작된 모델이나 이미지 에셋은 사용하지 마세요. APPEARANCE 밝은 스튜디오 표면 위에 자른 면이 위를 향하도록 놓인 커다란 용과 반쪽. 짙은 라즈베리 핑크색 껍질, 얇고 옅은 색의 속껍질, 진주처럼 하얀 과육. 과육 전체에 약 250개의 작은 검은 씨가 자연스럽게 분포. 과일 주변에 12~14개의 도톰한 껍질 꽃잎을 배치하고, 밑동의 분홍색에서 끝부분의 초록색으로 자연스럽게 색이 이어지도록 하세요. 빛의 굴절과 작은 내부 기포, 부드러운 접촉 그림자가 있는 윤기 나고 촉촉한 표면. 머티리얼은 딱딱한 플라스틱이 아니라 부드러운 구미 캔디처럼 보여야 합니다. 하이라이트가 날아가지 않도록 채도 높은 색상을 유지하세요. 물리 및 상호작용 탄성 연결과 부피 보존 제약 조건을 적용한 볼류메트릭 메시로, XPBD와 같은 실제 소프트 바디 변형을 구현하세요. 사용자는 마우스나 손가락으로 과육을 잡아 늘인 다음 놓을 수 있어야 합니다. 변형은 물체 전체를 단순히 이동시키는 대신 잡은 지점 주변에 집중되어야 합니다. 놓은 뒤에는 과일이 흔들리고 출렁이며 원래 형태로 서서히 돌아와야 합니다. 껍질 꽃잎을 각각 드래그할 수 있게 하세요. 과육보다 더 부드럽게 휘고 탄성 있게 되돌아오되, 과일에 붙어 있어야 합니다. 씨는 변형되는 표면을 따라 움직여야 하며, 떠오르거나 과육 안으로 파고들면 안 됩니다. 강하게 당길 때도 바닥 접촉을 유지하고 요소가 뒤집히지 않도록 보호해 시뮬레이션을 안정적으로 유지하세요. 비주얼 디자인 에디토리얼 감성의 미니멀한 라이트 테마 스튜디오 인터페이스를 사용하세요. 여백은 넉넉하게 두고, 테두리는 얇게, 컨트롤은 절제된 형태로 구성하며 불필요한 장식은 배제하세요. 왼쪽 상단: “MATERIAL STUDIES / NO. 019” 두 줄로 배치한 큰 이탤릭 세리프 제목: “피타야 젤리.” 그 아래에: “조금은 야생적이고.” “조금은 달콤하고.” “아주 부드러운 용.” 오른쪽에는 “THE SPECIMEN”이라는 제목의 플로팅 패널을 추가하고 다음 항목을 포함하세요. 밀도 배지: ρ 1.04 g/cm³. 프리셋 3개: Pearl — 하얀 과육과 분홍색 껍질. Ruby — 라즈베리색 과육과 분홍색 껍질. Gold — 옅은 색 과육과 황금색 껍질. 현재 값이 표시되는 Firmness 및 Internal damping 슬라이더. “살짝 밀어 보기” 및 “초기화” 버튼. “¼ 속도” 및 “메시 표시” 체크박스. “일시정지” 버튼. 다음 항목도 포함하세요. 종료 옵션이 있는 전체 화면 버튼. “WEBGPU · LIVE” 상태 표시기. 질량, 기준 부피 대비 백분율, 운동 에너지를 실시간으로 표시하세요. 짧은 상호작용 안내: “과육을 당기세요. 꽃잎을 잡아당기세요. 놓아 보세요.” 구현 방식을 정확하게 설명하는 접을 수 있는 “실험의 내부” 섹션. 기술 요구 사항 pitaya-jelly-webgpu.html이라는 이름의 독립 실행형 파일 하나로 제공하세요. Canvas 2D를 흉내 내지 말고 실제 WebGPU 렌더링을 사용하세요. 모든 지오메트리는 절차적으로 생성하세요. 두께를 고려한 굴절, 프레넬 반사, 부드러운 스튜디오 조명을 사용하세요. 일관된 동작을 위해 고정된 시뮬레이션 타임스텝을 사용하세요. 반응형 레이아웃으로 데스크톱과 터치 상호작용을 지원하세요. 드래그하는 동안 비용이 큰 지오메트리 재구성이나 셰이더 컴파일이 발생하지 않도록 하세요. WebGPU를 사용할 수 없을 때 명확한 대체 안내 메시지를 표시하세요. 드래그, 놓기, 형태 복원, 프리셋, 초기화, 일시정지, 전체 화면, 모바일 레이아웃을 검증하세요. 가장 중요한 우선순위는 설득력 있는 젤리 같은 동작, 아름다운 머티리얼, 만족스러운 상호작용입니다. 완성도 높고 직접 플레이할 수 있는 머티리얼 실험처럼 느껴져야 합니다.