import * as OpenVDB from 'openvdb/three'
export const lights = {
  useAmbientLights: 0b100000, // 1
  usePointLights: 0b010000, // 2
  useDirectionalLights: 0b001000, // 4
  useSpotLights: 0b000100, // 8
  useHemisphereLights: 0b000010, // 16
  useEnvironment: 0b000001 // 32
}
function FogVolume() {
  const fogVolume = new OpenVDB.FogVolume(
    new OpenVDB.CloudVolume({
      height: 0.2,
      density: 0.3
    }),
    {
      resolution: 100,
      progressive: true,
      steps: 100,
      absorbance: 1,
      baseColor: 0x000000,
      lights: lights.useEnvironment | lights.useDirectionalLights,
      densityCutoff: 0
    }
  )
  fogVolume.scale.setScalar(1.0)

  return (
    <group dispose={null}>
      <primitive object={fogVolume} />
    </group>
  )
}

export default FogVolume