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 上增加一個簡單的混響。

未來計劃

• 更多尺度
• 更多內建作曲家
• 使用者定義的自訂作曲家
• 能夠新增/編輯/刪除曲目、作曲家和效果
• 可導航小地圖