1.Demo 简介
是什么: 任务栏勇者是一款桌面端放置式 RPG 游戏,采用长条形窗口设计,贴合 Windows 任务栏,尽量少占用桌面空间。
面向谁: 每天坐在电脑前、碎片时间想玩点什么放松的上班族和学生党。
主要功能:
| 功能 | 说明 |
|---|---|
| 英雄 + 随从 vs 怪物,支持技能、暴击、自动战斗 | |
| 探索中触发奇遇事件获得装备,按层数自动升级品质 | |
| 4 种像素风随从(弓手/法师/牧师/矮人),可随时切换 | |
| 右键托盘图标一键切换精简/完整模式,底部始终对齐任务栏 |
2.Demo 创作思路
灵感来源: 每天工作时任务栏上方总有一块空白区域,想做一个能"寄生"在那里的轻量游戏,既不干扰工作,又能随时摸两把。
想解决的问题:
-
传统 RPG 窗口太大,遮挡桌面
-
放置类游戏往往需要浏览器/手机,打断工作流
-
桌面游戏大多复杂,学习成本高
为什么做这个方向: 任务栏是电脑用户每天视线停留最多的区域之一,把游戏嵌入这个空间,符合"无感融入"的设计理念。长条形窗口 + 精简模式切换,让游戏存在感完全由用户掌控。
3.Demo 体验地址
第一次做游戏,大家轻喷
TaskbarHero.zip (1.2 MB)
4.TRAE 实践过程
开发流程概览
整个项目从 0 到可运行 Demo,全程使用 TRAE IDE 开发,主要分为以下几个阶段:
-
框架搭建 — 用 TRAE 生成 WPF 项目骨架、MVVM 架构、托盘图标服务
-
核心玩法 — 迭代开发战斗系统、英雄成长、随从系统
-
UI 迭代 — 从大方块窗口 → 长条形任务栏适配 → 精简模式
-
资源生成 — 用 TRAE 生成像素风场景/角色/随从精灵图
-
系统简化 — 根据体验反馈,从复杂背包/掉落/烹饪 → 奇遇装备系统
关键步骤截图
以下为开发过程中的关键节点截图,展示从概念到落地的演变。
【截图 1:初始框架搭建】
用 TRAE 生成 WPF + .NET 9 项目结构,包含 MVVM、托盘服务、自动保存系统
SeesionID:1109836998128827:623d1c339e3b7c427f32b32b27619ff0_6a4505b1125e78ccb2f6978b.6a450948125e78ccb2f69868.6a450948125e78ccb2f69866:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/1 20:34:16)
【截图 2:战斗舞台 + 像素精灵】
AI 生成像素风场景背景和随从精灵,WPF Canvas 实现战斗动画
SessionID:1109836998128827:196f297eee091a3a15ec1fce4432c432_6a4505b1125e78ccb2f6978b.6a45c7092b9b536a5cd1105d.6a45c7092b9b536a5cd1105b:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/2 10:03:53)
【截图 3:精简模式切换】
托盘右键菜单一键切换,窗口底部始终对齐任务栏
SessionID:1109836998128827:088c09fb36efc22d8223c8a57b98172b_6a4505b1125e78ccb2f6978b.6a4f66e77ccb4182014a3956.6a4f66e77ccb4182014a3954:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 17:16:23)
5.技术栈
| 层级 | 技术 |
|---|---|
| 前端 | WPF + XAML + .NET 9 |
| 架构 | MVVM + RelayCommand |
| 数据 | JSON 序列化本地存档 |
| 资源 | AI 生成 PNG 精灵图 |
| 测试 | xUnit + FluentAssertions |
6.报名链接



