技術 23. 音序機 Part.3

欸對，就是音序機的第三天。一個不小心玩得太開心，就又長出了一些功能，一起來看看吧！ 點擊 & 觸碰事件 一格一格點實在太慢了，還是來仿照前人的智慧，寫個...

技術 22. 音序機 Part.2

其實，這個音序機在原本的鐵人三十天計畫中，大概只佔了一天的篇幅，但筆者寫著寫著就越寫越開心，不知不覺就玩開了，文章都不寫整天刻網站，啊哈哈哈哈哈。 今天就紀錄一...

技術 21. 音序機 Part.1

昨天我們聊到的 Tone.js 的強力功能 - 排程播放，那麼就來玩玩看許多高手前輩都做過的 音序機 吧～ Sequencer 音序機，顧名思義，就是能夠把聲音...

技術 20. Tone.js - 排程

旅程走到這邊，也逐漸認識 Tone.js 這個音樂框架了，是不是有種相見恨晚的感覺啊 XD 但也是因為我們先在 Web Audio API 上走過一圈，熟悉了模...

技術 19. Tone.js - 合成器

今天就來探索 Tone.js 的核心功能 - 合成器 回顧一下這幾天一直使用的範例： const synth = new Tone.Synth().toMast...

技術 18. Tone.js - 基本功能

昨天我們一起認識了 Tone.js，並用最簡單的範例讓它發出聲音；今天就接著介紹 Tone.js 的幾項重點觀念或功能吧！ 節點關係 Tone.js 是建構在...

技術 17. Tone.js

昨天我們認識了一個專注在樂理上的套件 - tonal，並在最後展示了一個互動音樂的範例。 該範例是由 tonal 與一個知名的 Web Aduio 框架 - T...

技術 §ｄ０８§ 全頻率震動！派對音響工程！為何選 Tone.js 當作 Audio Framework？

0. 今日工事 結構性美麗：Why Framework？ 有人喜歡，有人不喜歡：Which Framework？ howler.js Tone.js 就決定...