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

[name]

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 );

Examples

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

Constructor

[name]( [param:Number size] )

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

Properties

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

Methods

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]()

Frees the GPU-related resources allocated by this instance. Call this method whenever this instance is no longer used in your app.

Source

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