javascript - 处理中的单独(类)文件

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 ，强调我的:

Create a web page that includes Processing.js as well as a with info about where to get your sketch file (you can specify multiple *.pde files, separating them with spaces):

<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>

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

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

这把我们带到了我在 your last question 中提到的地步: Processing.js 很旧，没有被积极开发。如果您正在为网络开发 Processing 草图，并且您熟悉 JavaScript，那么您真的应该使用 P5.js .否则，您将与一个不再维护的库作斗争。