gl_FragDepth: una tarjeta que simula una esfera

uniform mat4 projectionMatrix;   // Three.js solo lo declara automáticamente en el shader de vértices
uniform float uRadius;
uniform float uWriteDepth;
in vec2 vUv;
in vec3 vViewPos;
out vec4 fragColor;

void main() {
  vec2 p = vUv * 2.0 - 1.0;
  float r2 = dot(p, p);
  if (r2 > 1.0) discard;                            // descartar todo lo que quede fuera del círculo
  vec3 N = vec3(p, sqrt(1.0 - r2));                 // simular que es la superficie de una esfera
  vec3 surface = vViewPos + vec3(0.0, 0.0, N.z * uRadius);
  vec4 clip = projectionMatrix * vec4(surface, 1.0);
  float sphereDepth = clip.z / clip.w * 0.5 + 0.5;  // z en NDC -> valor 0..1 del búfer de profundidad
  gl_FragDepth = mix(gl_FragCoord.z, sphereDepth, uWriteDepth);
  float light = max(dot(N, normalize(vec3(-0.5, 0.7, 0.8))), 0.0);
  fragColor = vec4(vec3(0.48, 0.83, 0.69) * (0.2 + 0.8 * light), 1.0);
}