processing - ProcessingをHTMLページに入れるには?

Question

Processing を HTML ページに配置する方法はありますか? .pde ファイルがあり、それを HTML Web ページに配置したいとします。(処理は一種のグラフィック言語です。)

Answer 1

Processing.jsは役に立ちますか?

Answer 2

キャンバスの data-processing-sources 属性を使用して、Processing コードを Web ページに直接配置することができます。また、Web ページにスクリプトを含めるには、Processing.js に外部ファイルをロードさせることが推奨されます。ただし、インライン処理コードを記述することも可能です。

処理コードの例（私にとってはうまくいきました）（私が推測する最も簡単な方法）：

<script src="processing-1.3.6.min.js"></script>      
<script type="application/processing" data-processing-target="pjs">
      void setup() {
        size(200, 200);
       background(100);
        stroke(255);
        ellipse(50, 50, 25, 25);
        println('hello web!');
      }
     </script>
     <canvas id="pjs"> </canvas>