Як налаштувати веб-сервери для стрімінгу асетів у VR-іграх

Наша компанія з розробки відеоігор веде незалежні проекти, спільно з клієнтом створює ігри та надає додаткові операційні послуги. Досвід нашої команди дозволяє нам охопити всі ігрові платформи та розробити приголомшливий продукт, що відповідає баченню клієнта та перевагам гравців.

Від імерсивних застосунків до ігрових світів і 3D-сцен

Наша виділена команда для VR/AR/MR-розробки, Unity-продакшну і 3D-моделювання та анімації — з власними кейсами і презентаціями.

Відвідати персоналізований сайт
Показано 1 з 1Усі 242 послуг
Як налаштувати веб-сервери для стрімінгу асетів у VR-іграх
Середній
~3-5 днів
Часті запитання

Наші компетенції

Які етапи розробки гри?

Останні роботи

  • image_games_mortal_motors_495_0.webp
    Розробка гри для компанії Mortal Motors
    1421
  • image_games_a_turnbased_strategy_game_set_in_a_fantasy_setting_with_fire_and_sword_603_0.webp
    Покрокова стратегія у фентезі сеттингу With Fire And Sword
    954
  • image_games_second_team_604_0.webp
    Розробка ігри для компанії Second term
    575
  • image_games_phoenix_ii_606_0.webp
    3D-анімація – тизер для гри phoenix 2.
    637

Веб-сервери для стрімінгу асетів у VR-іграх

Чому стрімінг асетів упирається в сервер, а не в білд

Розмір APK VR-гри з повним контентом легко перевалює за 2 ГБ — це ліміт для Quest Store і близько до ліміту для Google Play. Стрімінг асетів вирішує цю проблему: у білд йдуть тільки критичні для старту ресурси, решта завантажується за вимогою. Але «завантажувати на льоту» і «завантажувати швидко та надійно» — різні завдання, і друга цілком залежить від правильно налаштованого сервера. Наш досвід показує: навіть при відмінному коді клієнта неправильні заголовки HTTP вбивають продуктивність завантаження. Правильне налаштування кешування зменшує трафік у 3-5 разів порівняно з відсутністю кешування.

Що потрібно від сервера, щоб AssetBundle стрімінг працював нормально

AssetBundle — це не просто файл на HTTP. У нього є кілька властивостей, які впливають на вимоги до сервера.

  1. Range requests обов'язкові. UnityWebRequest.GetAssetBundle() з кешуванням використовує HTTP Range header для перевірки: чи завантажено вже цей фрагмент, чи потрібно докачати. Якщо сервер відповідає на Range: bytes=0-1023 повним файлом замість 206 Partial Content — кеш Unity не працює, кожен запуск перекачує весь bundle. Nginx за замовчуванням підтримує Range, але деякі CDN-конфігурації це відключають.
  2. ETag / Last-Modified для cache validation. Unity AssetBundle Cache перевіряє версію через CacheControlParams або hash. Якщо сервер не віддає ETag або Last-Modified, Unity не може визначити, чи змінився bundle — або завантажує заново кожного разу, або працює з застарілою версією. Налаштування ETag в Nginx: etag on; — один рядок, але часто забувають.
  3. GZIP/Brotli тільки для текстових ресурсів. AssetBundle у форматі LZ4 (оптимальний для реалтайм-завантаження) не потрібно додатково стискати на рівні HTTP — тільки зайві CPU-цикли на розпакування. В Nginx: gzip_types має явно не включати application/octet-stream для бандлів.
  4. CORS для WebGL. Якщо VR-контент працює через WebXR у браузері — сервер повинен віддавати правильні CORS-заголовки: Access-Control-Allow-Origin, Access-Control-Expose-Headers: Content-Length (потрібен для progress bar при завантаженні).

При обсязі трафіку 10 ТБ/міс це дозволяє заощадити до $5000 на місяць.

Чому правильна конфігурація сервера може економити до 70% трафіку?

