def setup
createCanvas(100, 100, WEBGL)
end
def draw
background(204)
camera(0, 0, 20 + sin(frameCount * 0.01) * 10, 0, 0, 0, 0, 1, 0)
plane(10, 10)
end
def setup
@sliderGroup = []
@h = 15
createCanvas(100, 100, WEBGL)
# create sliders
(0..5).each do |i|
if i == 2
@sliderGroup[i] = createSlider(10, 400, 200)
else
@sliderGroup[i] = createSlider(-400, 400, 0)
end
h = map(i, 0, 6, 5, 85)
@sliderGroup[i].position(10, height + @h * i)
@sliderGroup[i].style('width', '80px')
end
end
def draw
background(60)
# assigning sliders' value to each parameters
x = @sliderGroup[0].value
y = @sliderGroup[1].value
z = @sliderGroup[2].value
centerX = @sliderGroup[3].value
centerY = @sliderGroup[4].value
centerZ = @sliderGroup[5].value
camera(x, y, z, centerX, centerY, centerZ, 0, 1, 0)
stroke(255)
fill(255, 102, 94)
box(85)
end
アクティブなカメラの位置などを設定します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| x | カメラの位置の x座標 | カメラが置かれている位置 | ○ | 0 |
| y | カメラの位置の y座標 | ○ | 0 | |
| z | カメラの位置の z座標 | ○ | (height/2) / tan(PI/6) | |
| centerX | カメラの視界の中心位置の x座標 | カメラがフォーカスしている位置 | ○ | 0 |
| centerY | カメラの視界の中心位置の y座標 | ○ | 0 | |
| centerZ | カメラの視界の中心位置の z座標 | ○ | 0 | |
| upX | カメラの上向き方向をあらわすベクトルの x軸成分 | カメラの上向き方向 | ○ | 0 |
| upY | カメラの上向き方向をあらわすベクトルの y軸成分 | ○ | 1 | |
| upZ | カメラの上向き方向をあらわすベクトルの z軸成分 | ○ | 0 |
なし