此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

回答

相關問題