【Processing】lights()関数の使い方【図形などに光を当てる】

【Processing】lights()関数の使い方【図形などに光を当てる】
  • URLをコピーしました!
ワタタク

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

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

目次

【Processing】lights()関数について

lights()関数について

【Processing】lights()関数の主な書き方

以下の一行をコードに追加するだけで、3Dシーンに光が追加される。

lights();

【Processing】lights()関数の使い方【画像とコード】

光が当たっている球体

8行目にlights()関数。

void setup() {
  size(500, 500, P3D); // 3D空間を設定します
  noStroke(); // エッジを描画しないようにします
}

void draw() {
  background(200); // 背景を白色にします
  lights(); // 光源を設定します
  translate(width/2, height/2); // 画面の中心に移動します
  sphere(100); // 半径100の球体を描きます
}

光が当たっていない球体

ただの丸になった。

void setup() {
  size(500, 500, P3D); // 3D空間を設定します
  noStroke(); // エッジを描画しないようにします
}

void draw() {
  background(200); // 背景を白色にします
  translate(width/2, height/2); // 画面の中心に移動します
  sphere(100); // 半径100の球体を描きます
}

【Processing】lights()関数はどんな表現で使えそうか

球体を表示させたいときに使う。地球とかかな。

【Processing】lights()関数を使ってみた感想

光って立体感を出すためにかなり重要な役割を果たしてくれているのだと気づく。

lights()関数を使わないとただの丸になったのは驚いた。

ワタタク

それでは今日もレッツワクワクコーディング。

ワタタク(Watataku)
上達の研究家
クリエイティブコーディング(2024.3~) × アナログ絵画(2025.11~)

独学1年9ヶ月で、虎ノ門ヒルズ ステーションタワー TOKYO NODE SKY GARDEN & INFINITY POOLへ作品提供・展示。

「不完全な人間(Analog)」が、「完全な論理(Algorithm)」を武器にどこまで行けるか。

手描きの一本の線とコードを融合させ、制作を支える「愛用の文房具」や「思考法」と共に、初心者から世界へ挑む『上達の実験記録』を公開中。

▼【創作×上達】思考を「作品」に変える、モレスキン6冊の運用設計図
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次