Chapter 36: LineGeometry

Core Idea

A chain of vertices, forming a polyline.

This is used in Line2 to describe the shape.

Key Concepts

• isLineGeometry : boolean (readonly): This flag can be used for type testing.

Code Examples

const points = [
	new THREE.Vector3( - 10, 0, 0 ),
	new THREE.Vector3( 0, 5, 0 ),
	new THREE.Vector3( 10, 0, 0 ),
];
const geometry = new LineGeometry();
geometry.setFromPoints( points );

• What it demonstrates: Typical usage of LineGeometry.

Reference Tables

Constructor

Signature
new LineGeometry()

Properties

Property	Description
.isLineGeometry : boolean (readonly)	This flag can be used for type testing.

Methods

Method	Description
.fromLine( line : Line ) : LineGeometry	Setups this line segments geometry from the given line.
`.setColors( array : Float32Array	Array.<number> ) : LineGeometry`
`.setFromPoints( points : Array.<(Vector3	Vector2)> ) : LineGeometry`
`.setPositions( array : Float32Array	Array.<number> ) : LineGeometry`

Key Takeaways

1. LineGeometry extends: InstancedBufferGeometry → LineSegmentsGeometry
2. Most relevant properties: isLineGeometry.
3. Key methods: fromLine, setColors, setFromPoints, setPositions.

Connects To

• InstancedBufferGeometry: parent class
• LineSegmentsGeometry: parent class
• Source: examples/jsm/lines/LineGeometry.js