3D 场景 · Claude Opus 5.5

交互式虚拟画廊:夜色画廊

夜色画廊。来自 100 HTML 合集的独立交互 3D 场景实验。打开原始来源体验完整作品。

夜色画廊的作品预览

可复用提示词

编辑整理的参考模板,并非经核验的创作者原始提示词,也尚未验证能否复现展示的效果。

制作名为“夜色画廊”的独立交互 3D 网页体验。设计有力的首帧、明确的镜头、灯光、景深、材质,以及一项有意义的指针或键盘交互。使用单个 HTML 文件,内联 CSS 与 JavaScript,不使用外部素材。保持渲染响应迅速,限制设备像素比,提供自适应画质和减少动态效果的行为;交付前检查移动端构图、裁切、帧率和控制台输出。

如何改编这个案例

以下为结合现有提示词与来源整理的编辑建议,尚未通过复现验证,不保证得到展示中的效果。

准备哪些输入

准备作品清单、标题、说明和获准使用的图片,也可要求生成原创程序艺术。来源展示八幅作品,并提供导航与靠近观看模式。

建议操作步骤

  1. 明确展厅布局和清晰的入口视角。
  2. 区分行走、转向、靠近作品和后退操作。
  3. 切换作品时,让说明始终对应当前选中项。

结果检查清单

  • 键盘和指针都能到达每幅作品。
  • 近距离观看时总有返回路径。
  • 窄屏下说明文字仍清晰。

常见问题与调整

如果镜头容易让人迷失方向,降低转向速度,并保持一致的返回位置。先完成导航,再添加装饰灯光。