Шейдеры в браузере: реальный кейс в продакшене - Глизерин Ростислав, iSpring

Какая ассоциация возникает у вас со словом «шейдеры»? 3D-игры, сложная математика, движки вроде Unity? До недавнего времени я думал так же. Но всё изменилось, когда нам понадобилось добавить в обычный редактор изображений несколько эффектов вроде блюра и пикселизации — и Canvas 2D перестал справляться. В этом докладе я расскажу, как мы внедрили WebGL и шейдеры, чтобы: совместить Canvas 2D и GPU-ускорение — оставив примитивы в привычном 2D-контексте, а эффекты переложив на плечи шейдеров. реализовать многопроходный рендеринг, обеспечив влияние эффектов друг на друга пережить череду проб и ошибок — от синхронизации контекстов до оптимизации работы с большими изображениями.