[Processing]マウス座標の取得とArrayListを使った応用

Written by uechoco 2月 18
このエントリをはてなブックマークに追加[Processing]マウス座標の取得とArrayListを使った応用のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl（バザール）に追加

Processingの勉強も続けてます。今日はマウス座標やマウス状態の取得を学びました。mouseXとmouseYというシステム変数で現在のマウス座標を取得します。またpmouseXとpmouseYというシステム変数で前フレームのマウス座標を取得します。「p」というのはpreviousとかの「pre（前の）」という接頭語の略ですかね。

mousePressedシステム変数は、マウスが押されているかをあらわしています。trueかfalseであらわしているので、if文の条件分岐で使用できます。そしてmouseButtonシステム変数は、押されているマウスボタンの種類をあらわします。LEFT、CENTER、RIGHTの3つの定数が対応しています。

mousePressed()、mouseClicked、mouseReleased()、mouseMoved()、mouseDragged()といったイベントハンドラ関数は、マウスの状態に応じて勝手に呼ばれる関数です。setup()がプログラムの最初に勝手に呼ばれるように、mousePressed()はマウスが押されたときに勝手に呼ばれます。

マウスを使った例として、マウスでクリックした地点から破片（火花？）が飛び散るというサンプルを作ってみました。マウスの左右ボタンの押下状態に反応して、破片が飛び散ります。マウスボタンを押したままドラッグすると、たくさん破片が飛び散ります。このサンプルは破片の管理にArrayListクラスを使うことで、破片の数の制限もなく、簡単に作ることができます。ただ、ArrayListのGenericsは使えないようなので、旧式の（1.4系の）実装方法で使わないといけないみたいです。

PLAIN TEXT
Processing:
  1. import java.util.ArrayList;
  2.  
  3. int FRAGMENTS_FOR_EACH_CLICK = 15; // 1回のクリックで飛び散る破片の平均値
  4. float GRAVITY = 0.98; // 重力
  5. ArrayList fragments; // 破片
  6.  
  8.   size(400, 400);
  9.   colorMode(HSB, 100);
  10.   background(100);
  11.   frameRate(20);
  12.  
  13.   // 変数の初期化
  14.   fragments = new ArrayList();
  15. }
  16.  
  18.   // 画面を白く塗る
  19.   rectMode(CORNER);
  20.   noStroke();
  21.   fill(100);
  22.   rect(0, 0, width, height);
  23.  
  24.   // マウスが押下の間はずっと破片を生成する
  26.     mouseDown();
  27.   }
  28.  
  29.   // 破片の移動と描画
  30.   int size = fragments.size();
  31.   for (int i = 0; i <size; i++) {
  32.     Fragment f = (Fragment)fragments.get(i);
  33.     if (!f.isAvailable) {
  34.       // 不要になった破片を消去
  35.       fragments.remove(i);
  36.       size--; // 最大数も減るので要注意
  37.       continue;
  38.     }
  39.     f.draw();
  40.     f.move();
  41.   }
  42. }
  43.  
  44. void mouseDown() {
  45.   // ベースの色を押されたマウスボタン決める
  46.   float hColor;
  47.   if (mouseButton == LEFT) {
  48.     hColor = 0;
  49.   } else if (mouseButton == RIGHT) {
  50.     hColor = 60;
  51.   } else {
  52.     return;
  53.   }
  54.   // 破片の作成
  55.   int max = FRAGMENTS_FOR_EACH_CLICK + (int)random(-5, 5);
  56.   for (int i = 0; i <max; i++) {
  57.     float x = mouseX + random(-5, 5);
  58.     float y = mouseY + random(-5, 5);
  59.     float sx = random(-3, 3);
  60.     float sy = random(-5, 5);
  61.     fragments.add(
  62.       new Fragment(x, y, sx, sy, hColor)
  63.     );
  64.   }
  65. }
  66.  
  67. // 個々の破片のオブジェクト
  68. class Fragment {
  69.   float x, y, px, py;
  70.   float sx, sy;
  71.   float hColor;
  72.   float bColor;
  73.   boolean isAvailable;
  74.  
  75.   // コンストラクタ
  76.   Fragment(float x, float y, float sx, float sy, float hColor) {
  77.     this.x = x;
  78.     this.y = y;
  79.     this.px = x;
  80.     this.py = y;
  81.     this.sx = sx;
  82.     this.sy = sy;
  83.     this.hColor = hColor;
  84.     this.bColor = 100;
  85.     this.isAvailable = true;
  86.   }
  87.  
  88.   void move() {
  89.     px = x;
  90.     py = y;
  91.     x = x + sx;
  92.     y = y + sy;
  93.     sy += GRAVITY; // 画面下方向に加速
  94.     bColor *= GRAVITY; // 明度を下げていく
  95.  
  96.     if (py> height) { // 画面下部より下に行ったら消去候補にする
  97.       isAvailable = false;
  98.     }
  99.   }
  100.  
  101.   // 描画
  102.   void draw() {
  103.     noFill();
  104.     stroke(hColor, 100, bColor);
  105.     line(px, py, x, y);
  106.   }
  107. }

実行結果

processing_fragmentBrust.jpg

カテゴリ : processing 
タグ : ,

このエントリをはてなブックマークに追加[Processing]マウス座標の取得とArrayListを使った応用のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl（バザール）に追加

No Responses to “[Processing]マウス座標の取得とArrayListを使った応用”

コメントはまだありません。

Comments RSS rss うえちょこ＠ぼろぐ TrackBack Identifier URI rss うえちょこ＠ぼろぐ

コメントする