Create “Tidepool Jelly” - an interactive 3D miniature coastal ecosystem where everything feels soft, squishy, and made of translucent jelly.
Show an elevated, cutaway slice of coastline floating against a warm off-white background. Include layered sand and rock beneath the surface, shallow turquoise water, rocky tide pools, rounded pebbles, seashells, and small patches of coastal greenery. Use an orthographic camera with orbit and zoom controls.
Make the water the star of the scene: convincing waves, spreading ripples, reflections, refraction, underwater caustics, and a wet shoreline. Animate a rising and falling tide that fills and drains the pools. Clicking or dragging through water should create localized ripples that fade naturally.
Populate the pools with animated jelly sea creatures: tiny crabs, starfish, sea anemones, snails, mussels, shrimp, and small fish. Give each species distinct movement and behavior. Crabs scuttle around rocks, anemones sway with the current, snails crawl slowly, and fish swim in loose groups. Their bodies should gently wobble and deform as they move.
Let users click a creature to focus the camera and reveal a compact species card. Allow gentle interactions that trigger a squishy reaction, followed by a smooth return to the original shape.
Add a clean, minimal control panel with:
Tide height and automatic tide cycle.
Wave strength and water clarity.
Jelly softness.
Day and night lighting.
Species visibility toggles.
Pause, reset, and a randomize ecosystem button.
At night, introduce subtle bioluminescence in the water and selected creatures.
Use elegant editorial typography, generous whitespace, and restrained UI styling. Place the “Tidepool Jelly” title in the upper-left corner and controls on the right. The scene should dominate the screen.
Build a fully working browser experience using Three.js and custom shaders where useful. Prioritize beautiful water, believable creature movement, tactile jelly materials, and smooth performance. All controls must work. Avoid static mockups, placeholder assets, and oversized interface elements.
한국어 번역
“Tidepool Jelly”를 만들어 주세요 — 모든 것이 부드럽고 말랑하며 반투명 젤리로 만들어진 듯한 인터랙티브 3D 미니어처 해안 생태계입니다.
따뜻한 오프화이트 배경을 등지고 떠 있는, 높은 시점에서 잘라낸 해안선 단면을 보여 주세요. 표면 아래의 층진 모래와 암석, 얕은 청록색 물, 바위 조수 웅덩이, 둥근 자갈, 조개껍데기, 작은 해안 초록 지대를 포함합니다. 궤도 회전과 줌 조작이 가능한 직교 카메라를 사용하세요.
물을 장면의 주인공으로 만드세요: 설득력 있는 파도, 퍼져 나가는 물결, 반사, 굴절, 수중 코스틱, 젖은 해안선입니다. 웅덩이를 채우고 비우는 밀물과 썰물을 애니메이션으로 만드세요. 물을 클릭하거나 드래그하면 자연스럽게 사라지는 국소 물결이 생겨야 합니다.
웅덩이에 움직이는 젤리 바다 생물을 채우세요: 작은 게, 불가사리, 말미잘, 달팽이, 홍합, 새우, 작은 물고기입니다. 각 종마다 뚜렷한 움직임과 행동을 부여하세요. 게는 바위 주변을 종종걸음으로 돌아다니고, 말미잘은 조류에 따라 흔들리며, 달팽이는 천천히 기어가고, 물고기는 느슨한 무리로 헤엄칩니다. 생물의 몸은 움직일 때 부드럽게 흔들리고 변형되어야 합니다.
사용자가 생물을 클릭하면 카메라가 그쪽으로 초점을 맞추고 간결한 종 카드가 나타나게 하세요. 부드러운 상호작용으로 말랑한 반응을 유발하고, 이어서 원래 형태로 매끄럽게 돌아오게 하세요.
깔끔하고 미니멀한 컨트롤 패널을 추가하세요:
조수 높이와 자동 조수 주기.
파도 강도와 물의 투명도.
젤리 부드러움.
낮과 밤 조명.
종 표시 토글.
일시정지, 리셋, 생태계 무작위화 버튼.
밤에는 물속과 선택된 생물에 은은한 생물발광을 넣으세요.
우아한 에디토리얼 타이포그래피와 넉넉한 여백, 절제된 UI 스타일을 사용하세요. “Tidepool Jelly” 제목은 왼쪽 상단 모서리에, 컨트롤은 오른쪽에 배치하세요. 장면이 화면을 압도해야 합니다.
Three.js와 필요한 곳의 커스텀 셰이더를 사용해 완전히 작동하는 브라우저 경험을 구현하세요. 아름다운 물, 사실감 있는 생물 움직임, 촉감이 느껴지는 젤리 재질, 부드러운 성능을 우선하세요. 모든 컨트롤이 작동해야 합니다. 정적인 목업, 자리표시자 에셋, 지나치게 큰 인터페이스 요소는 피하세요.
