[page:Object3D] → [page:Line] → [page:LineSegments] →


An axis object to visualize the 3 axes in a simple way.
The X axis is red. The Y axis is green. The Z axis is blue.

Code Example

const axesHelper = new THREE.AxesHelper( 5 ); scene.add( axesHelper );


[example:webgl_buffergeometry_compression WebGL / buffergeometry / compression]
[example:webgl_geometry_convex WebGL / geometry / convex]
[example:webgl_loader_nrrd WebGL / loader / nrrd]


[name]( [param:Number size] )

[page:Number size] -- (optional) size of the lines representing the axes. Default is *1*.


See the base [page:LineSegments] class for common properties.


See the base [page:LineSegments] class for common methods.

[method:this setColors]( [param:Color xAxisColor], [param:Color yAxisColor], [param:Color zAxisColor] )

Sets the axes colors to [page:Color xAxisColor], [page:Color yAxisColor], [page:Color zAxisColor].

[method:undefined dispose]()

Disposes of the internally-created [page:Line.material material] and [page:Line.geometry geometry] used by this helper.


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