ខ្លាឃ្មុំស្ករគ្រាប់ដែលអាចទាញនិងសង្កត់

Build "Gummy Bears" - a single self-contained HTML file (three.js from a CDN is the only dependency): a handful of translucent gummy bears on a white table that you can grab, stretch, squash, throw and pour.

The bears

- Classic gummy bear silhouette: round head with two ears, short snout, plump body, stubby arms and legs, tiny molded eyes and nose
- Every part melts smoothly into the next - build the body as an implicit surface (metaballs / marching cubes), not separate spheres
- Material: real gummy candy. Translucent with transmission and refraction, colored light absorption that gets deeper in thick parts, glossy clearcoat with sharp highlights
- Colors: cherry red, orange, lemon yellow, apple green, clear pineapple
- Soft colored shadow under each bear, tinted by the bear's own color

Physics (this is the whole point - it must feel like jelly, not plastic)

- Each bear is a soft body: mass points for head, ears, snout, body, belly, hands and feet, held together by volume-preserving shape matching
- Limbs and neck are rendered as stretchy strands between points, getting thinner as they stretch
- Grab any part and pull: it stretches like rubber, the rest of the bear leans after it, on release it snaps back with a damped wobble
- Pull the head up: the neck stretches, the body follows, on release the bear squashes and hops
- Press down on the head: the bear pancakes, bulges sideways, then launches itself back up
- Throw a bear: it flies, squashes on landing, bounces and pushes other bears out of the way
- Bears collide with each other and never pass through one another
- Idle bears do small random hops with squash and stretch
- "Pour more bears" drops a handful from above into a wobbling, jiggling pile

UI

- Editorial product-page style on a white background. Large italic serif title "Gummy / Bears.", a short subtitle, a minimal card on the right with flavor swatches, a wobble slider, live "Stretch" and "Bounces" readouts and a "Pour more bears" button
- A subtle circular cursor that grows while grabbing
- ACES tone mapping, environment reflections, soft key and back light. Smooth 60fps

ព្រាងតាមផ្នែក។ សង់ "Gummy Bears" ជាឯកសារ HTML តែមួយ (three.js ពី CDN ជាការពឹងផ្អែកតែមួយ)៖ ខ្លាឃ្មុំស្ករគ្រាប់ថ្លាពីរបីនៅលើតុស ដែលអាចចាប់ ទាញ សង្កត់ បោះ និងចាក់បាន។ រូបរាងខ្លាឃ្មុំបុរាណ ក្បាលមូល ត្រចៀកពីរ ដងខ្លួនធាត់។ សង់ដងខ្លួនជាផ្ទៃបន្ត មិនមែនស្វ៊ែរដាច់ៗ។ សម្ភារៈដូចស្ករគ្រាប់ពិត ថ្លា មានចំណាំង និងស្រមោលពណ៌ទន់។ ពណ៌៖ ក្រហម ទឹកក្រូច លឿង បៃតង និងថ្លា។ រូបវិទ្យាត្រូវមានអារម្មណ៍ដូចចាហួយ៖ ចំណុចម៉ាសភ្ជាប់ដោយការរក្សាទម្រង់ អវយវៈលាតស្តើងពេលទាញ ពេលលែងវាលោតត្រឡប់ ការបោះធ្វើឱ្យសង្កត់ពេលចុះដល់ ហើយខ្លាឃ្មុំមិនកាត់ឆ្លងគ្នា។ "Pour more bears" ទម្លាក់បន្ថែមពីលើ។ ទំព័រមានចំណងជើងធំ កាតរសជាតិ គ្រាប់រំកិល និងប៊ូតុងចាក់បន្ថែម។ ៦០ ហ្វ្រេមក្នុងវិនាទី។