def setup
createCanvas(100, 100, WEBGL)
cam = createCamera
cam.ortho(-width / 2, width / 2, height / 2, -height / 2, 0, 500)
end
def draw
background(200)
orbitControl
normalMaterial
rotateX(0.2)
rotateY(-0.2)
push do
translate(-15, 0, sin(frameCount / 30) * 65)
box(30)
end
push do
translate(15, 0, sin(frameCount / 30 + PI) * 65)
box(30)
end
end
カメラに平行投影による視野(視錐台)を設定します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| left | 視野(視錐台)の近い平面の左辺の位置 | ○ | -width/2 | |
| right | 視野(視錐台)の近い平面の右辺の位置 | ○ | width/2 | |
| bottom | 視野(視錐台)の近い平面の上辺の位置 | ○ | -height/2 | |
| top | 視野(視錐台)の近い平面の下辺の位置 | ○ | height/2 | |
| near | 視野(視錐台)の近い平面までの距離 | ○ | (未詳) | |
| far | 視野(視錐台)の遠い平面までの距離 | ○ | (未詳) |
なし
・視野(視錐台)のイメージについては下記のサイトなどを参考にしてください。
p5.js WebGL入門 5 カメラ
6. カメラ（processing 3D入門）