perfect antialiasing

Antialiasing a través de la rasterización conservadora y el cálculo del área analítica

Una nueva técnica para representar triángulos 3D con antialiasing 'perfecto'. Las fuentes y los vectores se dividen en triángulos y están rasterizados de manera conservadora, luego un sombreador de fragmentos determina la cobertura del área del triángulo para calcular el alfa para cada fragmento.

Proceso

Renderización de GPU de gráficos vectoriales con precisión de subpíxeles:

1. Curvas trianguladas en triángulos
2. Renderizar cada triángulo utilizando rasterización conservadora
3. Para cada fragmento:
   1. Realizar una intersección de triángulo/caja, creando un polígono
   2. Sume las áreas de los triángulos en el polígono
   3. Divida la suma del área de fragmentos para dar una cobertura porcentual
   4. Continuar para todos los triángulos, mezclando aditivamente

Avance

Población

Visite https://andrewlowndes.github.io/perfect-antialiasing/dist/ para ver un conjunto de demostraciones que muestran las diversas técnicas utilizadas en este repositorio.

Correr

1. Asegúrese de que NodeJS esté instalado
2. Ejecutar npm i para instalar dependencias
3. Ejecutar npm start a abrir las demostraciones en una aplicación web

Hoja de ruta

• Demostración de CPU (lienzo)
  • Teselación de bezier cúbica/cuadrática
  • Camino triangulado a los polígonos
  • Rasterización conservadora
  • Prueba de SVG
  • Lógica celular
  • Representación de fuentes personalizadas
• Webgl
  • Rasterización conservadora (desplazamiento basado en vértice)
  • Representación de fuentes personalizadas
  • Triángulo 3d
  • Escena 3d
  • Teselación en el espacio de pantalla
  • Instantáneo
  • Prueba de rendimiento
• Vulkan
  • Teselación de espacio-espacio a través de Geometry Shader
  • Rasterización conservadora utilizando extensiones de GPU
  • Instantáneo
  • Prueba de rendimiento
• Más experimentos
  • Análisis de cobertura de curva exacta
    • Bezier cuadrático
    • Bezier cúbico (Prob demasiado complicado)

Usos

• Anti-aliasing en los juegos (necesidad de evaluar la sobrecarga de la rasterización conservadora y el cálculo alfa en el sombreador de fragmentos)
• Renderización de fuentes (todavía se basa en la triangulación: use el espacio de pantalla en el sombreador Tesselation para la resolución de representación independiente)

Desarrollo

Instalar el código VS y las siguientes extensiones:

• EditorConfig para el código VS
• Eslint
• Más bonito

Referencias

Rasterización conservadora con sede en Vértice basada en el Algoritmo 2 de GPU GEMS 2 Capítulo 43 (https://developer.nvidia.com/gpugems/gpugems2/part-v-viMage- Oriented-Computing/Chapter-42-Conservative-Rasterization)