【Processing】mouseButtonの使い方【左と右クリックが反応して面白い】

2024年9月1日

当ブログ記事には広告が含まれている場合があります

【Processing】mouseButtonの使い方【左と右クリックが反応して面白い】

URLをコピーしました！

ワタタク

今回の記事の目的はProcessingの「mouseButton」を理解し、使えるようにすること。

記事内のProcessingのバージョンは4.3。

動きのある画像は、コードではなく、GIF画像編集で無限再生されるようにしています。

【Processing】mouseButtonについて（構文）

mouseButtonについて

if(mouseButton == LEFT) {のように書く（例は後述）
LEFT（左クリック）・CENTER（マウスのスクロールホイールを押し込んだとき）・RIGHT（右クリック）を設定できる
- CENTERに設定してスクロールボタンを押し込んでみたが、僕のマウスでは動かなかった。マウスによる？
別のボタンを押すまで同じ表現が表示されている

【Processing】mouseButtonの使い方【画像とコード】

mouseButtonを使って、簡単なコミュニケーションツールを作成。

左クリックで◯、右クリックで☓が出て簡単な質問に答えたりできます。

void setup() {
  size(500, 500);
  stroke(#76a1b8);
  strokeWeight(20);
  rectMode(CENTER);
}

void draw() {
   background(#e8ebe7);
   if(mouseButton == LEFT) {//左クリックしたとき
    fill(#76a1b8);
    ellipse(250, 250, 250, 250);
  } else if (mouseButton == RIGHT) {//右クリックしたとき
    fill(#76a1b8);
    line(150, 150, 350, 350);
    line(350, 150, 150, 350);
  } 
}