所以我知道,使用JS和许多JS框架,您可以简单地执行以下操作将草图放入html中:
<script src="FirstScript.js"></script>
<script src="SecondScript.js"></script>
等等。
但在Processing中,您可以执行以下操作:
<canvas id="your-id-here" data-processing-sources="Code.pde"></canvas>
由于它位于画布内,因此您无法添加多个文件。我环顾四周,找不到解决办法。
如果重要,我正在尝试链接声音文件。我怎么能这样做?
另外,我知道我可以切换到其他一些JS框架,比如p5,但我宁愿留在Processing。
答案 0 :(得分:0)
要使用processing.js库在网页中加载多个pde文件,您只需提及data-processing-sources
标记内的所有文件。
e.g。
<canvas id="your-id-here" data-processing-sources="file1.pde file2.pde"></canvas>
要在processing.js中播放声音,您可以使用java-to-javascript绑定解决方法:
https://funprogramming.org/141-Processing-js-with-sound-audio-I.html https://funprogramming.org/142-Processing-js-with-sound-audio-II.html