精选案例,来源可追溯
Claude Opus 5.5 3D 提示词
探索 Three.js、WebGL 和浏览器 3D 场景提示词,查看作品效果、搭建思路及原始来源。
23浏览案例
从具体任务开始
3D 场景 · 2026-09-23
3D 场景案例 — @tetumemo · 2026-09-23
3D 场景案例 — @tetumemo · 2026-09-23。根据创作者公开预览整理的实时图形案例,附原始来源。时长:74 秒。
3D 场景 · 2026-09-23
3D 场景案例 — @varga_bee · 2026-09-23
3D 场景案例 — @varga_bee · 2026-09-23。根据创作者公开预览整理的实时图形案例,附原始来源。时长:5 秒。
3D 场景 · 2026-09-27
Maison Varenne — Calibre 01
Maison Varenne — Calibre 01。来自 100 HTML 合集的独立交互 3D 场景实验。打开原始来源体验完整作品。
3D 场景 · 2026-09-27
Arcana Nocturne — 三张塔罗牌
Arcana Nocturne — 三张塔罗牌。来自 100 HTML 合集的独立交互 3D 场景实验。打开原始来源体验完整作品。
区分素材与场景行为
明确需求是生成模型、程序化场景,还是基于现有素材添加交互。使用 Three.js 或 WebGL 时,描述镜头、光照、材质和控件,并列出模型与纹理的来源。
设定性能预算
说明目标设备和可接受的视觉复杂度。为低性能设备准备自适应分辨率或简化特效,限制粒子数量与纹理尺寸,不假设预览性能会直接延续到自己的项目。
测试移动与导航
检查镜头裁切、窗口缩放、指针和触摸操作,以及多次交互后的场景。查看控制台和资源加载情况,打开原始实现,与参考提示词对照。
每个案例包含什么
每页提供作品预览、可复用提示词、模型名称、创作者署名、收录日期、提示词来源说明和原始链接。案例仅供参考,不保证复现相同效果。