WedX - журнал о программировании и компьютерных науках

Обводка 2D-прямоугольника в GLSL

Я пытаюсь нарисовать прямоугольник с помощью современного Opengl, используя шейдер для заполнения и обводки. Я отправляю цвет заливки, цвет обводки и ширину обводки в единый блок во фрагментном шейдере (вместе с положением и размером прямоугольника). Каков рекомендуемый способ установки фрагментов обводки в цвет обводки и фрагментов заливки в цвет заливки?

На данный момент у меня в голове витают 2 идеи. Во-первых, оператор if, который проверяет, находится ли координата фрагмента в пределах границ прямоугольника или обводки прямоугольника, и устанавливает цвет фрагмента на основе этого. Эти методы будут создавать довольно большой сложный оператор if, и когда придет время повернуть прямоугольник, все может стать еще хуже. (Кроме того, я читал, что следует избегать ветвления в шейдере)

Вторая идея, которая у меня есть, состоит в том, чтобы использовать функцию расстояния со знаком для определения цвета, но я не знаком с их использованием, и у меня есть идея, что они не слишком хорошо обрабатывают острые углы.

Я далеко от цели здесь? Возможно, есть лучший способ сделать это?

13.11.2016

Ответы:


1

Фрагментный шейдер звучит как слишком поздний этап, если вы хотите растеризовать обводку. Фрагментный шейдер выполняется после выполнения процесса растеризации. Если бы я мог дать рекомендацию, я бы рассмотрел возможность использования геометрического шейдера для создания вашего штриха. геометрия на лету. Хотя, возможно, поэтапное добавление данных в VBO является лучшим решением здесь (поскольку большая часть штриха не меняется с течением времени). Если разрешение вашей области рисования не меняется, вы также можете изучить рендеринг штриха в текстуру и изменить его.

14.11.2016

2

Вам нужно 2 вызова отрисовки, один для заполнения прямоугольника и один для незаполненного прямоугольника. Также вы можете использовать эту библиотеку https://github.com/memononen/nanovg.

14.11.2016
  • Под заполнением и незаполнением вы имеете в виду один вызов отрисовки для геометрии штриха и один вызов отрисовки для оставшейся геометрии заливки? Кроме того, да, я использую nanovg в данный момент, но я пытаюсь создать свою собственную библиотеку, чтобы отойти от нее. 15.11.2016
  • да, один для обводки и один для заполнения. Создавать свою собственную библиотеку бессмысленно, вы получите много ошибок и непереносимое решение. Лицензия MIT очень гибкая, вы можете легко улучшить nanovg для специальных целей. Также nanovg может легко портировать DirectX, Vulkan и другие графические API. 15.11.2016
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]