奢华智能手表 Three.js 动画着陆页

一个详细的多步骤提示序列,用于 Gemini 3 Pro 构建一个使用 Three.js、Anime.js 和 Tailwind 的奢华智能手表着陆页,然后将其完善为一个具有高级动画和交互的多部分滚动网站。
提示词
使用 Three.js、Anime.js 和 Tailwind 为一个 奢华智能手表 页面创建一个 HTML 文件。制作一个 3D 手表 模型,一个带有圆形孔洞的深色纹理叠加层,显示 米色背景上的手表,并在页面加载时让标题和大数字滑入。
让页面更专业。用一个加载时打开的光圈替换静态孔洞。在 表盘 上添加一个带反射的玻璃罩,改进金属材质,添加鼠标视差效果,使 手表 随光标旋转,并在 表盘 上绘制时间及健身环。
将单屏页面转换为多段滚动网站。当用户滚动时,动画化 3D 手表,使其移动和旋转以匹配每个部分。保持 3D 画布和背景固定,而文本在其上方滚动;只有 手表 移动。
- 固定画布:定位画布
如何使用这条提示词
- 1
复制上方完整的提示词。
- 2
打开支持 Gemini 3 Pro 的平台(例如 YouMind),把提示词粘贴进去。
- 3
按你的想法替换主体、风格或细节,然后生成。
这是 YouMind 提示词库里的一条免费 AI 提示词。这里还有成千上万条 网页 提示词,都能免费复制和改用。
探索更多 网页 提示词




