На північ: інтерактивна подорож на кораблі вікінгів

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