code player

代码奏鸣曲

你创造了它们，你赋予了它们生命，你确切地知道它们是什么样子。但是，您有没有想过您的代码听起来是什么样的？

现在是时候让他们起来为你唱歌了！

如何？

通过我从菲兹班学到的咒语......

不，说真的，怎么办？

每行代码代表一段时间，如果我们将行内容转换为音符并从上到下读取文件，则整个文件可以视为一张乐谱。

管道是：

 [file] --> (composer)
  --> [raw values] --> (instrument)
    --> [notes] --> (sound engine)
      --> [sound]

• 文件：原始文件
• 原始值：作曲家会将文件传输到原始值数组中。每个作曲家都有自己的算法和配方，只要输出是整数即可。
• 注意：仪器将通过给定的参数（如根音、八度范围、bpm 和音阶）将原始值传输到频率和长度的数组中。
• sound ：声音引擎将通过 Web Audio API 播放音符。

作曲家

目前我们镇上有两位作曲家：

• simpleComposer ：他会通过这个算法将代码转移到笔记中：

  • 每行一个注释，如果当前行为空白，则休息。
  • value 是“干文本”的长度，表示“非空白”字符。
  • 时间和长度取决于行中出现的“spicer”( {}()[] ) 的数量。如果n ，音符长度为n % gridDivision单位，起始偏移量为gridDivision - (n % gridDivision)单位。
  • 缩进长度决定音符所在的八度范围

• bassComposer ：他会通过这个算法将代码转移到音符上：

  • value 为缩进长度 / 2 的长度，如果当前行与上一行的值相同，则将它们合并以获得更长的注释。

当前配置

因此，在当前配置中，我们在左侧播放由带有triangle波形振荡器的bass-composer组成的曲目，在右侧播放由带有square波振荡器的simple-composer组成的曲目。最后，在 mixbus 上添加一个简单的混响。

未来计划

• 更多尺度
• 更多内置作曲家
• 用户定义的自定义作曲家
• 能够添加/编辑/删除曲目、作曲家和效果
• 可导航小地图