【Processing】PShape.getVertexX()の使い方【図形の中の特定の点のX座標（横の位置）を知る】

2024年10月6日

URLをコピーしました！

ProcessingのリファレンスではgetVertexX()

Processing ビジュアルデザイナーとアーティストのためのプログラミング入門ではPShape.getVertexX()になっている。（221ページ）

ワタタク

今回の記事の目的はProcessingの「PShape.getVertexX()」を理解し、自分なりに使ってみること。

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

【Processing】PShape.getVertexX()について

PShape.getVertexX()について

PShape.getVertexX()は、形の頂点のX座標を取得する、という意味
Processingでは、PShapeというオブジェクトがあります
- 図形を表すオブジェクト
- その図形の中の特定の点のX座標（横の位置）を知りたいときに、getVertexX()という命令を使います
PShape.getVertexX()は流れの中でPShape、beginShape()、endShape()と一緒に使うことが多い

【Processing】PShape.getVertexX()の書き方【構文】

8行目の「0」は1番最初の点を指定することができる。

「1」にすると、2番目の点を指定することができます。

PShape shape;
shape = createShape();
shape.beginShape();
shape.vertex(30, 20); // 1番目の点
shape.vertex(85, 20); // 2番目の点
shape.endShape(CLOSE);

float x = shape.getVertexX(0); // 一番目の点のX座標を取得
println(x); // 結果を表示

【Processing】何のためにPShape.getVertexX()を使って、形の頂点のX座標を取得するのか

図形の位置や形状をさらに操作したり、何か特別な効果を加えるため。

たとえば、図形がどの位置にあるのかを確認したり、他の図形と比較して配置を整えたりすることができます。

具体的には、

図形の頂点の座標を取得し、アニメーションや動きを加える。

複数の図形の位置関係を確認し、正確に配置する

プログラムの中で図形をもっと自由に、そして正確に操作できるようになります。

使う場面によっては、他の座標と組み合わせたり、計算に利用することも可能に。

【Processing】PShape.getVertexX()の使い方【画像とコード】

PShape rectangle;

void setup() {
  size(200, 200);
  rectangle = createShape();
  rectangle.beginShape();
  rectangle.vertex(50, 50);  // 一番目の頂点
  rectangle.vertex(150, 50); // 二番目の頂点
  rectangle.vertex(150, 150); // 三番目の頂点
  rectangle.vertex(50, 150);  // 四番目の頂点
  rectangle.endShape(CLOSE);

  // 一番目の頂点のX座標を取得
  float x = rectangle.getVertexX(0); 
  println("一番目の頂点のX座標: " + x);
}

void draw() {
  background(255);
  shape(rectangle);
}