Skip to content

SHOP / 商店页面

SHOP 同时承担“购买”和“世界陈列”,但不会把六类造星队与十二件工具铺成列表。页面围绕一个当前焦点构建:中央看见工坊世界,底部只展开一张可滑动卡片。

SHOP 终局页面

三层结构

  1. 世界层:已购买的造星队在三条轨道中以 authored phase 循环,数量点表达等级。
  2. 协作层:内环拖动预览轨道相位;跨轨角度接近时绘制 TEAM 连接。
  3. 购买层:单焦点 MAKER/TOOL 卡片展示图标、名称、成本、增量与装备状态。

购买造星队

卡片主动作根据当前余额购买 1 个成员;长按/批量策略仍由显式控制决定,不让一次不小心的触摸耗尽所有资源。购买成功播放 fx_grow、购买粒子和浮字,同时让新成员立刻出现在世界层。

工具三槽

工具不是消耗品。达到 lifetime 阈值后解锁,玩家可在三槽内组合点击、FLOW、THERMAL 与 FLUX 策略。第四件工具不会顶掉最早装备项;UI 必须先告诉玩家“槽位已满”,再让其明确卸下。

内环 preview / commit

SHOP 内环预览与提交 GIF

拖动时只预览

pointer move 更新临时相位;只有抬手时的稳定布局比起手多出连接,才提交存档、任务与 grow 动效。穿过圆心会锁存 rebase,重新进入的第一帧不会产生伪 π 旋转。

卡片横滑

SHOP 卡片横滑 GIF

捕获、预览、释放

卡片滑动有独立事务所有者。回拉到阈值以内时仍回到当前项,不把一次犹豫手势误判成点击购买;取消和 lost capture 都丢弃预览。

性能注意

造星队动画并不都以 30 FPS 换帧。小手/萤火虫/机器人使用 8 FPS,工坊/火箭/卫星使用 6 FPS;页面仍以 30 FPS 提交核心、粒子和手势反馈。这是 v7 恢复帧率的重要分频策略。