此 JSFiddle 未正确加载 p5.js

This JSFiddle is not loading p5.js correctly

我在 JSFiddle 中编写的这段代码在我的计算机上运行良好,它会创建一个按钮并在我每次按下按钮时加载草图。我 "loaded" p5.js,p5.dom.js 通过 CDNJS,因为 p5.js 在 javascript 框架和扩展选项中不可用。但是行为没有被正确重现。有什么问题吗?

Link: https://jsfiddle.net/truxx/uf7y9meq/5/

我试过了:

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.js"></script>

你这里发生了一些事情。首先,你真的应该修复你的 HTML。到处都是不匹配和非法的标签。请尝试解决所有这些问题,并在您使用时正确格式化您的 HTML。

您尝试混合使用实例模式和全局模式似乎也很奇怪。为什么在 sketch 函数之外有一个 setup()mousePressed() 函数,而在 sketch 函数内部有另一个 setup() 函数?你希望它做什么?

要解决这些问题,您需要选择实例模式或全局模式。这可能需要您重写一些代码,但您的目标应该是使所有内容保持一致,而不是在一个草图中使用两种不同的模式。