加载中…
创作者 · mech_eng_dev
查看原始来源 ↗Prompt
使用 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 均保存在本地,并交付一个动画与构图均精致、可完整运行的体验。
适用模型与稳定度
建议模型
继续探索
提示语
使用 Blender MCP 搭建一个小型、风格化的日本花店场景。重点忠实还原关键视觉元素:绿色雨篷、显示日文“花屋”的屋顶招牌、摆放在店铺前方的花盆与植物、自动售货机、自行车、交通信号灯、电线杆、周围的树木,以及其他易于辨认的街道细节。以温暖迷人的卡通风格渲染场景,配以柔和光照、悦目的材质和温馨氛围。 为整个花店场景制作一段极具冲击力、充满动感的 exploded-view 动画。爆炸拆解效果应大胆夸张,而非含蓄细微。流畅且有条理地将各个组件向外分离,以极具戏剧性的方式展
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词:「设计一个机构网站,把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型,然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集,请保存这条 🛒
复制这段 TSX 组件源码,交给 Cursor、v0、Claude 等 AI 编程工具,说明这是「3D Animated Pin」的 Aceternity UI 组件实现,即可让它接入你的 React 项目,再按需替换文案、配色与触发参数复用。
提示语
// components/ui/3d-pin.tsx "use client"; import React, { useState } from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const PinContainer = ({ children, title, href, className, containerClassName…