При грамотному налаштуванні кешування та версіонування клієнт завантажує тільки змінені бандли — обсяг трафіку скорочується на 40–70% залежно від частоти оновлень. типовий розмір AssetBundle для VR-сцени — 50–200 МБ, середня затримка при використанні CDN — 50 мс проти 200 мс без CDN. Ми використовуємо схему з AssetBundle Manifest: він завантажується без кешу, а всі бандли — з max-age=31536000. Якщо контент оновлено, змінюється hash у шляху, і CDN віддає нову версію. Це виключає повторне завантаження незмінених даних.

Як виглядає архітектура сервера для асет-стрімінгу?

Типова схема: Origin сервер (зберігання masters, керування версіями) + CDN (дистрибуція, edge-кеш).

Для Origin використовуємо Nginx або Caddy. Caddy привабливіший для невеликих команд: автоматичний HTTPS через Let's Encrypt, конфігурація в одному Caddyfile, правильні заголовки за замовчуванням.

Структура URL асетів включає версію: /assets/v{hash}/{bundleName}. При оновленні контенту змінюється hash у шляху — CDN не віддає кеш, клієнт отримує новий bundle. Це надійніше за cache-busting через query string (?v=123), які деякі CDN ігнорують.

Для CDN під VR-аудиторію (глобальна дистрибуція) добре працюють Cloudflare R2 + Cloudflare CDN (безкоштовний egress) або AWS S3 + CloudFront. Ключове налаштування CloudFront: Cache-Control: max-age=31536000, immutable для версіонованих бандлів, Cache-Control: no-cache для manifest-файлу.

Asset Bundle Manifest — це окремий легкий файл (~10 КБ), який містить список усіх бандлів з хешами та залежностями. Клієнт завантажує його при старті, порівнює з локальним кешем, завантажує тільки змінені бандли. Оновлення контенту без перевстановлення додатку — через зміну записів у manifest і нові бандли на CDN.

Як ми гарантуємо стабільний стрімінг асетів

Наш сертифікований досвід включає налаштування систем для проектів з аудиторією понад 1 млн встановлень. Ми маємо 8 років досвіду в геймдеві та реалізували понад 100 проектів з асет-стрімінгом. Ми гарантуємо, що конфігурація пройде навантажувальне тестування: 1000 одночасних клієнтів з деградацією не більше 5% при 50% втраті пакетів. Для цього використовуються офіційні рекомендації Unity по AssetBundle.

Як налаштувати клієнтську сторону стрімінгу асетів?

