如何将多个Processing（.pde）文件加载到HTML页面中？

Question

所以我知道使用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。

Answer 1

要使用processing.js库在网页中加载多个pde文件，您只需提及data-processing-sources标记内的所有文件即可。

例如<canvas id="your-id-here" data-processing-sources="file1.pde file2.pde"></canvas>

要在processing.js中播放声音，您可以使用java-to-javascript绑定解决方法：