Особенности проекта

  • WebGL Particles: 20 000 интерактивных частиц, плавно перетекающих между 3D-формами (Броуновский хаос, спираль ДНК, Галактика, Клетка, Митоз, Байкал и 3D Попугай).
  • Интерактивный скролл: Линейный скраб анимации привязан к скроллу с помощью Lenis и ScrollTrigger, что создает сверхгладкий пользовательский опыт.
  • Гибридная GR-модель Black Hole Mode: Шесть пресетов используют радиус Шварцшильда, горизонт/эргосферу Kerr, замедление времени, красное смещение и доплеровское излучение; MHD-шум и glow остаются художественным слоем.
  • Оптимизация на GPU: Метрика, кэплеровские орбиты и процедурные photon rings вычисляются в существующем point-шейдере: 20 000 частиц, без новых texture reads и draw calls.
Описание
Particles and black hole scrollytelling. WebGL/GLSL-сцена на Three.js/GSAP
Роль
Creative Developer / Frontend Developer
Стек
JavaScript, WebGL 2, GLSL, Three.js, GSAP (ScrollTrigger), Lenis, custom vertex/fragment shaders
Теги
WebGL GLSL Three.js GSAP Lenis Shaders