У Unity — UnityWebRequestAssetBundle.GetAssetBundle(url, cachedVersion, crc). cachedVersion беремо з manifest. crc — додаткова перевірка цілісності (не обов'язкова, якщо TLS налаштовано коректно).

Завантаження будуємо через чергу з пріоритетами: асети поточної сцени — високий пріоритет, асети наступної сцени — середній, decorative content — низький. Максимальна кількість паралельних запитів — 4–6 (обмеження HTTP/1.1, при HTTP/2 можна більше, але Unity WebRequest поки не завжди коректно мультиплексує).

Для Quest (Android) важливий ліміт Application.temporaryCachePath — не більше 1 ГБ рекомендується для кешу бандлів, інакше ОС починає агресивно чистити. Реалізуємо CacheEvictionPolicy з LRU: при досягненні ліміту видаляємо давно не використані бандли через Caching.ClearCachedVersion().

Деталі реалізації CacheEvictionPolicy Для керування кешем використовується LRU (Least Recently Used) алгоритм. Кеш зберігає останні 500 бандлів, при перевищенні ліміту видаляються найдавніше використані за допомогою `Caching.ClearCachedVersion()`.

Що входить у роботу

  • Аудит поточної схеми завантаження асетів та архітектури білда.
  • Налаштування Origin-сервера (Nginx/Caddy) з коректними заголовками та політикою кешування.
  • Конфігурація CDN (Cloudflare, AWS CloudFront) з правилами для версіонованих бандлів.
  • Інтеграція AssetBundle Manifest та скриптів автоматичної збірки (Addressables, CI pipeline).
  • Розробка клієнтського завантажувача з чергою, пріоритетами та cache eviction.
  • Навантажувальне тестування симуляцією пікових навантажень.
  • Документація з розгортання та експлуатації.
  • Навчання команди: базові операції, моніторинг, алертинг.
  • Підтримка на етапі запуску (2 тижні).

Орієнтовні строки

Масштаб Строки
Простий CDN + AssetBundle завантажувач 1–2 тижні
Повна система з версіонуванням та manifest 3–5 тижнів
Глобальна CDN + аналітика завантажень + A/B контент 2–3 місяці

Орієнтовна вартість: від $3000 за простий CDN до $15000 за повну систему.

Замовте консультацію — ми допоможемо визначити оптимальну архітектуру для вашого проекту. Зв'яжіться з нами, щоб обговорити деталі.

VR та AR розробка

Коли ми вперше запускаємо проєкт у VR-гарнітурі, більшість команд стикається з одним і тим же: технічно все працює, але в гарнітурі або заколисує, або руки «плавають» із затримкою, або сцена виглядає сіпаною на периферії погляду. Це не баги у звичному розумінні — це наслідок того, що VR/AR розробка вимагає іншого підходу до архітектури рендеру, взаємодії та UX з самого початку проєкту. Наш досвід — понад 7 років у геймдеві, 15+ завершених VR/AR-проєктів для Meta Quest, SteamVR, PSVR2, HoloLens.

Платформи та SDK

Працюємо з усім актуальним стеком. OpenXR використовуємо як базовий шар скрізь, де це можливо — він дає кроссплатформеність між Meta, Valve Index, HP Reverb та іншими PC VR-пристроями. Поверх OpenXR будуємо на XR Interaction Toolkit (Unity) або VR Expansion Plugin (Unreal).

Платформа SDK / Framework
Meta Quest 2/3/Pro Meta XR SDK, OpenXR
PC VR (SteamVR) SteamVR Plugin, OpenXR
PlayStation VR2 Sony PSVR2 SDK
HoloLens 2 Mixed Reality Toolkit (MRTK)
ARKit (iOS) AR Foundation + ARKit XR Plugin
ARCore (Android) AR Foundation + ARCore XR Plugin
WebXR Unity WebXR Export

Як мінімізувати заколисування при локомоції у VR?

Locomotion — головне джерело motion sickness для недосвідчених VR-користувачів. Згідно з дослідженнями, близько 70% користувачів відчувають дискомфорт при неправильному налаштуванні руху (Oculus Developer Guidelines). Teleportation — стандартний спосіб навігації, коли плавне переміщення небажане.

Компоненти з XR Interaction Toolkit: TeleportationArea, TeleportationAnchor, TeleportationProvider. Базова реалізація працює «з коробки», але для продакшну доопрацьовуємо її в чотири кроки:

  1. Налаштування XRRayInteractor з вигнутим променем (Bend Ray) — дуга телепортації виглядає натуральніше прямого променя, краще зчитується користувачами.
  2. Додавання валідної зони приземлення — візуальний індикатор змінює колір при наведенні на перешкоду (червоний/зелений).
  3. Впровадження fade transition — плавне згасання екрану (black fade) перед телепортом знижує дезорієнтацію.
  4. Rotation snapping — після телепорту пропонуємо snap-поворот на 45° або 90° замість плавного, що знижує ризик заколисування.

Для проєктів, де потрібна плавна локомоція (екшн-ігри, симулятори), використовуємо comfort settings: віньєтування при русі, зниження FOV під час прискорення. Налаштування доступні користувачеві в меню — різні люди мають різний поріг чутливості.

Деталі реалізації: Kinematic vs Physics-based movement

При захопленні об'єкта ключовий вибір — Kinematic (миттєве слідування за рукою) або Physics-based (утримання через Joint). Перше відгукливе, але об'єкти проходять крізь стіни. Друге дає реалістичні колізії, але при швидких рухах joint «розтягується» — потребується velocity damping та max joint force.

Як зробити захоплення об'єктів у VR фізично реалістичним?

Це найнедооціненіша частина VR-розробки. Клієнти часто сприймають її як «просто анімація рук», але на практиці — складна система, де фізична коректність, відгукливість та комфорт вступають у суперечність.

Grab (захоплення)

XR Interaction Toolkit надає три типи Interactable для захоплення:

  • XRGrabInteractable — стандартне захоплення, об'єкт слідує за контролером через фізичний joint або direct position/rotation
  • XRSimpleInteractable — для об'єктів без фізичного переміщення (кнопки, важелі)
  • Кастомні Interactable через наслідування від XRBaseInteractable

Attach Transform — часто ігнорована деталь. У кожного Interactable має бути правильно налаштований Attach Transform (точка, до якої рука «прилипає»). Без нього рукоятка пістолета опиниться по центру меша, а не там, де її тримають.

Для зброї та інструментів з дворучним захопленням — окрема система TwoHandGrab: ведуча рука визначає позицію, друга — орієнтацію. XR Interaction Toolkit підтримує це через XRTwoHandGrabInteractable або кастомну логіку з двома Attach Points.

Throw (кидок)

Чому velocity smoothing критичний для реалістичного кидка? Проблема в тому, що Rigidbody.velocity в момент відпускання контролера відображає миттєву швидкість, яка часто некоректна через дискретизацію трекінгу. Користувач робить швидкий рух зап'ястям — а об'єкт летить вдвічі повільніше.

Рішення: velocity smoothing за останні N кадрів (типово 5-10 кадрів, ~80-160 мс при 60 Гц) перед відпусканням. XR Interaction Toolkit робить це через VelocityEstimator. Додатково застосовуємо velocity scaling multiplier — невелике множення швидкості (1.2-1.5x) робить кидки суб'єктивно більш задовільними. Кутову швидкість (для об'єктів, які мають крутитися в польоті) також усереднюємо аналогічним чином.

