WebGL-анимация liquid glass

Что сделано

Расширил API библиотеки — добавил liveSources и метод registerLiveSources(), которые позволяют передавать анимированные canvas-элементы как живой источник текстуры вместо статичного снимка фона.

Сцена не ограничена 3D-буквами: вместо них можно встроить любой 3D-объект, подготовленный для Three.js, включая GLB/GLTF, OBJ, FBX, STL, PLY, DAE/Collada и 3MF.

Стабилизировал recapture/snapshot-логику при изменении вьюпорта: корректная работа с visualViewport при скрытии тулбаров браузера и смене ориентации устройства.

Результат

• Эффект стекла корректно отражает анимацию фона в реальном времени.
• Стабильная работа на iPhone (mobile Safari) без артефактов при ресайзе.

Описание

Open-source форк LiquidGL: расширение API для рендеринга canvas-текстур в реальном времени, поддержка Three.js и оптимизация WebGL под mobile Safari.

Роль

Graphics Engineer / Open Source Contributor

Стек

WebGL, JavaScript, GLSL

Теги

WebGL GLSL Graphics engineering Canvas pipeline Mobile Safari