【生活娱乐赛道】任务栏勇者 — 跟随任务栏的放置式桌面陪伴游戏

1.Demo 简介

是什么: 任务栏勇者是一款桌面端放置式 RPG 游戏,采用长条形窗口设计,贴合 Windows 任务栏,尽量少占用桌面空间。

面向谁: 每天坐在电脑前、碎片时间想玩点什么放松的上班族和学生党。

主要功能:

功能 说明
:crossed_swords: 回合制战斗 英雄 + 随从 vs 怪物,支持技能、暴击、自动战斗
:backpack: 装备奇遇 探索中触发奇遇事件获得装备,按层数自动升级品质
:elf: 随从系统 4 种像素风随从(弓手/法师/牧师/矮人),可随时切换
:bell: 托盘精简模式 右键托盘图标一键切换精简/完整模式,底部始终对齐任务栏

2.Demo 创作思路

灵感来源: 每天工作时任务栏上方总有一块空白区域,想做一个能"寄生"在那里的轻量游戏,既不干扰工作,又能随时摸两把。

想解决的问题:

  • 传统 RPG 窗口太大,遮挡桌面

  • 放置类游戏往往需要浏览器/手机,打断工作流

  • 桌面游戏大多复杂,学习成本高

为什么做这个方向: 任务栏是电脑用户每天视线停留最多的区域之一,把游戏嵌入这个空间,符合"无感融入"的设计理念。长条形窗口 + 精简模式切换,让游戏存在感完全由用户掌控。

3.Demo 体验地址

第一次做游戏,大家轻喷

TaskbarHero.zip (1.2 MB)

4.TRAE 实践过程

开发流程概览

整个项目从 0 到可运行 Demo,全程使用 TRAE IDE 开发,主要分为以下几个阶段:

  1. 框架搭建 — 用 TRAE 生成 WPF 项目骨架、MVVM 架构、托盘图标服务

  2. 核心玩法 — 迭代开发战斗系统、英雄成长、随从系统

  3. UI 迭代 — 从大方块窗口 → 长条形任务栏适配 → 精简模式

  4. 资源生成 — 用 TRAE 生成像素风场景/角色/随从精灵图

  5. 系统简化 — 根据体验反馈,从复杂背包/掉落/烹饪 → 奇遇装备系统

关键步骤截图

以下为开发过程中的关键节点截图,展示从概念到落地的演变。

【截图 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.报名链接

【生活娱乐】做一个桌面陪伴小游戏 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区