处理中的单独 (Class) 个文件

Question

我正在 Processing 中编写一些使用多个 class 的代码。当我将它们放在一个 JavaScript 文件中时，它变得非常长。如果我可以将每个 class 分成它们自己的文件并以某种方式导入它们，那就太好了。

我试过将对象放入它们自己的文件中，并尝试使用看起来像这样的脚本标签将它们引入：

<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 个文件中的 class 定义。我正在编写纯处理代码以放入 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 文件”还有 returns 一堆结果，包括 this GitHub issue.

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

这让我们进入了我在 : Processing.js is old and not being actively developed. If you're developing Processing sketches for the web, and you're comfortable with JavaScript, then you should really be using P5.js 中提到的重点。否则，您将与不再维护的库作斗争。