directionalLight

def setup
  createCanvas(100, 100, WEBGL)
end

def draw
  background(0)
  dirX = (mouseX / width - 0.5) * 2
  dirY = (mouseY / height - 0.5) * 2
  directionalLight(250, 250, 250, -dirX, -dirY, -1)
  noStroke
  sphere(40)
end

p5.jsリファレンス(参考情報)

[p5.js] directionalLight

概要

ディレクショナルライトを配置します。

書式

directionalLight(color, direction)
directionalLight(color, x, y, z)
directionalLight(v1, v2, v3, direction)
directionalLight(v1, v2, v3, x, y, z)

引数

引数名内容備考オプションデフォルト値
colorライトの色p5.Colorオブジェクト
色配列
色名称
directionライトの方向p5.Vectorオブジェクト
v1赤 または 色相0~255
colorModeの設定に依存
v2緑 または 彩度0~255
colorModeの設定に依存
v3青 または 輝度(明度)0~255
colorModeの設定に依存
xライトの方向の x軸成分-1~+1
yライトの方向の y軸成分-1~+1
zライトの方向の z軸成分-1~+1

戻値

なし

備考

・ディレクショナルライトは、太陽光のように限りなく遠くに存在する光源から発せられるライトです。
 空間内のすべてのオブジェクトが、あたかも光が常に同じ方向から差しているかのように照らされます。

・ライトの効果を得るためには、
 drawメソッド(およびその下位メソッド)から継続的に呼び出してください。

関連

ambientLight
spotLight
pointLight
lights
noLights