提示词
使用 Three.js 和提供的饺子 GLB model,构建一个名为“The Dumpling Club”的完整、精致的交互式 3D 网站。
Art direction:
营造一个温馨的微缩美食场景,采用暖奶油色背景、陶土色点缀、柔和的影棚光照、逼真的阴影和优雅的字体排印。将富有表现力的衬线标题与简洁的无衬线控件搭配使用。使用标题“Small bites. Big feelings.”。为场景留出充足的呼吸空间。
The serving:
在一个圆形竹蒸笼内放置五只可爱的饺子;蒸笼应具有分层木质笼壁、细腻纹理、编织细节和烘焙纸垫。默认使用竹蒸笼,同时提供瓷盘作为替代选项。在旁边放一小碗酱油。
The personalities:
为每只饺子赋予独特的面孔、会眨动的眼睛、红润的脸颊和俏皮的表情。加入轻盈上升的蒸汽,以及偶尔出现的 squash-and-stretch 动画。跳跃幅度必须极低,几乎始终贴着盛放表面。让饺子显得柔软而鲜活。
The interaction:
点击一只饺子后,让筷子轻柔地夹起它,蘸入酱油,再送向 camera 供人咬一口。加入酱汁涟漪、液滴、蘸酱后泛着光泽的边缘、细小碎屑,以及一段简短的英文反应。让剩下的饺子观看并作出反应。让 timing 可爱又令人满足。
Controls:
提供 3、5 或 8 只的份量选项,以及补充、autoplay、声音、蒸汽和酱汁 toggles、“Boing!”按钮,以及隐藏界面的模式。加入轻柔的合成音效。
Video:
提供一个“Record a bite”按钮,用于自动生成一段简短的品尝过程,并显示实时方形预览。以 1080 × 1080、30 fps 在本地导出,优先使用 MP4,并以 WebM 作为 fallback。
全程使用英文。支持移动端、键盘交互和 reduced motion。所有 assets 均保存在本地,并交付一个动画与构图均精致、可完整运行的体验。原文提示词(English)
Build a complete, polished interactive 3D website called “The Dumpling Club” using Three.js and the provided dumpling GLB model.
Art direction:
Create a cozy miniature food scene with a warm cream background, terracotta accents, soft studio lighting, realistic shadows, and elegant typography. Pair an expressive serif headline with clean sans-serif controls. Use the headline “Small bites. Big feelings.” Give the scene plenty of breathing room.
The serving:
Place five adorable dumplings inside a round bamboo steamer with layered wooden walls, subtle grain, woven details, and parchment liners. Make the bamboo steamer the default, with a porcelain plate alternative. Add a small bowl of soy sauce beside it.
The personalities:
Give each dumpling a distinct face, blinking eyes, rosy cheeks, and playful expressions. Add delicate rising steam and occasional squash-and-stretch animations. Keep jumps extremely low, almost touching the serving surface. The dumplings should feel soft and alive.
The interaction:
Click a dumpling to make chopsticks gently pick it up, dip it into soy sauce, and bring it toward the camera for a bite. Add sauce ripples, droplets, a glossy dipped edge, tiny crumbs, and a brief English reaction. Let the remaining dumplings watch and react. Make the timing charming and satisfying.
Controls:
Include portions of 3, 5, or 8, refill, autoplay, sound, steam and sauce toggles, a “Boing!” button, and a mode that hides the interface. Add gentle synthesized sound effects.
Video:
Include a “Record a bite” button that creates a short automatic tasting with a live square preview. Export locally at 1080 × 1080 and 30 fps, preferring MP4 with WebM fallback.
Use English throughout. Support mobile, keyboard interaction, and reduced motion. Keep assets local and deliver a fully working experience with polished animation and composition.