在处理 JS 中使用带有选项卡的处理草图答案

【问题标题】：Using Processing Sketches With Tabs In Processing JS在处理 JS 中使用带有选项卡的处理草图
【发布时间】：2011-01-09 20:40:45
【问题描述】：

我有一个处理草图，我想用 Processing.js 在我的网站上显示，而不是作为 Java 小程序，但是我不确定它是否支持选项卡或类。是否需要编写为程序脚本，或者是否有我可以使用的<include> - 或其他选项？

谢谢

【问题讨论】：

【解决方案1】：

您还可以在 html canvas 标签中包含多个 .pde 文件，用空格分隔

<canvas data-processing-sources="hello-web.pde class.pde"></canvas>

【讨论】：

代表cjlmia：一个警告：小心将包含您的 setup() 和 draw() 方法的文件放在列表中的最后一项。当依赖类包含在包含主要 setup() 和 draw() 方法的 pde 文件之后列出的 pde 文件中时，我看到草图加载不一致。

【解决方案2】：

我已经回答了Processing related question 并使用了类，但我只是将类粘贴在程序的其余部分之后。我不知道这是否完全回答了你的问题，但这里是an example

【讨论】：

啊，是的！这很简单。谢谢！也很好的处理工作。不确定您是否知道 Chrome 和 Firefox 在使用 println() 时会在视口底部弹出一个小控制台。所以我可以看到这些生物：75，或者任何正在打印的数字。不确定您是否想在您的工作中对此发表评论。再次感谢。
@logic-unit 我不知道这是 Chrome/Firefox 的东西，我以为它是 hascanvas 网站的一部分。我将 println() 留在那里，因为它是我为问题提供的答案的一部分，我没有编写程序（@Miles 做了），我只是重构了它:) 感谢 println() 提示。