[page:Line] →

# [name]

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

## Example

`var size = 10; var step = 1; var gridHelper = new THREE.GridHelper( size, step ); scene.add( gridHelper );` [example:webgl_helpers Example using various helpers]

## Constructor

### [name]( [page:number size], [page:Number step], [page:Color colorCenterLine], [page:Color colorGrid] )

size -- The size of the grid
step -- The size of the step between 2 lines
colorCenterLine -- The color of the centerline. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x444444
colorGrid -- The color of the lines of the grid. This can be a [page:Color], a hexadecimal value and an CSS-Color name. Default is 0x888888
Creates a new [name] of size 'size' and with steps of size 'step'. Colors are optional.

## Source

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]