Question

我在Processing编写了一些使用多个类的代码。当我把它们放在一个单独的JavaScript文件中时，它变得非常长。如果我能将每个类分成他们自己的文件并以某种方式导入它们将会很棒。

我已经尝试将对象放在他们自己的文件中，并尝试使用类似于此的脚本标记将它们引入：

<script type="application/processing" src="object1.js"></script>
<script type="application/processing" src="object2.js"></script>
<script type="application/processing" src="main.js"></script>

但是，我的main.js文件似乎无法识别其他2个文件中的类定义。我正在编写纯处理代码以放入Web环境。

我正在做什么有什么问题，或者这是Processing不支持的东西？提前感谢您的帮助！

Answer 1

来自the Processing.js docs，强调我的：

创建一个包含Processing.js的网页，以及有关获取草图文件的位置信息（您可以指定多个* .pde文件，用空格分隔）：
<script src="processing-1.3.6.min.js"></script>
<canvas data-processing-sources="hello-web.pde"></canvas>

所以你可能想要这样的东西：

<canvas data-processing-sources="object1.pde object2.pde main.pde"></canvas>

Google搜索“Processing.js多个pde文件”也会返回一堆结果，包括this GitHub issue。

另一种方法是使用Processing编辑器并将项目拆分为多个选项卡。但是，您必须使用旧版本，因为最新版本不再支持Processing.js。

这让我们明白了your last question中提到的问题：Processing.js已经过时了，并没有被积极开发。如果您正在为Web开发Processing草图，并且您对JavaScript感到满意，那么您应该使用P5.js。否则你将与一个不再维护的图书馆作斗争。

处理中的单独（类）文件

1 个答案: