此JSFiddle未正确加载p5.js

Question

我在JSFiddle中编写的这段代码在我的计算机中运行良好，每次按下该按钮，它都会创建一个按钮并加载一个草图。我“加载”了p5.js，p5.dom.js通过CDNJS导致p5.js在javascript框架和扩展选项中不可用。但这种行为并没有得到正确的再现。这是怎么回事？

链接：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>

Answer 1

你这里有几件事要做。首先，您应该真正修复HTML。到处都是不匹配的非法标签。请尝试修复所有这些问题，并在您进行HTML时适当地格式化它。

您试图将实例和全局模式混合在一起似乎也很奇怪。为什么在草图函数之外有一个setup()和mousePressed()函数，而在草图函数中又有一个setup()函数？你希望这样做吗？

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