この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()との機能がスケッチ機能の外にあるのに対して、setup()の機能がスケッチ機能の内側にあるのはなぜですか？あなたはそれが何を期待していますか？

これらの問題を解決するには、インスタンスまたはグローバルモードを選択する必要があります。これにはコードの一部を書き直す必要がありますが、1つのスケッチで2つの異なるモードを使用するのではなく、すべてを一貫させることが目標です。