Generative / Music Tool
MIDI MELODY
简易旋律生成器 · 黑白
Created 2025-11-24Updated 2025-11-24
黑白极简的 MIDI 旋律生成器：支持调性/节奏/和弦配置，生成后可播放与导出。
MIDITone.jsGeneratorExport
Flow
Configure → Generate → Play → Export
What to look for
- 信息架构：如何把复杂内容拆成可扫读的结构。
- 交互细节：搜索、预览、复制、导出等“关键动作”是否顺手。
- 可交付：是否能跑起来、可复用、可迭代，而不是概念图。
Screenshots
UI snapshots
用真实截图展示信息密度、排版与关键交互。没有截图时会给出放置路径提示。
Background
为什么做
音乐生成工具的门槛往往在“参数太多”；我想把可玩性和可控性压到一个极简界面里。
Scenario
应用场景
- 快速得到旋律草稿（灵感触发）。
- 为视频/小游戏做简单 BGM 片段。
- 把生成结果导出到 DAW 继续编辑。
Delivery
实现了什么
- 调性、音符数量、节奏、BPM 与间歇密度等参数面板。
- 可选“加和弦（三和弦）”，并提供历史旋律列表。
- 钢琴卷帘视图用于快速理解结构。
Design
设计要点
- 黑白视觉语言：把注意力集中在“结果”与“结构”。
- 先生成再播放/导出：把流程做成“不会走丢”的顺序。
- 参数默认值可用：降低第一次使用成本。
Tech
技术实现
- Next.js + Zustand
- Tone.js 音频能力（播放/合成）
- 导出链路（MIDI/WAV）
Next Step
看完介绍，直接去体验
这个 case study 讲的是“设计与实现”，但真正的判断来自体验：打开后用 30 秒做一次关键任务（搜索 / 预览 / 导出 / 播放 / 转录…）。
Live preview
部分站点可能因为安全策略无法被嵌入；遇到空白时请用上面的 Open live。
If not this
推荐你看这些
根据标签与类别做的相关推荐（不想继续看也能快速跳走）。