"Gummy Bears" 구축 - 단일 독립형 HTML 파일 (CDN의 three.js가 유일한 의존성): 흰색 테이블 위에 놓인 반투명 젤리 곰 몇 마리를 잡고, 늘리고, 누르고, 던지고, 부어 넣을 수 있습니다. 곰들 - 클래식 젤리 곰 실루엣: 두 귀가 달린 둥근 머리, 짧은 주둥이, 통통한 몸, 뭉툭한 팔과 다리, 작은 몰드 눈과 코 - 모든 부분이 부드럽게 이어지도록 구성 - 개별 구가 아닌 암시적 표면(메타볼 / marching cubes)으로 몸을 만듭니다 - 소재: 실제 젤리 캔디. 투사율과 굴절이 있는 반투명 재질, 두꺼운 부분에서 깊어지는 색상 흡수, 선명한 하이라이트가 있는 광택 클리어코트 - 색상: 체리 레드, 오렌지, 레몬 옐로우, 애플 그린, 클리어 파인애플 - 각 곰 아래에는 곰 자체 색상에 물든 부드러운 유색 그림자 물리 (핵심 요소 - 플라스틱이 아닌 젤리처럼 느껴져야 합니다) - 각 곰은 연체입니다: 머리, 귀, 주둥이, 몸, 배, 손, 발에 질량 점을 두고 부피 보존 형상 매칭으로 연결합니다 - 팔다리와 목은 점 사이에서 늘어나는 스트랜드로 렌더링되며, 늘어날수록 가늘어집니다 - 어떤 부분을 잡아서 당기면: 고무처럼 늘어나고 나머지 몸이 따라 기울어지며, 놓으면 감쇠된 흔들림과 함께 원래 상태로 돌아갑니다 - 머리를 위로 당기면: 목이 늘어나고 몸이 따라오며, 놓으면 곰이 납작해졌다가 튀어 오릅니다 - 머리를 아래로 누르면: 곰이 팬케이크처럼 눌리고 옆으로 팽창했다가 다시 위로 튕겨 나갑니다 - 곰을 던지면: 날아가다가 착지할 때 납작해지고, 튕기면서 다른 곰들을 밀어냅니다 - 곰들은 서로 충돌하며 절대 관통하지 않습니다 - 대기 중인 곰들은 작은 무작위 점프와 늘림/압축 동작을 수행합니다 - "Pour more bears" 버튼은 위에서 한 움큼을 떨어뜨려 흔들거리고 진동하는 더미를 만듭니다 UI - 흰색 배경의 에디토리얼 제품 페이지 스타일. 큰 이탤릭 세리프 제목 "Gummy / Bears.", 짧은 부제, 오른쪽에 향료 스와치, 흔들림 슬라이더, 실시간 "Stretch" 및 "Bounces" 표시, "Pour more bears" 버튼이 포함된 최소한의 카드 - 잡는 동안 커지는 미묘한 원형 커서 - ACES 톤 매핑, 환경 반사, 부드러운 키 라이트와 백 라이트. 부드러운 60fps
