docs: 三幕剧场化设计（README 情境闯关行 + 技术设计 4.13 补充）

2026-08-13 15:42:09 +08:00
parent 43a25eaf23
commit 4cfd861521
2 changed files with 5 additions and 1 deletions
@@ -59,7 +59,7 @@
 | 家长中心 | 家长注册/登录（微信 openid 或手机号）、孩子档案管理（含每日学习限额）、学习报告、实物奖品确认、生活任务确认 |
 | 计策学堂 | 每章开头的认知环节：图文/动画讲解计策名称、拼音、释义、使用时机 |
 | 关卡地图 | 36 计按六套分组展示，星星进度、解锁状态、计策卡图标 |
-| 情境闯关 | 每关一棵决策树：环境场景 + 人物冲突 + 道具行为构成决策要素，入口 → 多样互动（选择/排序/动作过关-跳跃攀爬躲避奔跑/拖拽/找线索，按年龄适配）→ 多路线通往不同终局；通关=到达最佳终局，完美=走完全部分支解锁下一关；未通关走错扣教训分。已实现：选项选择 + 触控互动（道具选择/步骤排序/拖拽放置/找线索/连线配对，互动入口节点模型，成功进决策树/失败进失败终局）+ 对比点评（每个选项好处/坏处）+ 结算路线回顾 + 场景插画/角色立绘/道具图标视觉呈现 |
+| 情境闯关 | 每关一棵决策树：环境场景 + 人物冲突 + 道具行为构成决策要素，入口 → 多样互动（选择/排序/动作过关-跳跃攀爬躲避奔跑/拖拽/找线索，按年龄适配）→ 多路线通往不同终局；通关=到达最佳终局，完美=走完全部分支解锁下一关；未通关走错扣教训分。已实现：选项选择 + 触控互动（道具选择/步骤排序/拖拽放置/找线索/连线配对，互动入口节点模型，成功进决策树/失败进失败终局）+ 对比点评（每个选项好处/坏处）+ 结算路线回顾 + 场景插画/角色立绘/道具图标视觉呈现；呈现为三幕小剧场：开场演出（旁白朗读+字幕逐字淡入+角色入场+道具飞入，可跳过）→ 决策演出（普通节点为动作卡——图标/拼音/听读/按压动画，config 互动节点为触控互动，选择后分支演出过渡再弹对比点评）→ 结局演出（成功彩带/失败鼓励语） |
 | 章末温故 | 每章完美后自动出现：随机抽 2-3 个已学计谋关卡重温（选项打乱），完成解锁下一章 + 奖励积分 |
 | 智慧总结 | 每章完成后的反思题（"哪个说法总结了这条计策"），答对 +5 分 |
 | 生活践行 | 章完美后下发的真实生活小任务（家长引导完成并确认，得积分） |
@@ -523,6 +523,10 @@ config JSON 结构（`scene_node.config`，前端解析渲染）：`{"kind":"pro

 **视觉一致性**：配色固定暖色系（米黄底 `#fdf6ec`、橙 `#ff6b35` 主色、青绿 `#4ecdc4` 点缀），圆角统一 24rpx 大圆角、字号 ≥28rpx、行高 ≥1.8；所有素材图 CSS `object-fit: cover` + 圆角，缺图一律 emoji 兜底不破版。

+**三幕剧场化**：闯关整体编排为三幕小剧场——① **开场演出**：进入关卡先播全屏覆盖层 `SceneTheater`（旁白朗读 + 字幕逐字淡入 + 角色入场滑入 + 道具飞入，可跳过），演出结束才显示首个决策节点；② **决策演出**：普通决策节点一律动作卡 `ActionCard`（图标/拼音/听读/按压动画，即第 3 条选项卡片化的承载形态），config 互动节点用触控组件（第 9 条）；选择后先播分支演出过渡（场景晃动 0.6s）再弹对比点评（第 4 条反馈演出）；③ **结局演出**：通关结算走彩带 CSS 粒子（第 7 条结算狂欢）+ 庆祝标题，未通关弹鼓励语。
+
+**互动形态判定**：config 互动节点用触控组件、普通决策节点一律动作卡——触控组件是 success/fail 双出口（成功进决策树 / 失败进失败终局），与多分支选项（多出口、各带独立点评）语义不兼容，故决策节点不套触控组件。
+
 ## 5. 开发计划

 | 里程碑 | 内容 | 验收标准 |