Back to Projects
闪耀幸存者
Vampire Survivors 风格的卡通 Roguelite 生存游戏，自研引擎，数据驱动设计。
Game Dev
★ Featured
Tech Stack
TypeScript
Canvas API
Custom Engine
Project Details
Sparkle Survivors
灵感来自 Vampire Survivors 的 Roguelite 生存游戏，采用可爱卡通画风。零依赖自研引擎，DLV 三层架构，数据驱动设计。
项目规模
| 维度 | 数量 |
|---|---|
| 武器 | 38 种（10 大类型） |
| 技能 | 18 种（主动/被动） |
| 敌人 | 17 种 + 9 种 AI 行为模式 |
| 角色 | 16 位可玩角色 |
| 进化路线 | 25 条武器进化组合 |
核心特性
- DLV 三层架构：Data-Logic-View 分离，策划可直接修改配置文件调整平衡性
- 自研游戏引擎：零依赖，纯 TypeScript 物理和渲染逻辑
- 高性能优化：
ObjectPool对象池模式减少 GC 抖动SpatialHashGrid空间哈希实现 O(1) 碰撞检测- 60 FPS 稳定帧率，支持 300+ 敌人同屏
- 数据驱动设计：武器、敌人、技能均定义在 TypeScript 配置对象中
- 程序化音效：Web Audio API 合成复古音效，无需外部音频文件
- 国际化：内置 i18n 支持（英文 & 中文）
技术架构
| 模块 | 技术栈 |
|---|---|
| 前端框架 | React 18 + TypeScript 5 |
| 渲染引擎 | HTML5 Canvas 2D |
| 构建工具 | Vite 5 |
| 音频系统 | Web Audio API (程序化合成) |
| 测试框架 | Vitest |
| 部署平台 | Vercel |
Roguelite 元素
- 随机升级选项与多样化构建流派
- 程序化敌人波次与精英怪机制
- 持久化 "军械库" 系统，金币跨局升级