本旅程的第二部分 - Javascript 套件選集 也結束啦～
同樣的來回顧一下這兩個禮拜我們玩了什麼吧！

Live Demo

我們一開始認識了 tonel 這個專注在樂理上的套件，tonel 強大的樂理計算能力，是許多套件中重要功能的基石。

• tonal

接著就遇到了 Tone.js，是個網頁互動音樂的強力框架，把 Web Audio API 繁瑣的設定包裝，並提供簡單靈活易用的 API 接口，讓創作者能減去底層的設定，並專注在揮灑自己的創意之上

• Tone.js
• Tone.js - 基本功能
• Tone.js - 合成器
• Tone.js - 排程

利用 Tone.js 的排程功能，我們做出了諸多高手前輩都製作過但依然好玩的 音序機。

• 音序機 Part.1
• 音序機 Part.2
• 音序機 Part.3

隨後又認識了可以隨機生成音樂旋律的 Scribbletune。它包裝了 Tone.js，並提供簡單的節奏設定方式，還可以透過包裝好的方法，快速做到音軌處理。

• Scribbletune
• Scribbletune - Clip
• Scribbletune - 音軌處理

旅程的最後，我們一起認識了兩個視覺化的套件，分別是將音檔的振幅視覺化，並可以取代一般撥放器的 Wavesurfer.js；以及能夠讓整個畫面隨著音樂舞動的 Rythm.js。

• Wavesurfer.js
• Rythm.js

當然除了這些套件外，還有許多實用有趣的套件如下：

• VexFlow：透過其定義的VexTab語言，在網頁生成樂譜的套件。
• Github Audio：依據 Github 上的事件如 push、PR、merged 等，生成音樂。
• Band.js：包裝了 Web Audio API 的 振盪器，讓創造者能快速的做出 8-bit 音樂。

其他的就讓有興趣的讀者自行搜索了。

那麼這一部分到這邊也就結束了，明天就是最後一篇囉！

筆者

Gary

半路出家網站工程師；半生熟的前端加上一點點的後端。
喜歡音樂，喜歡學習、分享，也喜歡當個遊戲宅。

相信一切安排都是最好的路。