GripNews<p>🌘 使用 Web Audio API 產生可變佔空比方波<br />➤ 網頁音訊合成的探索：重現 Gameboy 的經典音效<br />✤ <a href="https://www.danblack.co/blog/variable-duty-cycle-square-wave" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">danblack.co/blog/variable-duty</span><span class="invisible">-cycle-square-wave</span></a><br />本文探討瞭如何在網頁上使用 Web Audio API 產生具有可變佔空比的方波，以模擬早期遊戲機 Gameboy 的音效。由於 Web Audio API 原生的方波振盪器僅支援 50% 的佔空比，作者介紹了兩種解決方案：傅立葉級數和波形塑形節點 (WaveShaperNode)。 傅立葉級數法透過無限級數的正弦和餘弦函數來建構方波，而波形塑形法則利用鋸齒波並透過一個步驟函數來達到所需的佔空比。作者最終選擇了波形塑形法，因為其簡潔易懂，並認為它更接近 Gameboy 的原始聲音。<br />+ 這篇文章很棒！身為一個對懷舊遊戲音樂有興趣的開發者，我一直想知道如何在網頁上重現這些聲音。這篇文章提供了非常實用的方法。<br />+ 傅立葉級數和波形塑形的方法都很有趣，文章的解釋<br /><a href="https://mastodon.social/tags/%E7%B6%B2%E9%A0%81%E9%9F%B3%E8%A8%8A" class="mention hashtag" rel="tag">#<span>網頁音訊</span></a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="tag">#<span>Web</span></a> Audio API <a href="https://mastodon.social/tags/%E9%9F%B3%E8%A8%8A%E5%90%88%E6%88%90" class="mention hashtag" rel="tag">#<span>音訊合成</span></a> <a href="https://mastodon.social/tags/Gameboy" class="mention hashtag" rel="tag">#<span>Gameboy</span></a> <a href="https://mastodon.social/tags/%E4%BD%94%E7%A9%BA%E6%AF%94" class="mention hashtag" rel="tag">#<span>佔空比</span></a> <a href="https://mastodon.social/tags/%E6%96%B9%E6%B3%A2" class="mention hashtag" rel="tag">#<span>方波</span></a></p>