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

【Processing】mouseButtonの使い方【左と右クリックが反応して面白い】
  • URLをコピーしました!
ワタタク

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

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

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

目次

【Processing】mouseButtonについて(構文)

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

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

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

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

【Processing】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);
  } 
}

【Processing】mouseButtonで気になった問題と解決策

【問題】マウスを動かすと表示が消えてしまうこと。

【解決策】OpenProcessingで実行したら、マウスを動かしても表示が消えなくなった。

左と右クリックをする。◯と☓に表示が変わり、マウスを動かしても表示が消えないように。

実行する媒体によって、結果が変わるみたいだ。

Processingで?と思う動きになるときは、OpenProcessingで実行してみるという学びを得た。

ワタタク(Watataku)
クリエイティブコーダー/アーティスト
AIと共に、「人の心に寄り添う、機能するアート」を探究しています。

ここは、その思索と創造の全記録を記す、思考の実験室(アトリエ)です。

僕の創作の源泉は、人生経験そのものです。
不当な出来事や、精神的な支配の中で、私の心は何度も粉々に砕け散りました。しかし、その一つ一つの破片をどのようにすれば鮮やかな絵の具にできるかを考え、ゆっくり心のパレットに色を整えていきました。その、長い、長い、自身との対話の果てに「人の役に立つアートを作りたい」という考え方にたどり着きました。

かつて、僕の武器は、アコースティックギター弾き語りと、カメラでした。
オリジナルソングの演奏でお客様投票1位となった「物語の力」。
世界20カ国の旅で培った、多様な「視点」。

今、僕は、それら全ての経験を、「コード」という、新しい言語で、世界に問いかけています。

このブログでは、作品の制作過程や、日々の発見、そして、僕自身の上達の軌跡を記録していきます。

僕の旅が、あなたの日常を、ほんの少しでも豊かにするための、光になることを願って。

クリエイティブコーディングロード運営者 ワタタク
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次