spotLight

def setup
  createCanvas(100, 100, WEBGL)
end

def draw 
  background(0)
  locX = mouseX - width / 2
  locY = mouseY - height / 2
  ambientLight(50)
  spotLight(0, 250, 0, locX, locY, 100, 0, 0, -1, PI / 16)
  noStroke
  sphere(40)
end

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

[p5.js] spotLight

概要

スポットライトを配置します。

書式

spotLight(color, position, direction, [angle], [concentration])
spotLight(color, position, rx, ry, rz, [angle], [concentration])
spotLight(color, x, y, z, direction, [angle], [concentration])
spotLight(color, x, y, z, rx, ry, rz, [angle], [concentration])
spotLight(v1, v2, v3, position, direction, [angle], [concentration])
spotLight(v1, v2, v3, position, rx, ry, rz, [angle], [concentration])
spotLight(v1, v2, v3, x, y, z, direction, [angle], [concentration])
spotLight(v1, v2, v3, x, y, z, rx, ry, rz, [angle], [concentration])

引数

引数名内容備考オプションデフォルト値
colorライトの色p5.Colorオブジェクト
positionライトの位置p5.Vectorオブジェクト
directionライトの方向p5.Vectorオブジェクト
v1赤 または 色相0～255
colorModeの設定に依存
v2緑 または 彩度0～255
colorModeの設定に依存
v3青 または 輝度(明度)0～255
colorModeの設定に依存
xライトの位置の x座標
yライトの位置の y座標
zライトの位置の z座標
rxライトの方向の x軸成分-1～+1
ryライトの方向の y軸成分-1～+1
rzライトの方向の z軸成分-1～+1
angle角度円錐状の範囲の広がり○PI / 3
concentration濃度円錐状の範囲の濃度○100

戻値

なし

備考

・スポットライトは、空間の一点から円錐状の範囲に光を照らすライトです。

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

関連

ambientLight
directionalLight
pointLight
lights
noLights