На север: интерактивное путешествие на драккаре

Создайте «Northbound» — красивое интерактивное 3D-путешествие по северному фьорду на борту детально проработанного викингского драккара. Создайте полноценную сцену, работающую в реальном времени, с использованием Three.js и WebGL и поставляемую в виде одного автономного HTML-файла. Это должен быть исследуемый браузерный опыт, а не предварительно отрендеренное видео или плоская иллюстрация. ВИЗУАЛЬНОЕ НАПРАВЛЕНИЕ Стремитесь к качественной кинематографичной среде с реалистичными материалами, естественными пропорциями и сдержанной цветовой палитрой. Избегайте мультяшного или низкополигонального вида. Деревянный драккар плывёт по глубоким зелёно-синим водам между отвесными скалами, густыми лесами, водопадами и небольшими северными поселениями. Используйте атмосферную перспективу, лёгкий туман, мягкие тени и убедительную глубину сцены. На протяжении всего путешествия создавайте красивые ракурсы, а не только один вид из исходного положения камеры. ДРАККАР Смоделируйте детальный герметичный корпус с перекрывающимися деревянными досками, видимой текстурой древесины, шпангоутами, скамьями и непрерывным внутренним пространством. Добавьте резную драконью носовую часть, полосатый тканевый парус, мачту, канаты, щиты, припасы и тёплые фонари. Добавьте соразмерных викингов-пассажиров и гребцов в многослойной одежде, с естественными сидячими позами и руками, расположенными рядом с вёслами. Все компоненты должны быть физически соединены. Не допускайте парящих пассажиров, пересечений аксессуаров и видимых просветов сквозь корпус. Добавьте лёгкую анимацию плавучести, продольной и поперечной качки. Парус должен мягко реагировать на ветер. ВОДА И ГРЕБЛЯ Сделайте воду центральным визуальным элементом. Используйте собственный шейдер с плоскими отражениями, преломлением, бликами Френеля, поглощением света в зависимости от глубины, видимыми мелководными участками и многослойной рябью на поверхности. Отражения должны корректно реагировать на движение камеры и изменение освещения. Создайте убедительный кильватерный след за кораблём. Анимируйте полный цикл гребка: лопасти входят в воду, отводятся назад, выходят из воды и возвращаются над поверхностью. Синхронизируйте это движение с движениями гребцов. Создавайте рябь, пену и мелкие брызги в точках фактического контакта лопастей с водой. Следы должны оставаться в мировом пространстве и постепенно затухать. Не допускайте появления эффектов, когда лопасти находятся в воздухе. ОКРУЖЕНИЕ И МАТЕРИАЛЫ Используйте детализированный рельеф, неровные скальные образования, естественные силуэты деревьев, ветвящиеся стволы и отдельные кластеры листьев или хвои. Используйте PBR-материалы с картами нормалей и шероховатости для дерева, камня и грунта. Допускается встраивать текстуры с соответствующей лицензией; при необходимости указывайте атрибуцию. Подводный рельеф должен продолжаться под поверхностью воды. Не допускайте ярких швов, разрывов береговой линии, парящей растительности и деревьев, перекрывающих судоходный маршрут. CONTROLS A/D или клавиши со стрелками: поворот влево и вправо. W/S: регулировка скорости. Перетаскивание мышью: осмотр по сторонам. Добавьте режимы сопровождения, орбитальной камеры и кинематографичной камеры. Предусмотрите опциональный режим автоматического путешествия. Добавьте кнопки паузы, сброса, полноэкранного режима и скрытия интерфейса. На мобильных устройствах поддержите сенсорное управление рулением и скоростью. Не позволяйте кораблю проходить сквозь сушу и скалы. АТМОСФЕРА И ИНТЕРФЕЙС Предусмотрите три режима освещения с плавным переходом: «Утро», «Пасмурно» и «Лунный свет». Добавьте опциональные звуки воды, ветра, птиц и гребли. Аудио должно запускаться только после взаимодействия с пользователем. Создайте минималистичный редакционный интерфейс: надпись «Northbound.» элегантным шрифтом с засечками, ненавязчивые обозначения глав и компактную полупрозрачную панель управления. Не закрывайте пейзаж. ПРОИЗВОДИТЕЛЬНОСТЬ И ПУБЛИКАЦИЯ Используйте инстансинг, разумный бюджет геометрии, детализацию в зависимости от расстояния и отражающие буферы подходящего размера. Адаптируйте качество рендеринга к устройству, не обещая фиксированную частоту кадров. Поставьте один HTML-файл со встроенными скриптами и необходимыми ресурсами, чтобы его можно было открыть напрямую в современном браузере. Проверьте руление, режимы камеры, переходы между режимами освещения и греблю. Осмотрите корабль с разных ракурсов и проверьте береговую линию с низких точек обзора. До завершения работы исправьте пересечения геометрии, артефакты отражений, чрезмерные блики и ошибки в консоли. Отдайте приоритет убедительной воде, прекрасно сконструированному драккару и цельному окружению, а не добавлению новых объектов.