Назад
Скриншот:

Проект: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