Skip to content
On this page

GridHelper

The GridHelper is an object to define grids. Grids are two-dimensional arrays of lines.

Example

Code

template
<GridHelper :size="10" :divisions="10" />

Props

Prop nameDescriptionTypeDefault
colorCenterLineThe color of the centerline.
This can be a Color, a hexadecimal value and an CSS-Color name.
union0x444444
colorGrid The color of the lines of the grid.
This can be a Color, a hexadecimal value and an CSS-Color name.
union0x888888
divisions The number of divisions across the grid.number10
position A Vector3Like representing the object's local position.Vector3Like[0, 0, 0]
rotation A Vector3Like representing local rotation (see Euler angles), in radians.Vector3Like[0, 0, 0]
size The size of the grid.number1
scale A Vector3Like representing the object's local scale.Vector3Like[1, 1, 1]

Slots

NameDescriptionBindings
default

Expose

three


Released under the MIT License.