WebGL world to px utils

export const getWorldVisibleHeight = (camera) => {
  const vFOV = camera.fov * Math.PI / 180;
  return 2 * Math.tan(vFOV / 2) * (camera.position.z)
}

export const worldToPx = (value, camera) => {
  const worldHeight = getWorldVisibleHeight(camera)
  return value * worldHeight * window.innerHeight
}

export const pxToWorld = (value, camera) => {
  const worldHeight = getWorldVisibleHeight(camera);
  return value / window.innerHeight * worldHeight
}