Chapter 625: Wireframe

Core Idea

A class for creating wireframes based on wide lines.

This module can only be used with WebGLRenderer. When using WebGPURenderer, import the class from lines/webgpu/Wireframe.js.

Key Concepts

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

Code Examples

const geometry = new THREE.IcosahedronGeometry();
const wireframeGeometry = new WireframeGeometry2( geo );
const wireframe = new Wireframe( wireframeGeometry, material );
scene.add( wireframe );

• What it demonstrates: Typical usage of Wireframe.

Reference Tables

Constructor

Signature
new Wireframe( geometry : LineSegmentsGeometry, material : LineMaterial )

Properties

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

Methods

Method	Description
.computeLineDistances() : Wireframe	Computes an array of distance values which are necessary for rendering dashed lines. For each vertex in the geometry, the method calculates the cumulative length from the current point to the very be…

Key Takeaways

1. Wireframe extends: EventDispatcher → Object3D → Mesh
2. Most relevant properties: isWireframe.
3. Key methods: computeLineDistances.

Connects To

• EventDispatcher: parent class
• Object3D: parent class
• Mesh: parent class
• Source: examples/jsm/lines/Wireframe.js