8.6
深览指数
通用人人都是产品经理·CHI··AI 生成

拒绝千篇一律的线框图!我用 Axure 变量 + 中继器复刻坦克大战,揭秘高阶交互的底层逻辑

一位产品经理用 Axure RP 11 的原生控件和 Emoji,制作了可在线玩的坦克对战原型《终章 2026》,全项目不到 1M。作者详细拆解了其中 8 个原创技术点,包括用伪事件模拟程序结构、结界优化、周期互质避免共振、镜轨渲染法、取景随机窗等。文章的核心不在于推崇用 Axure 做游戏,而在于论证 Axure 在状态设计、多对象联动、边界条件校验等复杂逻辑组织方面的不可替代性——这些正是 AI 生成原型最容易含糊的地方。适合对 Axure 高阶用法有了解、或对原型工具能力边界感兴趣的产品经理阅读。原文 ↗

核心观点
  • ▍Axure 的真正价值不在于快速出图,而在于在不写代码的情况下,将变量、状态、条件、时序、事件、数据、反馈、异常流程全部组织起来——这是 AI 生成原型最容易含糊的地方。
  • ▍在这个项目中,作者验证了 Axure 能模拟出完整的程序结构(函数、参数、分支、嵌套、终止),从而构建出坦克大战的完整逻辑。
  1. 01项目《终章 2026》完全基于 Axure RP 11 的原生控件和 Emoji 制作,零图片、零代码,体积不到 1M,可在浏览器中直接游玩。
  2. 02核心原创技术点包括:伪事件模拟程序结构、结界优化(子弹远离墙体时不做碰撞检测)、避免共振(将 5 个道具周期设为互质数,最小公倍数超 24 小时)、独立副本原则、镜轨渲染法(两个中继器分层渲染实现草丛遮坦克效果)。
  3. 03取景随机窗技术:通过从地图字符串的任意位置开始截取,将同样 1000 字符地图库的地图多样性从 19 张推至 949 张。
  4. 04作者开发了可视化性能探针,将 Timer 心跳的延迟量化为从绿到红的颜色变化,使卡顿从主观感受变为可共享的数据。
  5. 05非受控滑步治理:通过量化实际延迟仅 1.5-9ms,将监听周期余量从 25ms 缩减至 10ms,解决了子弹漂移与重生失控问题。
  6. 06作者刻意与 AI 协作:用人类的身体经验直觉提出判断方向,再由 AI 验证推理,认为二者是互补而非替代关系。
反方 / 局限
  • — 作者坦承了 Axure 的四个天生短板:性能瓶颈(浏览器开销随对象与定时器密度增长)、无原生数组、定时器不稳定(切后台时被节流)、元件层级管理麻烦。
  • — 作者明确指出,不主张大家用 Axure 开发商业游戏,强调该项目的核心价值是向产品经理展示复杂交互逻辑的底层思考能力。
17 分钟 · 5 卡片 · 9 资料
读原文 →

概念锚点

前置背景

平行视角

未来推演

延伸追问