Chapter 318: AxesHelper

Core Idea

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 Examples

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

• What it demonstrates: Typical usage of AxesHelper.

Reference Tables

Constructor

Signature
new AxesHelper( size : number )

Methods

Method	Description
.dispose()	Frees the GPU-related resources allocated by this instance. Call this method whenever this instance is no longer used in your app.
`.setColors( xAxisColor : number	Color

Key Takeaways

1. AxesHelper extends: EventDispatcher → Object3D → Line → LineSegments
2. Key methods: dispose, setColors.

Connects To

• EventDispatcher: parent class
• Object3D: parent class
• Line: parent class
• LineSegments: parent class
• Source: src/helpers/AxesHelper.js