参考 ortho()

ortho()

为相机设置正交投影。

在正交投影中,相同大小的形状始终呈现相同的大小,无论它们距离相机远近如何。

ortho() 通过将视锥体从截断的金字塔形状更改为矩形棱柱来改变相机的透视。相机放置在视锥体的前方,并查看视锥体内的所有内容。 ortho() 有六个可选参数来定义视锥体。

前四个参数 left, right, bottom, 和 top 设置视锥体的边、底部和顶部的坐标。例如,调用 创建一个宽度为 200 像素、高度为 400 像素的视锥体。默认情况下,这些尺寸根据绘图的宽度和高度设置,如 ortho(-width / 2, width / 2, -height / 2, height / 2)

最后两个参数 nearfar 设置视锥体近面和远面与相机的距离。例如,调用 ortho(-100, 100, 200, 200, 50, 1000) 创建一个宽度为 200 像素、高度为 400 像素的视锥体,距相机 50 像素开始,距相机 1,000 像素结束。默认情况下,nearfar 分别设置为 0 和 max(width, height) + 800

注意:ortho() 只能在 WebGL 模式下使用。

示例

语法

ortho([left], [right], [bottom], [top], [near], [far])

参数

left
数字:

视锥体左侧平面的 x 坐标。默认为 -width / 2

right
数字:

视锥体右侧平面的 x 坐标。默认为 width / 2

bottom
数字:

视锥体底部平面的 y 坐标。默认为 height / 2

top
数字:

视锥体顶部平面的 y 坐标。默认为 -height / 2

near
数字:

视锥体近面的 z 坐标。默认为 0。

far
数字:

视锥体远平面的 z 坐标。默认为 max(width, height) + 800

Notice any errors or typos? Please let us know. Please feel free to edit src/webgl/p5.Camera.js and open a pull request!

相关参考