p5.jsから作成されたpdeを使用して、キャンバスtest123.pdeをWebページに読み込むときに問題が発生します。 test123.pdeは公式のp5.jsページの例です。テスト用に使用しているので、間違いはありません。そのため、コードを投稿しません。
これが私のphp/htmlコードの画像です
Webページにはデフォルトのキャンバスが表示されます(firefoxではサイズが150 * 300の空のキャンバスです)が、test123.pdeは表示されません:(
ご覧のとおり、キャンバスへのリンクには、下のscriptEntry.jsのように下線が引かれていません。
そのため、パスが正しくないと想定しています。しかし、それは私を混乱させます、なぜならフォルダはキャンバス フォルダと同じレベルにあります脚本。
/ home/sites/site55/web/subs/kreativ -> それはからの結果ですgetcwd() PHPでは、パスを返します。
私は不運にも試しました: canvas data-processing-sources = "/ home/sites/site55/web/subs/kreativ/canvas/test123.pde"
canvas data-processing-sources = "../ canvas/test123.pde"
canvas data-processing-sources = "../ canvas/test123.pde"
canvas data-processing-sources = "https://www.fazzke.net/subs/kreativ/canvas/test123.pde"
canvas data-processing-sources = "https://kreative-kreaturen.fazzke.net/canvas/test123.pde"
他のすべての必要なファイルがロードされていることがわかります
助けてくれてありがとう(:
さて、私は問題が何であるかを見つけました。同じ問題を抱えているすべての人に:
Processingでは、キャンバスに次のものを含めます。
キャンバスdata-processing-sources = "example.pde"
p5.jsで、キャンバスをインクルードします
スクリプトsrc = "example.js"