Роль
Graphics Engineer / Open Source Contributor
Стек
WebGL, JavaScript, GLSL

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

Motion controls

Orbit, wave and camera tuning

Motion controls

Что сделано

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

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

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

Результат

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

Ключевые теги

WebGLGLSLGraphics engineeringCanvas pipelineMobile Safari