A simple crosshair buffer geometry for three.js

CrosshairGeometry.js

import { BufferGeometry, Vector3 } from 'three'

export class CrosshairGeometry extends BufferGeometry {
  constructor(thickness = 0.5) {
    super()
    const t = thickness
    const points = [
      [-5, t, 0],
      [5, -t, 0],
      [5, t, 0],
      [-5, -t, 0],
      [5, -t, 0],
      [-5, t, 0],
      [-t, t, 0],
      [t, 5, 0],
      [-t, 5, 0],
      [t, t, 0],
      [t, 5, 0],
      [-t, t, 0],
      [-t, -t, 0],
      [t, -5, 0],
      [t, -t, 0],
      [-t, -t, 0],
      [-t, -5, 0],
      [t, -5, 0],
    ]
    this.setFromPoints(points.map(point => new Vector3().fromArray(point)))
  }
}