AR: Plane Tracking та робота з оточенням

AR додає інший клас проблем — роботу з реальним, непередбачуваним оточенням. AR Foundation — кроссплатформенний шар поверх ARKit та ARCore. Більшість базових функцій (plane detection, raycasting, image tracking, face tracking) доступні через єдиний API.

Plane Detection

ARPlaneManager виявляє горизонтальні та вертикальні площини. Практичні нюанси:

  • Ініціалізація займає час — користувач повинен оглянути приміщення, поки система будує карту. Потрібен явний onboarding з інструкцією «повільно водіть камерою по поверхнях».
  • Площини нестабільні — їх межі та позиція оновлюються в міру накопичення даних. Об'єкти, розміщені на площині, потрібно прив'язувати через parenting до ARPlane, а не до світових координат.
  • Злиття площин — два виявлені сегменти підлоги можуть злитися в один, що рухає якір. Для критичних якорів використовуємо ARAnchor замість прямої прив'язки до площини.
Деталі Image Tracking

ARTrackedImageManager — для маркерів. Якість трекінгу безпосередньо залежить від якості reference image. Зображення з високою частотою деталей та контрастними краями (як QR-код, але красиво) трекаються надійніше, ніж гладкі логотипи. ARCore Geospatial API — для outdoor AR з прив'язкою до реальних координат (точність до 10 см у добре картованих зонах).

Оптимізація для VR: фреймрейт та комфорт

VR вимагає стабільного високого фреймрейту. Близько 60% часу розробки в мобільному VR йде на оптимізацію, а не на функціонал — ретрофіт у два рази дорожче правильної архітектури з першого спринту.

Пристрій Цільовий Hz Критичний поріг
Meta Quest 2 72 / 90 Гц < 72 Гц — помітно
Meta Quest 3 90 / 120 Гц < 90 Гц — помітно
Valve Index 90 / 120 / 144 Гц < 90 Гц — помітно
PSVR2 90 / 120 Гц < 90 Гц — помітно

