demo.mp4
DM Note 是一款专为配合 DJMAX RESPECT V 使用而创建的按键显示程序. 基于 Tauri 和 React 构建, 它允许您通过简单设置, 在直播或游戏视频创作时可视化显示按键输入. 目前, 它仅官方支持 Windows 10/11 和 macOS 环境. 如果您使用的是 Linux, 我们推荐尝试 社区分支版本.
- 实时键盘输入检测与可视化
- 自定义按键映射配置
- 基于 网格 的按键编辑
- 支持图片分配
- 自定义 CSS 支持
- 自动保存 用户设置
- 保存/加载 预设
- 锁定 悬浮窗 位置
- 始终置顶
- 选择调整锚点大小
- 调整音符键雨的颜色、不透明度、圆角、速度和高度
- 反向键雨
- 实时显示 每个按键的输入次数
- 自定义计数器位置、颜色和样式
- 自定义 CSS 支持
- 提供 KPS、AVG、MAX、TOTAL 统计数据
- 自定义统计元素样式
- 多语言支持 (韩文、英文、中文)
- 图层渲染选项 (Direct3D 11/9, OpenGL)
- 重置设置
- 前端: React 19 + Typescript + Vite 7
- 后端: Tauri
- 样式: Tailwind CSS 3
- 输入检测: Raw Input API (Windows), 全局输入事件 (macOS)
- 包管理器: npm
DmNote/
├─ src/ # 前端
│ ├─ renderer/ # React 渲染器
│ │ ├─ components/ # UI 组件
│ │ ├─ hooks/ # 状态/同步钩子
│ │ ├─ stores/ # Zustand 状态库
│ │ ├─ windows/ # 渲染器窗口 (main/overlay)
│ │ ├─ styles/ # 全局/通用样式
│ │ └─ assets/ # 静态资源
│ └─ types/ # 共享类型/模型
├─ src-tauri/ # Tauri 后端
│ └─ src/ # 命令、服务
├─ package.json # 项目依赖项 和 运行脚本
├─ tsconfig.json # TypeScript 配置
└─ vite.config.ts # Vite 配置
在终端中按顺序输入一下命令:
git clone https://github.com/lee-sihun/DmNote.git
cd DmNote
npm install
npm run tauri:dev
- 部分游戏的全屏模式下可能无法正常运行, 此情况请使用无边框窗口模式.
- 若出现图形显示问题, 请在设置中更改渲染选项.
- 可通过 OBS窗口捕获 功能录制透明背景画面, 无需使用色度键.
- 在游戏屏幕上显示时, 将其 置于最顶层 并启用 锁定叠加窗口.
- 自定义 CSS 示例文件位于
assets文件夹中. - 分配类名时, 只输入名称, 不输入选择器 (例如,
blue-> o,.blue-> x). - 程序默认设置保存在
store.json文件夹的文件%appdata%/com.dmnote.desktop中.
我们欢迎各位的贡献！详情请查阅 贡献指南
이시훈 🚧 |
연우 🎨 🤔 |
mo_hong 🌍 |
LSVoiid 🌍 📖 |
문주 💻 |