質問: loadImage("image.png"); } void draw(){ text("test",10,100); image(img,0,0); } ``` ### 補足情報(言語/FW/ツール等のバージョンなど) Processing.jsは最新版(1.4.8)です。 最新版のChrome、Firefoxともに画像は表示されませんでした。 ローカル開発環境ではなくサーバー上で動かしています。 teratailを初めて利用するためお見苦しい点があるかもしれませんが、何卒よろしくお願いいたします。
回答: 公式サイトの Processing.js クイックスタート(Processing開発者向け) **Processing.js has to cheat to simulate Processing's synchronous I/O** (Processing.jsでProcessingの同期型I/Oをシミュレートするためにはチートが必要) という項目を参照してください 具体的にはPDEで使用するファイルを 予め読み込む(preloadする)必要があり 1つのファイル(image.png)を使用する場合は **pdeファイルの頭に /* @pjs preload="image.png"; */** というコメント文を入れる必要があるようです また複数ファイルを使用する場合は""の中を **"image0.png,image1.png,image2.png"** と指定できるようです Processing.js クイックスタート(Processing開発者向け) ↑このページは他にもProcessingユーザーが Processing.jsを使う上での注意点等が記載されているので 一度目を通しておかれると良いでしょう