Інтерактивний 3D-ставок із коропами коі

Створіть красивий повноекранний інтерактивний ставок із коропами коі на Three.js + WebGL. Використайте вигляд згори, прозору бірюзову воду, сонячне світло, анімовані каустики на дні ставка та переконливе відчуття глибини. Розмістіть унизу елегантну напівпрозору панель вибору з чотирма різновидами коі: Kohaku, Showa, Golden Ogon і Platinum. Клацання картки випускає цю рибу у ставок. Перетягування риби з картки дає змогу вибрати точне місце, куди її випустити. Зробіть кожне приводнення приємним для сприйняття: сплеск із краплями, коротке заглиблення поверхні води та концентричні кола, що розходяться. Після цього риба має пірнути під поверхню. Використайте рефракцію та візуальні ознаки глибини, щоб коі виразно виглядали зануреними у воду. Створіть деталізованих 3D-коропів коі з очима, лускою, плавцями та хвостами, що плавно рухаються. Синхронно анімуйте їхні тіла, хвости й плавці. Кожна риба має незалежно змінювати напрямок і швидкість, плавно розвертатися біля меж ставка та уникати інших риб. Дозвольте користувачам торкатися води й проводити по ній, створюючи кола. Додайте дощ і рухомий вир, течія якого впливає на риб. Додайте режими Calm і Clear pond, а також елемент керування для приховування інтерфейсу під час запису екрана. Використайте Web Audio для створення звуків сплесків під час приводнення, м’яких музичних крапель, тихого плюскоту під час плавання, дощу та виру. Увімкнення звуку має відбуватися кнопкою Sound; під час вимкнення звук має плавно затихати, а коли вкладка браузера прихована — призупинятися. Залиште всі підписи й кнопки англійською. Зробіть макет адаптивним для мобільних пристроїв. Оптимізуйте рендеринг та анімацію для плавної роботи з кількома десятками риб. Створіть повністю готовий до роботи сайт із відшліфованою візуальною частиною та функціональною взаємодією.