如何在 html 上设置 processingjs 库？

Question

我意识到已经问过完全相同的问题，但是答案对我不起作用：How do you setup processingJS on html?

我准确地粘贴了建议的内容，但仍然没有结果。 processingjs 网站（http://processingjs.org/articles/jsQuickStart.html）给出以下建议：

<script src="processing-1.3.6.min.js"></script>
<canvas data-processing-sources="hello-web.pde"></canvas>

但是对于像我这样的新手来说，具体如何使用它们还不清楚。 我是将它们放在 HTML 文件中还是放在链接的 .js 文件中？

这样做的目的是我想通过可汗学院 processingjs 课程边做边学。

非常感谢，

Answer 1

请更具体地说明您所看到的内容。 “仍然没有结果”是什么意思？您需要检查the JavaScript console 是否有任何错误。

我的猜测是您收到一条错误消息，提示它找不到 processing.js 或者它可以找到您的 .pde 文件。这些文件必须位于您定义的路径中。您链接到的答案中的代码假定它们就在 .html 文件旁边，但情况并非总是如此。请注意，答案中的代码只是一个示例，不应直接复制。您必须了解每一行在做什么，然后在您自己的代码中执行此操作。

我写了一篇关于使用 Processing.js 部署处理代码的教程，可用 here。