Single Pass Instanced Rendering

Головна оптимізація рендеру у VR. Без неї сцена рендериться двічі (для кожного ока), що подвоює draw calls. Single Pass Instanced рендерить обидва ока за один прохід через instancing: geometry обробляється один раз, шейдер отримує два view/projection matrix через GPU instancing. Вмикається в Unity через XR Plug-in Management > Rendering Mode: Single Pass Instanced. Важно: кастомні шейдери повинні підтримувати SPI — стандартні URP/HDRP шейдери підтримують, кастомні HLSL вимагають правки (UNITY_SETUP_STEREO_EYE_INDEX_POST_VERTEX та пов'язані макроси). Застосування цієї техніки скорочує кількість draw calls на 40-50%.

Foveated Rendering

На Meta Quest доступний Fixed Foveated Rendering (FFR) — зниження роздільної здатності на периферії кадру, де гострота сприйняття нижча. Налаштовується через OVRManager або Meta XR SDK:

OVRManager.fixedFoveatedRenderingLevel = OVRManager.FixedFoveatedRenderingLevel.High;
OVRManager.useDynamicFixedFoveatedRendering = true;

Dynamic FFR автоматично підвищує рівень при просадці фреймрейту — зручніше фіксованого в сценах зі змінним навантаженням.

IPD та Comfort Settings

IPD (Inter-Pupillary Distance) — відстань між зіницями, впливає на сприйняття глибини. На програмованому рівні в більшості пристроїв доступне лише читання IPD (OVRPlugin.GetSystemDisplayFrequency), фізичне налаштування — на гарнітурі. Для додатків з точним позиціонуванням (медичні симулятори, тренінги) враховуємо IPD у розрахунках масштабу сцени.

Haptics

Тактильний фідбек — недооцінений інструмент. Навіть простий вібраційний відгук при захопленні об'єкта або попаданні значно підвищує відчуття присутності. В середньому інтеграція тактильних патернів займає 30–80 годин на проєкт.

XR Haptics через OpenXR:

var hapticImpulse = new UnityEngine.XR.HapticCapabilities();
InputDevice device = InputDevices.GetDeviceAtXRNode(XRNode.RightHand);
device.SendHapticImpulse(0, amplitude: 0.5f, duration: 0.1f);

Для складних патернів (тактильна «текстура» поверхні при дотику, наростаюча вібрація при натягу тятиви лука) використовуємо Meta Haptics Studio — дозволяє дизайнити haptic-кліпи візуально.

Що входить у розробку VR/AR-додатку

При замовленні проєкту під ключ ми надаємо:

  • Архітектурний документ з описом стеку, логіки рендеру та системи взаємодії
  • Робочий прототип (MVP) для тестування на цільовому пристрої
  • Інтеграцію необхідних SDK (Meta XR, OpenXR, AR Foundation та ін.)
  • Оптимізацію під цільові частоти 72/90/120 Гц з профілюванням draw calls та FPS
  • Тестування на фізичному обладнанні (Quest, SteamVR, HoloLens) із залученням користувачів
  • Повну документацію по збірці, деплою та підтримці
  • Навчання команди замовника (воркшоп по роботі з XR Toolkit)
  • Гарантійну підтримку протягом 1 місяця після здачі

Що впливає на вартість та терміни

VR/AR проєкти дорожчі за звичайні ігри аналогічного обсягу. Ітерації повільніші — кожну правку потрібно тестувати в гарнітурі, емулятор не передає реальний досвід. Motion sickness змушує переробляти частину концептуальних рішень після першого плейтесту. Оптимізація займає суттєву частку часу — для мобільного VR (Quest) до 60-70% циклу. Для проєктів під Quest починаємо оптимізацію з першого спринту.

Отримайте консультацію по вашому проєкту — оцінимо задачу, стек та терміни. Замовте розробку VR/AR-додатку під ключ з гарантією стабільного фреймрейту.