Как добавить Three.js в hero без зависимости от WebGL
Текст и навигация работают независимо от 3D. Сцена включается только после проверки устройства, соединения и системных настроек.
На главной Wize 3D не отвечает за содержание страницы. Текст, навигация и действия доступны без canvas, а до проверки браузера hero показывает статичный фон из CSS.
После загрузки код проверяет WebGL, производительность устройства, экономию трафика и системную настройку уменьшения движения. Для мощных устройств используется больше частиц, для среднего класса меньше. На слабом устройстве или при ограничениях остаётся градиент без canvas.
Во время работы сцена следит за частотой кадров и при устойчивой просадке снижает уровень качества. Когда hero оказывается вне экрана, цикл рендера приостанавливается. Поэтому 3D остаётся дополнительным слоем, который можно убрать без потери интерфейса и содержания.