Learn Three.js - Third Edition

THREE.LineDashedMaterial

This material has the same properties as THREE.LineBasicMaterial and two additional ones you can use to define the dash width and the width of the gaps between the dashes, which are as follows:

Name	Description
scale	This scales dashSize and gapSize. If the scale is smaller than 1, dashSize, and gapSize increase, and if the scale is larger than 1, dashSize, and gapSize decrease.
dashSize	This is the size of the dash.
gapSize	This is the size of the gap.

 

This material works almost exactly like THREE.LineBasicMaterial. Here's how it works:

var material = new THREE.LineDashedMaterial({ vertexColors: true,    color: 0xffffff, dashSize: 10, gapSize: 1, scale: 0.1 });var line = new THREE.Line(lines, ...