Kidsbox · KB-71 · Round 2 · Game-Native Proposal F / 5
方案 F · Ki 岛小镇世界
一个实时渲染的 3D 小岛小镇：孩子的 Avatar 在街上走，电影院、唱片店、图书馆都是"地方"而不是"列表" —— 看视频被翻译成"去看一场电影"。
品类锚点 3D 虚拟世界（ABCmouse / 蛋仔派对手感）
引擎倾向 Unity WebGL（iPad 套壳）/ Cocos 3D 备选
首载体量 25–40MB（Unity）/ 8–12MB（Cocos 3D）
投入 ★★★★★（引擎工程 + 美术管线）
➜
🎬
进入场所电影院/唱片店/图书馆
每个"地方"=一类内容➜
🎟
花票根观影票根=播放额度
宿主 PWA 播官方视频➜
➜
02动态场景预览
Avatar 自动巡逻 · 建筑可进入（HTML 模拟引擎画面）
🌞
想去电影院看电影吗？
🪙 128🎟 电影票 ×3⏱ 还剩 21 分钟
夜空 Night
#141B33
暮蓝 Dusk
#26315E
灯金 Gold
#FFC94D
珊瑚 Coral
#FF7A7A
湖青 Aqua
#5FD4E8
草绿 Grass
#7BD98A
欢迎来到 Ki 岛！
3D 低多边形（Low-poly）+ 暖色点光源：场景常驻"傍晚"光照，建筑窗户透出暖光——孩子的每一步都有反馈（脚步尘土、路灯光晕、水面波纹）。HUD 全部悬浮于场景之上，半透明深底 + 描边，永不遮挡行走区域。
引擎与性能预算
· 首选 Unity WebGL（iPad 套壳加载，20–35MB，首载 10s+ 一次性）或 Cocos 3D H5（8–12MB）。
· 目标机型 iPad 9 代 / 安卓中端机 30fps 起步。
· 场景按街区流式加载；Avatar 动画 ≤8 个。
· 引擎只管渲染与操控，额度/播放全部走宿主桥（见 06）。
04关键界面 · 手机竖屏
Key screens · 390×844
F1 · 小镇主场景虚拟摇杆行走（也可点地自动走）；三栋建筑=三类内容入口；底部是空间导航（我家/小镇/背包/成就）；额度化作"电影票 ×3"。
9:42●●●
🎵
正在热映 · Super Simple Songs 精选
🎟
一场电影 = 一张票今天还有 3 张票 · 21 分钟
F2 · 电影院内（选片）进入建筑后切室内场景；"正在热映"大屏 = 今日主打；选片即选座；「检票入场」消耗一张票并启动宿主播放器。
🎬 Ki 岛影院 · 3 号厅
本场电影 · Rain Rain Go Away还剩 21 分钟 / 2 张票
F3 · 观影中引擎暂停，宿主 PWA 播放器全屏浮层（官方 embed）；底部条显示本场信息与剩余额度；「散场」回引擎并掉落奖励。
9:52●●●
🏠 我的小屋 Lv.2 温馨小家
🏗 可建造
🎉 散场奖励
🪙×20 🧱×3
新词「Rain」已点亮图鉴
F4 · 我的家（建造）看完的视频变成可触摸的成长：材料盖房、词汇点亮图鉴；房子只有自己和家人可见——无排行榜、无社交对比。
🌞
📌 今天的任务：陪 Ki 去两次电影院，再看一首唱片店的歌
- 1横屏全景：iPad 上三街区同屏，视野即导航；左下角任务提示替代弹窗，不打断行走。
- 2摇杆仍在右下：拇指热区；iPad 上同时支持点地行走（点哪走哪）。
- 3建筑放大后信息不变：影院/唱片店/图书馆的室内结构在 iPhone/iPad 完全一致，只放大镜头距离——双端一套场景资产。
06引擎集成与宿主桥（最关键的一页）
Engine ↔ Host bridge
🔌 桥接协议（引擎永不自管额度）
host.canWatch() → {tickets, secondsLeft, locked}：引擎入场前查询，宿主返回 quota 契约数据（30 分钟/3 集/休息）。host.play(episodeId)：引擎暂停 → 宿主全屏浮层播官方 embed → 结束回调 onFinished(secondsWatched)。host.grantReward() → 宿主校验后回写金币/材料（服务端可校验，防内存改币）。- 断网/桥超时：引擎进入"纯行走模式"，无法消费——安全失败。
⚠️ 代价与风险（五版中最高）
- 团队构成变了：需要引擎开发 + 3D 美术 + TA，不再是纯前端迭代；垂直切片（一个可玩街区）是数周级。
- Unity WebGL 首载 10s+ → 必须 iPad 套壳（资源打包进 APK/IPA），PWA 体验差。
- 3D 晕动症风险 → 默认 45° 俯视固定镜头（本稿方案），不做自由旋转镜头。
⑂ 分叉选项（两案都保留）
- 分叉 1 · 引擎：A-案 Unity WebGL（保真度最高、iPad 套壳） vs B-案 Cocos 3D H5（8–12MB、PWA 可直接跑、快速验证）。推荐先用 Cocos 3D 做垂直切片，跑通再评估 Unity。
- 分叉 2 · 行走方式：虚拟摇杆（当前选择，有"玩"感） vs 点地自动走（4 岁更稳）。demo 里两种都实现。
- 分叉 3 · 夜晚=休息：额度用尽后小镇入夜、NPC 道晚安（当前选择，把休息做成叙事） vs 直接锁定弹窗。