Particle Material

createPointMaterial.js

export function createPointMaterial(size, opacity = 1) {
  const matCanvas = document.createElement('canvas')
  matCanvas.width = size
  matCanvas.height = size
  const matContext = matCanvas.getContext('2d')
  const texture = new CanvasTexture(matCanvas)
  const center = size / 2
  matContext.beginPath()
  matContext.arc(center, center, size / 2, 0, 2 * Math.PI, false)
  matContext.closePath()
  matContext.fillStyle = `rgba(255, 255, 255, ${opacity})`
  matContext.fill()
  texture.needsUpdate = true
  return texture
}