Я пытаюсь преобразовать фильтры CSS, которые я использую в приложении, в матрицу WebGL.
Например, у меня есть следующий фильтр со свойствами CSS:
contrast(1.2) brightness(1.0) saturate(1.25%)
И, насколько я понимаю, матрицы состоят из массива 5x4.
R 0 0 0 0
0 G 0 0 0
0 0 B 0 0
0 0 0 A 0
Теперь я понимаю основы матриц, и создание простого «зеленого» фильтра может быть получено из чего-то вроде:
0 0 0 0 0
0 1 0 0 0
0 0 0 0 0
0 0 0 1 0
, который будет производить изображение с зеленым фильтром,Но в моем случае я хочу создать набор переменных contrast, brightness и saturate матриц, а затем объединить их в одну матрицу, но я не уверен, как это будет достигнуто без воздействия назначения, ранее созданные в исходных 3 матрицах.
Я изучал эту статью Fishinging feColorMatrix, чтобы узнать больше о feColorMatrix, и нашел отличный инструмент дляпреобразование значений RGBA в feColorMatrix, который я изначально думал, что смогу использовать для получения нужных значений, но я не уверен, как получить значения RGBA из создаваемых мной CSS-фильтров, что делает его спорным.