此JSFiddle无法正确加载p5.js

我在JSFiddle中编写的代码在我的计算机中运行良好，并且每次按下按钮时都会创建一个按钮并加载一个草图。我通过CDNJS“加载”p5.js，p5.dom.js导致p5.js在JavaScript框架和扩展选项中不可用。但行为没有被正确复制。它有什么问题？此JSFiddle无法正确加载p5.js

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

来源

2017-07-18 Trux

你有几件事情怎么回事。首先你应该确实修复你的HTML。你到处都有不匹配和非法的标签。请尝试解决所有这些问题，并在您处理HTML时正确格式化您的HTML。

这似乎也很奇怪，你试图混合实例和全局模式。为什么在草图函数外部有setup()和mousePressed()函数，而在草图函数内部有另一个setup()函数？你期望做什么？

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

来源

2017-07-18 16:45:44

你是什么意思混合匹配和非法标签？我注意到id = blue class = blue的div标签，或者绿色标签相同，警告我应该重命名这些变量，因为p5.js也在使用它们。所以我改了名字。这是所有，关于标签名称？ – Trux

我有一个关于同时使用全局模式和实例模式的问题，但也许我应该为此发布一个问题 – Trux

此JSFiddle无法正确加载p5.js

回答

相关问题