/** boid * Copyright 2011 Yutaka Kachi * Licensed by New BSD License * * Boid：生き物の群れのように動き回るボール * **/

mouseX, mouseY マウスポインタの位置（座標） void setup() { size(400, 400); } void draw() { ellipse(mouseX, mouseY, 60, 60); }

次のプログラムは、マウスボタンを押している間、カーソルの軌跡を線として描きます。 void draw() { if (mousePressed) { line(pmouseX, pmouseY, mouseX, mouseY); } }

void setup() { size(200, 100); textFont(createFont(“x”, 15)); // 日本語を表示用。バージョンアップで不要？ // frameRate(10); // 1秒間に10回 draw()実行 } void draw() { int h = hour(); int m = minute(); int s = second(); String time = “時刻：”+nf(h, 2)+”:”+nf(m, 2)+”:”+nf(s, 2); // println(time); textSize(14); // 文字サイズ background(200); // 背景を指定色で塗りつぶす fill(0, 0, 255); // 文字色 RGB text(time, 10, height/2); }

タイトルは「WEBで簡単にPROCESSING！」ですが、 「WordPressでで簡単にPROCESSING！」になります。 WordPressに（マルチサイトは動かないらしい！）プラグイン “Processing.js for WordPress” をインストールしてください。 それから、記事に、textモードでProcessingのコード書いてください。 <script type=”application/processing” data-processing-target=”processingcanvas”> //Info: http://processingjs.org/reference void setup() { size(200, 200); frameRate(10); } void draw() { background(#ffffff); ellipse(100, 100, random(50), random(50)); } </script> <canvas id=”processingcanvas”></canvas>