我正在尝试制作一个在同一页面上包含多个 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
拉风的咖菲猫
相关分类