The last couple of materials we're going to look at can only be used on one specific mesh: THREE.Line. As the name implies, this is just a single line that only consists of vertices and doesn't contain any faces. Three.js provides two different materials you can use on a THREE.Line geometry, which are as follows:
- THREE.LineBasicMaterial: The basic material for a line allows you to set the colors, linewidth, linecap, and linejoin properties.
- THREE.LineDashedMaterial: This has the same properties as THREE.LineBasicMaterial but allows you to create a dashed line effect by specifying dash and spacing sizes
We'll start with the basic variant, and after that look at the dashed variant.