Интерактивный 3D-пруд с карпами кои

Создайте красивый полноэкранный интерактивный пруд с карпами кои на Three.js и WebGL. Используйте вид сверху, прозрачную бирюзовую воду, солнечный свет, анимированные каустики на дне пруда и убедительную глубину. Разместите внизу элегантную полупрозрачную панель выбора с четырьмя разновидностями кои: Кохаку, Сёва, золотой Огон и платиновый. При нажатии на карточку соответствующая рыба выпускается в пруд. Перетаскивая рыбу с карточки, пользователь должен иметь возможность выбрать точное место, куда её выпустить. Сделайте каждое приводнение выразительным: всплеск с каплями, кратковременное углубление поверхности воды и расходящиеся круги. После этого рыба должна нырнуть под поверхность. Используйте рефракцию и визуальные признаки глубины, чтобы кои явно выглядели погружёнными в воду. Создайте детализированных 3D-карпов кои с глазами, чешуёй, плавниками и плавно развевающимися хвостами. Синхронно анимируйте их тела, хвосты и плавники. Каждая рыба должна самостоятельно менять направление и скорость, плавно разворачиваться у границ и избегать столкновений с другими рыбами. Позвольте пользователям касаться воды и проводить по ней пальцем или курсором, создавая круги. Добавьте дождь и управляемый водоворот, течение которого влияет на рыб. Включите режимы Calm и Clear pond, а также возможность скрыть интерфейс для записи экрана. Используйте Web Audio для создания звуков всплесков при появлении рыб, мягких музыкальных капель, спокойного плеска воды при движении рыб, дождя и водоворота. Включайте звук кнопкой Sound, плавно убавляйте громкость при отключении и приостанавливайте воспроизведение, когда вкладка браузера скрыта. Оставьте все подписи и кнопки на английском языке. Сделайте компоновку адаптивной для мобильных устройств. Оптимизируйте рендеринг и анимацию для плавной работы с несколькими десятками рыб. Предоставьте полностью готовый рабочий сайт с качественной визуальной частью и функциональными интерактивными элементами.