Интерактивная эйлерова неоновая симуляция жидкости

Создайте полный HTML-документ в одном файле, содержащий высокопроизводительную интерактивную эйлерову симуляцию неоновой жидкости с ускорением на GPU. Строгие технические и визуальные требования: 1. Архитектура и производительность: — Один файл: весь HTML, CSS и JavaScript/GLSL-шейдеры должны быть встроены в документ. — Ноль внешних зависимостей: только чистый WebGL 1.0 или 2.0 (без Three.js, Pixi и сторонних библиотек). — Расчёт гидродинамики на GPU: симуляция должна полностью выполняться через чередующиеся объекты кадрового буфера (FBO) с пользовательскими фрагментными шейдерами для: a) Адвекции (скорости и красителя) b) Расчёта дивергенции c) Решателя уравнения Пуассона для давления (итерации Якоби, 20–30 итераций за кадр) d) Вычитания градиента / проекции скорости e) Удержания завихренности (добавляет турбулентные вихри и не даёт жидкости превратиться в тусклую размытую массу). 2. Визуальная выразительность (эффект «неонового дыма»): — Фон — абсолютно чёрное пространство (`#050508`). — Для инъекции красителя используйте аддитивное смешивание и расширенный динамический диапазон. — Динамическая палитра: каждое резкое движение курсора или перетаскивание пальцем должно добавлять яркий неоновый краситель, плавно меняющийся между насыщенными киберпанковыми оттенками (электрический циан `#00F0FF`, яркая маджента `#FF007F`, глубокий ультрафиолет и сияющее золото). — Улучшения шейдера отображения: добавьте прямо в финальный шейдер рендера постобработку с лёгким свечением/bloom, тональным отображением и хроматической аберрацией по краям закручивающейся жидкости. 3. Взаимодействие: — Мышь и сенсорный ввод: быстрое движение курсора или перетаскивание должно добавлять скорость, пропорциональную скорости движения мыши, а также плотный светящийся краситель. — Пассивное фоновое движение: в состоянии покоя генерируйте лёгкий процедурный curl noise или плавно дрейфующие вихри, чтобы холст никогда не оставался полностью статичным. — Управление: компактный ультраминималистичный стекломорфный HUD, скрытый в углу и автоматически исчезающий при бездействии: * Ползунок вязкости * Ползунок диссипации / сохранения красителя * Ползунок радиуса импульса * Кнопка «Очистить холст» * Кнопка переключения цветовых тем (Cyberpunk, Thermal Inferno, Bioluminescent Deep). 4. Финальная полировка: — Автоматически поддерживайте дисплеи с высокой плотностью пикселей и обрабатывайте события `resize` без растягивания или очистки текстур FBO. — Предусмотрите корректную проверку поддержки текстур с плавающей точкой (`OES_texture_float` / `OES_texture_half_float`). — Предоставьте чистый, полностью реализованный код без ошибок, заглушек и оборванных комментариев. Верните только полностью заполненный HTML-файл, готовый к непосредственному запуску в Chrome/Safari/Firefox.