文旅互动 · 盲盒经济 · v2.1
黔游魔方 2.1 · 贵州旅游盲盒沉浸式体验馆
把「开盲盒」的不确定性与贵州目的地推荐结合，用空间化场景、五种玩法与一位 AI 旅伴，把一次点击变成一场可探索的黔地旅程。
项目简介
黔游魔方 2.1 是一个纯前端、零依赖的贵州文旅互动体验页，部署于 zgdgt.cn/gz-cube/。
它同时承担两个角色：面向访客是一座可玩的「贵州目的地盲盒」；面向旅游管理专业的教学，它是一份可拆解的
盲盒旅游经济教学样本——六类真实盲盒产品的运作机制、定价区间、核心指标与合规红线都在页面内可查。
2.1 版在 2.0 的四种玩法之上，新增 盲盒橱窗：把「展示形式」与「旅游场景」做成两个正交维度——
12 类真实旅游消费场景，各自绑定一种开盒形式（扭蛋机 / 刮刮卡 / 翻牌 / 卷轴 / 九宫格），
盒内供给、随机性设计、核心指标与合规提示逐项可查。连同原有的魔方、签筒、转轮、环形图谱，
页面共提供 9 种盲盒展示形式。
五种玩法
① 魔方解码 · 六面主题
- 六个面 = 六大主题：自然奇观 / 民族村寨 / 山岳避暑 / 古城人文 / 地质秘境 / 田园科考，共覆盖 18 处贵州目的地。
- 点击「启动盲盒」，魔方高速旋转后停在某一主题面，再按权重在该主题内落点；拖拽可 360° 环视魔方。
- 目的地分 R / SR / SSR / UR 四级稀有度，按权重掉落；每次开盒消耗 1 点「黔游能量」（上限 3 点，每 30 秒回复 1 点）。
- 解锁记录保存在浏览器本地，集齐 18 处点亮完整「贵州图鉴」。
② 苗侗签筒 · 摇签问路
- 苗族银饰纹样的竹制签筒，点击签筒或按空格摇签，16 支签诗随机落定，落签有独立的抬升与高亮动效。
- 每签含吉凶等级、四句七言签诗、解签、宜／忌，并指向一处关联目的地（附季节、天数、预算区间）。
- 签诗为原创仿苗侗山歌体，取「问路于歌」的黔地行旅意象，仅供旅途趣味，不作决策依据。
③ 行程盲盒生成器 · 随机方案
- 四个转轮随机锁定「目的地 × 玩法主题 × 行程天数 × 预算档位」，逐轮减速并在落定时给出音效反馈。
- 自动拼出逐日行程（抵达／主题深化／慢收尾），并附一张随机权益券（门票免单、升房、旅拍、温泉等 8 种）。
- 可一键交给 AI 旅伴，把骨架细化为可执行版行程。
④ 盲盒经济图谱 · 3D 环形
- 可拖拽旋转的环形卡片，展示六类真实盲盒旅游产品：城市盲盒 / 景区门票盲盒 / 酒店盲盒 / 机票·高铁盲盒 / 特产·非遗盲盒 / 乡村文旅盲盒。
- 每类含运作机制、价格区间、目标客群、核心指标与风险与合规提示。
- 另有「盲盒经济四要素」模型（随机性 / 稀缺性 / 收集性 / 社交性）与一条强制合规清单，可直接用作课堂讨论材料。
⑤ 盲盒橱窗 · 12 类场景 × 5 种开法（2.1 新增）
把「怎么开」（展示形式）与「开什么」（旅游消费场景）拆成两个独立维度再做组合——这是本页作为教学样本最完整的一块。
| 开盒形式 | 用户动作 | 呈现方式 |
|---|
| 🥚 扭蛋机 | 转动旋钮 | 旋钮转到尽头，胶囊滚落托盘、应声弹开 |
| 🪙 刮刮卡 | 按住刮开 | Canvas 涂层被逐笔刮去，盒内内容一点点露出 |
| 🃏 翻牌 | 翻开卡片 | 牌面翻转 180°，正反两页对照揭示 |
| 📜 卷轴 | 展开卷轴 | 画轴自左向右铺开，内容随画卷显影 |
| 🔲 九宫格 | 格中寻宝 | 九格逐一掠过，落定其中一格即开盒 |
十二类场景各自绑定一种形式，盒内含三样具体供给：
| 场景 | 目标客群 | 客单参考 | 开盒形式 |
|---|
| 🌆 周末微度假 | 本地白领 · 大学生 | ¥199 – 499 | 九宫格 |
| 🚩 红色研学 | 中学研学团 · 单位党建 · 思政实践 | ¥399 – 899 | 卷轴 |
| 🔬 亲子科普 | 6 – 14 岁亲子家庭 | ¥499 – 1,199 | 翻牌 |
| 🥁 民族节庆 | 文化爱好者 · 摄影 · 深度旅行 | ¥599 – 1,599 | 扭蛋机 |
| 📸 民族旅拍 | 情侣 · 闺蜜 · 内容创作者 | ¥399 – 1,299 | 翻牌 |
| 🏕️ 自驾露营 | 自驾家庭 · 户外青年 · 团建 | ¥299 – 799 | 扭蛋机 |
| 🍵 银发康养 | 55+ 银发客群 · 候鸟长住 | ¥2,800 – 6,800 | 卷轴 |
| 🎓 高校研学 | 高校地理 / 旅游 / 生态专业师生 | ¥800 – 2,000 / 人 | 九宫格 |
| 🌙 夜游经济 | 过夜游客 · 年轻客群 | ¥199 – 599 | 九宫格 |
| 🍜 寻味美食 | 美食爱好者 · 自由行游客 | ¥299 – 799 | 刮刮卡 |
| 💼 会展商务 | 企业会议 · 行业论坛 · 政府考察 | ¥1,500 – 5,000 / 人 | 刮刮卡 |
| 🧵 非遗手作 | 文化体验客 · 亲子 · 研学团 | ¥199 – 699 | 扭蛋机 |
- 每类场景含 盒内三样供给、随机性设计、目标客群、客单价、时长、核心指标与合规红线。
- 开盒后随机关联一处目的地（复用 18 处点位）并附一张随机权益券，同时计入橱窗进度（12 类场景）与成就。
- 可点「让 AI 旅伴讲这个场景」，AI 按「供给组合 / 随机性层级 / 核心指标 / 合规红线」四个维度展开。
随机性设计是本玩法的教学重点。红色研学的教学主题、银发康养的核心供给、高校研学的学时、会展商务的合规环节都不参与随机——随机只作用在体验层。这条边界，正是盲盒产品设计的分水岭。
沉浸式空间设计
- 8 层视差舞台：天穹 → 星野 → 粒子场 → 远山（喀斯特峰丛）→ 中景云海 → 近景山脊与吊脚楼 → 体积光 → 暗角与扫描线。
- 各层位移系数递减、模糊值递增，形成真实的景深纵深；指针位置、设备陀螺仪与滚动共同驱动视差。
- Canvas 粒子场：流雾与萤火两套粒子混合，指针视差参与粒子位移；开盒瞬间触发径向粒子爆发，并按稀有度改变色相与数量。
- 3D 透视转场：切换玩法时场景以
translateZ + rotateX + 模糊做推拉转场；揭示卡以 rotateX(70deg) 展开。
- 环境音（可选）：由 Web Audio API 实时合成风声底噪与五度和声垫，开盒、摇签、转轮各有提示音，零音频文件。默认关闭，需用户点击开启，尊重自动播放策略。
AI 旅伴「黔灵」
- 实时流式对话：走站内同源接口
/api/ds/v1/chat/completions，逐字返回，首字节通常在 1 秒内。
- 上下文感知：自动读取你当前所在玩法、图鉴进度、刚抽到的目的地与刚生成的行程，无需重复描述。
- 离线降级：接口不可用（本地预览、网络异常、限流）时自动切换为内置本地知识库问答，覆盖 18 处目的地的季节／预算／交通／美食／安全与盲盒经济问答，交互不中断。
- 隐私：对话内容不写入服务器，历史仅存于当前页面内存；接口层面只发送必要上下文，不含任何个人信息。
- 安全约束：系统提示词要求「不确定的信息必须说明不确定、不编造票价班次」，涉及徒步、涉水、溶洞、高海拔必须给出风险提示。
AI 输出为辅助参考，价格、班次、开放时间等信息一律以景区与平台官方发布为准。
技术要点
| 项 | 实现 |
|---|
| 形态 | 单文件自包含 HTML，约 203 KB（gzip 约 63 KB），无构建步骤、无前端框架 |
| 3D | CSS 3D transforms（preserve-3d / perspective）实现魔方、环形图谱与翻牌，无需 WebGL |
| 交互 | 开盒形式均为原生实现：Canvas 像素擦除（刮刮卡）、keyframes 机械动效（扭蛋机）、rotateY 翻转（翻牌）、scaleX 铺展（卷轴）、rAF 变速扫掠（九宫格） |
| 渲染 | 原生 JS 手写 rAF 动画循环；缓动函数自定义（easeOutCubic / easeInOutQuart） |
| 音效 | Web Audio API 实时合成，无音频资源 |
| 存储 | localStorage 单键 gz-cube-2-state，含能量、图鉴、成就、抽签记录、橱窗进度与经济统计；隐私模式下降级为内存态 |
| 外部依赖 | 零——无 CDN、无字体外链、无网络请求（AI 对话除外，且失败可降级） |
| 可访问性 | 语义化标签 + aria-* + 键盘可达（空格摇签、Esc 关闭）；prefers-reduced-motion 下自动关闭粒子与动画 |
数据说明与免责
- 18 处目的地、16 支签诗、10 种玩法主题、8 种权益券、6 类经济场景、12 类旅游消费场景与 5 种开盒形式均在本文件内以 JS 常量定义，便于教学时直接修改。
- 目的地描述、最佳季节、建议天数取自公开旅游常识；价格区间（如「¥480 – 880 / 人 · 天」）为教学示意口径，非实时报价，页面内已明确标注。
- 盲盒橱窗中各场景的价格区间、目标客群与核心指标为模式化概括，用于说明商业逻辑；合规提示仅为一般性提醒，不构成法律意见，实际运营须以现行法律法规与主管部门要求为准。
- 经济场景中的价格、客群与指标为模式化概括，用于说明商业逻辑，不构成投资建议，也不代表任何具体企业的经营数据。
- 签诗为原创仿山歌体文本，非传统签谱，不具任何占卜含义。
更新日志
v2.1（2026-09-12）
- 新增玩法 盲盒橱窗：12 类真实旅游消费场景 × 5 种开盒形式（扭蛋机 / 刮刮卡 / 翻牌 / 卷轴 / 九宫格）。
- 每类场景附盒内供给、随机性设计、目标客群、客单价、核心指标与合规红线，可直接作课堂案例。
- 开盒台改为全屏沉浸覆盖，含独立氛围光晕与 3D 结果卡；切场景时自动收起，避免状态残留。
- 新增成就 橱窗首开 与 场景全通（成就总数 8 → 10），数据面板增加「场景盲盒」指标。
- AI 旅伴新增场景上下文：开盒后可直接让 AI 按四维度讲解该场景，并新增快捷提问「场景盲盒怎么设计」。
- 版本号 2.0 → 2.1；产物 157 KB → 203 KB（gzip 51 → 63 KB），仍为零依赖单文件。
v2.0（2026-09-12）
- 新增 苗侗签筒（16 签）与 行程盲盒生成器 两个玩法模块。
- 新增 盲盒经济图谱（六类场景 + 四要素模型 + 合规清单）。
- 目的地点位由 6 处扩展到 18 处，并重组为六大主题面。
- 新增 AI 旅伴实时流式对话（含本地知识库降级）。
- 新增 8 层视差空间场景、Canvas 粒子场、3D 透视转场与 Web Audio 环境音。
- 新增探索成就（8 项）与探索数据面板（含稀有度分布）。
- 技术栈由 Vite + React + Three.js 改为单文件原生实现：产物从 680 KB 降至 153 KB，去掉全部构建依赖。
v1.0（2026-09-06）
- 首个版本：Three.js 3D 魔方，6 处贵州目的地，R / SR / SSR 权重掉落，能量与图鉴机制。
文件清单
/gz-cube/index.html —— 应用主体（单文件，含全部样式与逻辑）/gz-cube/index.html.gz —— 预压缩副本（nginx gzip_static 直出）/guizhou-cube-blindbox-v2.zip —— 本页源码包（index.html + README）/guizhou-cube-blindbox.zip —— v1.0 原版源码包（Vite + React + Three.js，存档保留）/docs/gz-cube.html —— 本文档