http://processingjs.org/articles/p5QuickStart.html
上記のリンクを参考にpdeファイルをwebブラウザで動作させようとしています。
やったこと
・processing-js-1.4.1.zipファイルをダウンロード
・processing-js-1.4.1.zipファイルのexample.htmlを下記のように書き換える。
・proccesing.appでapp.pdeファイルを下記のように作成。
html
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Hello Web - Processing.js Test</title> 5 <script src="processing-1.4.1.min.js"></script> 6 </head> 7 <body> 8 <h1>Processing.js Test</h1> 9 <p>This is my first Processing.js web-based sketch:</p> 10 <canvas data-processing-sources="app.pde"></canvas> 11 </body> 12 </html>
proccesing
1 void setup() { 2 size(200, 200); 3 background(100); 4 stroke(255); 5 ellipse(50, 50, 25, 25); 6 println("hello web!"); 7 }
フォルダの構成がよくわかりません。
このように解凍したzipファイルに別に作成しておいたapp.pdeを入れればいいのでしょうか。
うまく動作せず困っています。