【Processing】perspective()の使い方【画面に映るものの見え方を変えるために使う関数】

2024年11月22日

URLをコピーしました！

ワタタク

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

この記事を書いた人

ワタタク

プロフィール

クリエイティブコーディングで制作した作品と、上達のためにやったこと・学習過程を発信
コンセプトは「クリエイティブコーディング1万時間の歩き方」
2024年にProcessingの構文のアウトプットを終え、2025年から作品制作開始（クリエイティブコーディングで作成した作品集）

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

【Processing】perspective()について

perspective()について

perspectiveは英語で「視点」や「見え方」という意味
perspective()は、画面に映るものの見え方を変えるために使う関数
構文：perspective(fovy, aspect, zNear, zFar);
- perspective(視野角, アスペクト比, 近い距離, 遠い距離);

【Processing】perspective()の使い方【画像とコード】

void setup() {
  size(800, 600, P3D); // ウィンドウサイズを800x600に設定し、3Dレンダリングを有効にする
}

void draw() {
  background(255); // 背景を白に設定する
  float fovy = PI / 3.0; // 視野角を設定 (60度に相当)
  float aspect = float(width) / float(height); // アスペクト比 (画面の幅と高さの比率)
  float zNear = 0.1; // カメラの近くのクリップ距離
  float zFar = 500.0; // カメラの遠くのクリップ距離 (視界を広げるために設定)

  perspective(fovy, aspect, zNear, zFar); // 視点を設定

  // カメラの設定 (カメラの位置と注視点を設定)
  camera(width/2, height/2, 200, width/2, height/2, 0, 0, 1, 0);

  // 立方体を描く (画面の中心に移動し、回転させる)
  translate(width/2, height/2, 0); // 画面の中心に立方体を移動
  rotateX(frameCount * 0.01); // X軸周りに回転
  rotateY(frameCount * 0.01); // Y軸周りに回転
  box(100); // 一辺が100ピクセルの立方体を描く
}