feat: add edutainment drawing and visual package flows
This commit is contained in:
101
docs/prd/BABY_LOVE_DRAWING_EDUTAINMENT_LEVEL_PRD_2026-05-13.md
Normal file
101
docs/prd/BABY_LOVE_DRAWING_EDUTAINMENT_LEVEL_PRD_2026-05-13.md
Normal file
@@ -0,0 +1,101 @@
|
||||
# 宝贝爱画寓教于乐独立关卡 PRD 2026-05-13
|
||||
|
||||
## 1. 目标
|
||||
|
||||
新增寓教于乐内容线独立关卡:
|
||||
|
||||
```text
|
||||
宝贝爱画
|
||||
```
|
||||
|
||||
工程 ID 固定为:
|
||||
|
||||
```text
|
||||
baby-love-drawing
|
||||
```
|
||||
|
||||
该关卡默认出现在“发现 / 寓教于乐”板块下方。当前阶段只做本地 Demo 保存,验证完成后再补正式持久化。
|
||||
|
||||
## 2. 关卡结构
|
||||
|
||||
启动宝贝爱画后进入绘画运行态:
|
||||
|
||||
1. 屏幕中央是带边框的空白画板;
|
||||
2. 画板边框内是可绘画区域;
|
||||
3. 画板外左侧展示彩虹 7 色;
|
||||
4. 画板外右侧中下方展示画笔和橡皮;
|
||||
5. 用户进入内容后默认手持画笔;
|
||||
6. 手持画笔或橡皮时,屏幕上实时显示跟随右手位置的工具图案标识。
|
||||
|
||||
## 3. 输入规则
|
||||
|
||||
颜色选择:
|
||||
|
||||
1. 仅检测左手;
|
||||
2. 左手悬停在某个颜色区域 1.5 秒后,选中该颜色;
|
||||
3. 颜色固定为彩虹 7 色。
|
||||
|
||||
工具切换:
|
||||
|
||||
1. 右手移动到画笔或橡皮工具区域;
|
||||
2. 右手握拳后,将手里的工具切换为对应工具。
|
||||
|
||||
绘画与擦除:
|
||||
|
||||
1. 右手在画布区域握拳时,当前工具生效;
|
||||
2. 当前工具为画笔时留下轨迹;
|
||||
3. 当前工具为橡皮时擦除轨迹;
|
||||
4. 右手张开时,画笔或橡皮抬起,不在画布上生效。
|
||||
|
||||
按钮选择:
|
||||
|
||||
1. 完成;
|
||||
2. 使用绘画魔法;
|
||||
3. 保存;
|
||||
4. 再画一张;
|
||||
5. 返回。
|
||||
|
||||
以上按钮都使用任一手悬停 2 秒完成选中。
|
||||
|
||||
## 4. 绘画魔法
|
||||
|
||||
用户完成绘画后,可使用“绘画魔法”。
|
||||
|
||||
绘画魔法使用 image-2,以用户绘画内容和笔触轨迹生成对应绘本风格图片内容。
|
||||
|
||||
前端不得直接读取、拼接或暴露图片生成密钥。image-2 调用必须通过后端代理。
|
||||
|
||||
## 5. 保存规则
|
||||
|
||||
当前只做本地 Demo 保存。
|
||||
|
||||
保存规则:
|
||||
|
||||
1. 魔法生成前保存,只保存一张原图;
|
||||
2. 若用户未保存原图,直接点击魔法生成,则魔法生成后保存时同时保存原图和魔法图;
|
||||
3. 保存完毕后,可继续“再画一张”或“返回”。
|
||||
|
||||
## 6. 展示与开关
|
||||
|
||||
宝贝爱画只属于寓教于乐内容线。
|
||||
|
||||
`VITE_ENABLE_EDUTAINMENT_ENTRY` 关闭时:
|
||||
|
||||
1. 不展示“发现 / 寓教于乐”频道;
|
||||
2. 不展示宝贝爱画默认卡片;
|
||||
3. 不允许通过 `/runtime/baby-love-drawing` 直达运行态。
|
||||
|
||||
## 7. 验收
|
||||
|
||||
1. 寓教于乐开启时,“发现 / 寓教于乐”下方展示“宝贝爱画”默认关卡卡片;
|
||||
2. 寓教于乐关闭时,不展示宝贝爱画,也不能直达运行态;
|
||||
3. 进入后展示空白画板、彩虹 7 色、画笔和橡皮;
|
||||
4. 默认工具为画笔;
|
||||
5. 左手悬停颜色 1.5 秒后选中颜色;
|
||||
6. 右手移动到工具区并握拳后切换画笔或橡皮;
|
||||
7. 右手握拳在画布内绘制或擦除,张开时不生效;
|
||||
8. 任一手悬停按钮 2 秒后触发按钮;
|
||||
9. 完成后可保存原图;
|
||||
10. 完成后可使用绘画魔法生成绘本风格图片;
|
||||
11. 未保存原图直接使用绘画魔法后,保存会同时保存原图和魔法图;
|
||||
12. 保存后可再画一张或返回。
|
||||
Reference in New Issue
Block a user