Моделі кольорових та тональних технологій фільтрації графічних зображень з використанням WebGL and the FabricJS

Abstract

Описано модель кольорових і тональних технологій фільтрації графічних зображень у веб-середовищі, засновану на апаратному прискоренні WebGL та архітектурі системи фільтрів бібліотеки FabricJS. Модель орієнтована на формалізований опис покомпонентних перетворень каналів (R, G, B, A) без урахування просторової околиці пікселя та призначена для узгодженого виконання операцій кольорокорекції, тональної корекції й стилізації зображень високої роздільної здатності в браузерних додатках із відтворюваними результатами та стабільною поведінкою алгоритмів під час інтерактивного редагування. Мета: дослідити та формалізувати модульну модель кольорових і тональних технологій фільтрації графічних зображень у браузерному середовищі на основі WebGL та архітектури системи фільтрів бібліотеки FabricJS. Методика: фільтри подано як параметризовані оператори покомпонентних перетворень каналів (R, G, B, A) без урахування просторової околиці пікселя; архітектуру реалізовано через базові компоненти BaseFilter і BlendFilter з уніфікацією WebGL-виконання (шейдери, текстури, framebuffer, swap-логіка), підтримкою композиції операторів та кешування проміжних результатів; практичну реалізацію виконано засобами TypeScript і фреймворку Angular з інтеграцією у FabricJS. Результати: описано класи перетворень (матриці 4×5, LUT і тональні криві, автоматичні корекції яскравості/контрасту, чорно-біле перетворення, експозиційна корекція, тонування) та наведено їх математичні моделі й параметризацію; запропоновано модель керування GPU-ресурсами і кешування текстур/кадробуферів; підсистему фільтрації інтегровано в ієрархічну деревовидну модель колажів; експериментальні спостереження підтверджують високу швидкодію та стабільну відтворюваність результатів під час інтерактивного редагування зображень високої роздільної здатності. Наукова новизна: удосконалено технологію браузерної GPU-фільтрації шляхом формалізації модульної архітектури WebGL+FabricJS, що забезпечує коректну послідовну композицію перетворень (BaseFilter/BlendFilter), уніфіковане виконання на GPU та повторне використання проміжних станів через кешування. Практична значимість: запропонована модель є інженерним каркасом для розроблення та розширення веборієнтованих редакторів зображень і колажів із GPU-прискореними ефектами, прогнозованою якістю та масштабуванням функціоналу без модифікації ядра.