perfect antialiasing

Антиалиазии через консервативную распись и аналитическую площадь

Новая техника для рендеринга 3D-треугольников с «идеальными» анти-алиатами. Шрифты и векторы разбиваются на треугольники и расточили консервативно, тогда фрагментный шейдер определяет покрытие области треугольника, чтобы вычислить альфа для каждого фрагмента.

Процесс

Группиатный рендеринг векторной графики с точностью подпикселя:

1. Триангулятные кривые в треугольники
2. Обратите внимание на каждый треугольник, используя консервативную растику
3. Для каждого фрагмента:
   1. Выполните перекресток треугольника/коробки, создавая многоугольник
   2. Суммировать участки треугольников в многоугольниках
   3. Разделите сумму на зону фрагмента, чтобы дать процентное покрытие
   4. Продолжайте для всех треугольников, аддитивно смешивая

Предварительный просмотр

Демо

Посетите https://andrewlowndes.github.io/perfect-antialiasing/dist/, чтобы увидеть набор демонстраций, показывающих различные методы, используемые в этом репо.

Бегать

1. Убедитесь, что Nodejs установлены
2. Запустите npm i для установки зависимостей
3. Запустите npm start открывать демонстрации в веб -приложении

Дорожная карта

• Демо процессора (холст)
  • Кубический/квадратичный бекер
  • Триангулятный путь к многоугольникам
  • Консервативная растификация
  • Тест SVG
  • Клеточная логика
  • Пользовательский шрифт рендеринг
• Webgl
  • Консервативная растификация (смещение на основе вершины-шопе)
  • Пользовательский шрифт рендеринг
  • 3D Треугольник
  • 3D сцена
  • Экран-пространство Тесселяция
  • Приспосабливание
  • Тест производительности
• Вулкан
  • Тесселяция экрана через геометрию Шейдер
  • Консервативная растизация с использованием расширений графических процессоров
  • Приспосабливание
  • Тест производительности
• Дальнейшие эксперименты
  • Точная аналитика покрытия кривой
    • Квадратичный Безье
    • Кубический петля (вероятно, слишком сложный)

Использование

• Анти-алиасы в играх (необходимость оценить накладные расходы консервативной растификации и альфа-вычисления в фрагментной шейдере)
• Рендеринг шрифта (по -прежнему полагается на триангуляцию - используйте пространство экрана в шейдере Tesselation для независимого рендеринга разрешения)

Разработка

Установить код против кода и следующие расширения:

• EditorConfig для VS -кода
• Эслинт
• Красивее

Ссылки

Консервативная растификация на основе вершины на основе алгоритма 2 от GPU GEMS 2 Глава 43 (https://developer.nvidia.com/gpugems/gpugems2/part-v-image-ontiented-computing/chapter-42-conservatization)