Назад

Скриншот:

Скриншот приложения Alpine Refraction

Проект:Alpine Refraction

Описание:

Одностраничное React-приложение: длинная scroll-страница с горными фото. WebGL подключён через React Three Fiber — один canvas на весь документ, секции синхронизированы с разметкой через r3f-scroll-rig. Линза за курсором преломляет то, что под ней: изображения и текст, отрисованные в сцене. Отдельно — параллакс у пар фото и объёмный snow-кадр с дрожанием от скорости скролла.

Стек технологий:

  • React 19
  • TypeScript
  • Vite
  • React Three Fiber
  • Drei
  • r3f-scroll-rig
  • React Spring