Particles Geometry

particlesGeometry.js

const particlesGeometry = new THREE.BufferGeometry()
const particlesVertices = []
const particlesRandoms = []

const flyingParticles = 150
let isPlaying = false
let animFrame = null

const offscreenLimit = 100
const particleAcceleration = 0.002
const minParticlePosition = -100
const maxParticlePosition = 100

for (let i = 0; i < flyingParticles; i++) {
  particlesVertices.push(0, 0, getRandomFloat(-20, -10))

  particlesRandoms.push(
    getRandomFloat(minParticlePosition, maxParticlePosition),
    getRandomFloat(minParticlePosition, maxParticlePosition),
    getRandomFloat(minParticlePosition, maxParticlePosition)
  )
}

particlesGeometry.addAttribute('position', new THREE.Float32BufferAttribute(particlesVertices, 3))