参考 debugMode()

debugMode()

添加网格和轴标志以帮助明确 3D 绘图中的方向。

debugMode() 函数添加一个网格, 显示绘图中“地面”的位置。默认情况下,网格将通过绘图的原点 (0, 0, 0) 沿着 XZ 平面运行。 debugMode() 还添加了一个沿着正 x、y 和 z 轴指向的坐标轴图标。调用 debugMode() 会显示网格和坐标轴图标, 以及它们的默认大小和位置。

>有四种调用 debugMode() 的方式,可选参数用于自定义调试环境。

第一种调用 debugMode() 的方式有一个参数,mode。 如果传递了系统常量 GRID, 例如debugMode(GRID), 那么将显示网格并隐藏坐标轴图标。 如果传递了常量AXES,例如 debugMode(AXES), 则会显示坐标轴图标并隐藏网格。

第二种调用 debugMode() 的方式有六个参数。第一个参数 mode, 选择要显示的 GRID 或 AXES。 接下来的五个参数, gridSize, gridDivisions, xOff, yOff, 和 zOff 是可选的。 它们是用于设置网格外观 (gridSizegridDivisions) 以及放置坐标轴图标 (xOff, yOff, 和 zOff) 的数字。 例如,调用debugMode(20, 5, 10, 10, 10)gridSize 设置为 20 个像素, 并将 gridDivisions 设置为 5, 并且沿着 x、y 和 z 轴偏移坐标轴图标 1 0像素。

第三种调用 debugMode() 的方式有五个参数。 第一个参数 mode 选择要显示的 GRIDAXES。接下来的四个参数, axesSize, xOff, yOff, 和 zOff 是可选的。它们是用于设置坐标轴图标大小 ( axesSize) 以及其放置位置 ( xOffyOffzOff)的数字。

第四种调用 debugMode() 的方式有九个可选参数。前五个参数 gridSizegridDivisionsgridXOffgridYOffgridZOff 是用于设置网格外观的数字。例如,调用 debugMode(100, 5, 0, 0, 0)gridSize 设置为 100,将 gridDivisions 设置为 5,并将所有偏移量设置为 0,以便网格居中于原点。接下来的四个参数 axesSizexOffyOffzOff 是用于设置坐标轴图标大小的数字( axesSize)以及其放置位置( axesXOffaxesYOffaxesZOff)。例如,调用 debugMode(100, 5, 0, 0, 0, 50, 10, 10, 10)gridSize 设置为 100,将 gridDivisions 设置为 5,并将所有偏移量设置为 0,以便网格居中于原点。然后将 axesSize 设置为 50,并将图标沿每个轴偏移 10 像素。

示例

语法

debugMode()
debugMode(mode)
debugMode(mode, [gridSize], [gridDivisions], [xOff], [yOff], [zOff])
debugMode(mode, [axesSize], [xOff], [yOff], [zOff])
debugMode([gridSize], [gridDivisions], [gridXOff], [gridYOff], [gridZOff], [axesSize], [axesXOff], [axesYOff], [axesZOff])

参数

mode
常数:

GRID 或 AXES

gridSize
数字:

网格的边长。

gridDivisions
数字:

网格的分割数。

xOff
数字:

沿 x 轴的偏移量。

yOff
数字:

沿 y 轴的偏移量。

zOff
数字:

沿 z 轴的偏移量。

axesSize
数字:

坐标轴图标标记的长度。

gridXOff
数字:

沿x轴偏移的网格。

gridYOff
数字:

沿y轴偏移的网格。

gridZOff
数字:

沿z轴偏移的网格。

axesXOff
数字:

沿x轴偏移的坐标轴图标。

axesYOff
数字:

沿y轴偏移的坐标轴图标。

axesZOff
数字:

沿z轴偏移的坐标轴图标。

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

相关参考