Processingのマウス関連の処理

はるか

Processingでクリック処理ってどうやる？

ふゅか

クリックにもいろいろあるのよ

Processingのマウス関連の処理について解説します。

マウス関連の処理

mouseClicked

マウスがクリックされた瞬間に一度だけ実行される処理を記述します。mouseX, mouseYとはマウスの現在のX座標とY座標を表すあらかじめ用意されている変数です。

void setup() {
  size(400, 400);
  background(255);
}
void draw(){
  
}
void mouseClicked() {
  fill(0);
  ellipse(mouseX, mouseY, 20, 20);
}

mouseDragged

マウスがドラッグされている間、連続して実行される処理を記述します。「マウスがドラッグされている間」というのは、マウスボタンが押された状態でマウスを移動している状況を指します。

void setup() {
  size(400, 400);
  background(255);
}
void draw(){
  
}
void mouseDragged() {
  ellipse(mouseX, mouseY, 10, 10);
}

mouseReleased

マウスボタンが離されたときに実行される処理を記述します。わからない場合は、長押ししてみてください。

void mousePressed() {
  fill(255);
  ellipse(mouseX, mouseY, 50, 50);
}

mousePressed

マウスボタンが押されたときに実行される処理を記述します。

void setup() {
  size(400, 400);
  background(255);
}
void draw(){
  
}
void mousePressed() {
  fill(255);
  ellipse(mouseX, mouseY, 50, 50);
}

mouseReleasedとmouseClickedの違い

はるか

mouseReleasedとmouseClickedって結局何が違う？

ふゅか

似ているけど結構違うのよ

mouseClicked

void setup() {
  size(400, 400);
  background(255);
}
void draw(){
  
}
void mouseClicked() {
  fill(0);
  ellipse(mouseX, mouseY, 20, 20);
}

mouseReleased

void setup() {
  size(400, 400);
  background(255);
}
void draw(){
  
}
void mouseReleased() {
  fill(0);
  ellipse(mouseX, mouseY, 20, 20);
}