我正在嘗試制作一個在同一頁面上包含多個 p5 畫布的網站,因此經過大量研究,我得出的結論是,最合適的方法是在 p5 上使用實例模式。我花了一整天的時間試圖理解實例模式,我什至在網上找到了一個轉換器來為我轉換它,但我試圖自己完成這一切,只是用它來檢查錯誤。問題是我找不到使用實例模式在草圖中使用聲音的方法。我的代碼要復雜得多,但即使只嘗試基本的代碼仍然不起作用。var s = function(p) { let song; p.preload = function() { p.song = load('thunder.mp3') } p.setup = function() { p.createCanvas(720, 200); p.background(255, 0, 0); p.song.loop(); };};var myp5 = new p5(s, 'c1');html, body { margin: 0; padding: 0;}canvas { display: block;}<html><head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script> <script language="javascript" type="text/javascript" src="sketch.js"></script> <style> body {padding: 0; margin: 0; } <meta charset="UTF-8"></style></head><body> <div id="c1"></div> <br> <div id="c2"></div></body></html>你可以在這里測試它:https ://editor.p5js.org/jgsantos.dsn/sketches/rUWb6Nurt
如何在實例模式下使用p5.js聲音
撒科打諢
2023-10-14 11:17:29