10-11 提示词挑战 :微缩岛屿
-
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.如果有时间测试,请回复: 硬件配置,用的harness,总共时间,个人感受。
我的本地LLM还在写代码,晚点弄完了测试一下。 -
中文版
创建“果冻海屿”(Tidepool Jelly)——一个交互式 3D 微型海岸生态系统,场景中的一切都呈现出柔软、可挤压、半透明果冻般的质感。 展示一块悬浮在温暖米白色背景前的海岸切片(立面剖切视角)。场景中需包含:地表下分层展现的沙土与岩石、浅绿松石色的海水、多岩石的潮池、圆润的鹅卵石、贝壳,以及小块的海岸植被。使用正交相机,并支持轨道旋转和缩放控制。 水是整个场景的主角:需要有令人信服的海浪、扩散的涟漪、反射、折射、水下焦散光效,以及湿润的海岸线。潮汐需要有涨落动画,使潮池随之充盈和排空。用户点击水面或在水中拖动时,应能产生局部涟漪,并自然消退。 在潮池中放入各种动画化的果冻海洋生物:小螃蟹、海星、海葵、蜗牛、贻贝、虾和小鱼。每种生物需具有独特的运动方式和行为模式——螃蟹在岩石间四处横行,海葵随水流摇曳,蜗牛缓慢爬行,鱼类成松散的群体游动。它们的身体在移动时应轻轻地摇摆和变形。 允许用户点击某只生物以聚焦相机,并展示一张紧凑的物种信息卡片。还需支持轻柔的互动——触发一次软弹的挤压反应,随后平滑恢复到原本的形态。 添加一个干净、极简的控制面板,包含以下功能: 潮汐高度与自动潮汐循环 海浪强度与水体清澈度 果冻柔软度 日间与夜间光照 各物种的显示/隐藏开关 暂停、重置,以及“随机生成生态系统”按钮 在夜晚模式下,水中共生物应呈现出微妙的生物荧光效果。 整体采用优雅的编辑排版风格(editorial typography)、充足的留白,以及克制的 UI 样式。“Tidepool Jelly”标题置于左上角,控制面板放在右侧,场景本身应占据屏幕的主体。 请使用 Three.js(在合适处配合自定义着色器)构建一个完全可运行的浏览器体验。优先实现:精美的水体效果、可信的生物运动、富有触感的果冻材质,以及流畅的性能表现。所有控件必须真实可用。禁止使用静态效果图、占位素材或过大体积的界面元素。 -
-
-
-
-
-
muse.ai 5分12秒, 还可以:
-
-
-

