Ao Liu, Ph.D.
Ao Liu, Ph.D. aoliu.tech
Home 首页 / projects

Magic Tower 3D (魔塔 3D) — Full 50-Floor 3D RPG Product Case Study

Published on October 1, 2026 发布于 2026年10月1日

Magic Tower 3D Hero Artwork


中文版:从 0 到 1 技术产品经理案例复盘

1. 项目背景与产品定位 (Product Vision)

魔塔 (Tower of the Sorcerer) 是风靡数十年的经典固定数值解谜 RPG。但市面上绝大多数复刻作品仍停留在 2D 像素网格时代,在移动端操作生硬、加载卡顿。

作为技术产品经理 (TPM / Product Lead),我的目标是主导《魔塔 3D》从 0 到 1 的完整产品生命周期:

  • 核心价值主张:将经典的纯数学确定性玩法,升维为全 3D 空间体积沉浸感与现代移动端极致操作相结合的现代化产品;
  • 非功能性需求 (NFR):设定严苛的技术与体验指标——零外部大模型文件下载(秒开冷启动)、稳定 60 FPS 渲染、严格双语隔离、与全渠道 Go-To-Market 交付。

2. PRD 核心功能规划与架构约束 (PRD & Technical Strategy)

  1. 三维体积地牢与 5 大主题空间:
    • 规划 0~50 层完整关卡,划分为石廊、秘境、熔岩、古殿、天界 5 种独立氛围风格;
    • 引入物理光影与动态火把光照,实现暗墙探秘、圣剑熔岩海冻结、49F 假魔王十字阵结界等全部正统剧情与机关。
  2. 纯代码程序化几何体(Zero-Asset Architecture):
    • 严格要求不加载外部数十兆的 glTF/FBX 3D 模型包,40 种经典怪物造型(红衣法师、魔法警卫、假魔王恶魔白面具、真魔王杰诺等)全部在代码中以 Three.js 几何体与动态 Canvas 纹理算法构建,Web 音频全走原生 Web Audio API 合成,实现极速冷启动(FCP < 1s)。
  3. 确定性数值战斗与临界点计算:
    • 严格继承零随机机制(无 Miss、无暴击),将先攻、多连击、魔攻、吸血与防杀技能转化为清晰的数学推演;
    • 规划“怪物手册”功能(L 键 / 手册按钮),为玩家提供战损推演和下一级攻击力收益临界点计算(Breakpoint Calculus)。
  4. 纯净中英双语隔离 (Strict Bilingual Isolation):
    • 40 种怪物、32 种道具法宝、6 位 NPC 及全部 UI 弹窗均拥有地道中英双语对照,并在系统层实现严格语言隔离,杜绝文本串扰。

3. 人机交互与移动端全场景适配 (Touch UX & Ergonomics)

针对触控操作痛点,深度打磨移动端交互规范:

  • 一体化底部控制台:整合属性数值(HP/ATK/DEF/Gold/Keys)、存读档抽屉与多语言切换,与 3D 地图零视觉遮挡;
  • 自适应虚拟摇杆 (Virtual Joystick):支持单手盲操与平滑走位;
  • 多点触控摄像机操作:单指平移地图浏览全层,双指同向滑动支持 360° 偏航与俯仰自由旋转,双指捏合无级缩放,空格键/复位按钮随时锁定英雄中心;
  • A 避障自动寻路*:屏幕双击可自动规划最短避障路径,安全绕过敌意怪物与禁区。

4. 严苛质量保证与极限性能测试 (Rigorous QA & Testing)

为保障高复杂度数值与多层状态的稳定性,建立了全面的质量工程体系:

  • 2,029+ 项自动化测试用例 (100% Passed):覆盖全部 51 层地图事件、40 种怪物战损数学公式边界条件、特殊属性结算、A* 路径算法与多槽位持久化状态一致性;
  • 多设备与帧率压测:在不同分辨率移动端、低功耗设备与高刷新率屏幕上反复调优 Draw Call 与内存回收,确保长时间游玩无内存泄漏,维持稳定 60 FPS 渲染。

5. 全渠道 Go-To-Market 交付 (Launch & Delivery)

  • Phase 1(Web 端全球免安装发布):部署至 GitHub Pages,搭配 URL 秘籍调试机制 (?cheat=1),满足硬核老玩家与尝鲜轻度玩家的不同诉求;
  • Phase 2(移动端双端上架与合规):
    • 基于移动应用容器封装 Android APK/AAB 与 iOS 应用;
    • 制定并发布官方 Privacy Policy,通过 Google Play Data Safety(数据安全零上报)合规,全面推进 Google Play Store 与 Apple App Store 商业化与交付进程。

English: 0-to-1 Technical Product Management Case Study

1. Executive Summary & Product Vision

Tower of the Sorcerer is a legendary mathematical puzzle dungeon crawler. However, legacy ports remained trapped in 2D tile-grid mechanics with poor mobile touch UX.

As Technical Product Manager (TPM / Product Lead), I directed the complete 0-to-1 product lifecycle:

  • Core Value Proposition: Elevate classic deterministic combat into an immersive 3D volumetric dungeon paired with native mobile-first ergonomics;
  • Non-Functional Requirements (NFRs): Zero external heavy asset downloads, guaranteed 60 FPS WebGL rendering, strict bilingual isolation, and cross-platform go-to-market rollout.

2. Architectural Highlights & Key PRD Features

  • 40 Distinct Procedural 3D Monsters: Engineered 100% unique 3D geometries and custom equipment algorithmically in code without relying on heavy external 3D packs;
  • Procedural Web Audio Engine: Zero external audio downloads; dynamically synthesizes retro 8-bit/16-bit sound effects via native Web Audio API;
  • Deterministic Math & Monster Manual: Zero RNG; real-time damage forecasting and critical upgrade threshold calculus;
  • Fluid Mobile Touch UX: Ergonomic Virtual Joystick, 1-finger map pan, 2-finger 360° pitch/yaw camera rotation & pinch zoom;
  • 2,029+ Automated Tests (100% Passed): Comprehensive unit & end-to-end integration test suites validating state consistency and combat math;
  • Strict Bilingual Isolation: 100% native localization between English and Chinese across all items, monsters, and interfaces;
  • Go-To-Market Delivery: Live web deployment with zero-friction onboarding, alongside full Google Play Store & Apple App Store submission and privacy compliance.