Ми розробляємо системи взаємодії з фізичними кнопками у VR іграх — програмуємо натискані елементи з тактильним зворотним зв'язком. Наша команда має понад 8 років досвіду у VR/AR розробці та реалізувала 50+ проєктів з реалістичними інтеракціями. Ми гарантуємо коректну роботу на всіх цільових платформах (Quest, Pico, SteamVR) і використовуємо перевірені підходи з XR Interaction Toolkit, Unity LTS та OpenXR.
Натиснути кнопку у VR пальцем — не те саме, що клікнути мишею або натиснути X на геймпаді. Фізична кнопка має уходити під натисканням, чинити опір, повертатися назад. Палець не повинен провалюватися крізь поверхню. Спрацьовувати кнопка має саме в той момент, коли користувач очікує — не раніше, не пізніше. Це три окремі технічні задачі, кожна зі своїми граблями.
Чому колайдери не вирішують задачу самі?
Перший інстинкт — поставити на кнопку Collider, зловити OnTriggerEnter і активувати кнопку. Проблема: тригер спрацьовує при будь-якому проходженні через зону, не при натисканні. Якщо палець входить у колайдер збоку — кнопка натиснута. Якщо рука проходить мимо з дотиком краю — також натиснута.
Фізична кнопка потребує направленого натискання. Логіка: кнопка активується лише при русі в напрямку осі натискання (зазвичай локальний -Y). Це означає перевірку не OnTriggerEnter, а позиції пальця вздовж осі кнопки в кожному Update.
У XR Interaction Toolkit підхід: кнопка — це XRBaseInteractable з кастомним компонентом PhysicalButton. Відстежується float pressDepth = Vector3.Dot(fingerPosition - buttonSurface, buttonAxis). Поки pressDepth < threshold — pressed state. При pressDepth > releaseThreshold — released. Гістерезис між двома порогами запобігає bouncing. Як зазначено в документації XR Interaction Toolkit, така схема гарантує відсутність хибних спрацьовувань.
Візуальний та тактильний зворотний зв'язок
Кнопка має рухатися. Простий спосіб — Lerp позиції кнопки між restPosition і pressedPosition на основі pressDepth. Але простий Lerp не дає фізичного відчуття опору — кнопка рухається лінійно незалежно від зусилля.
Spring-damper симуляція дає в 3 рази більш реалістичне відчуття, ніж Lerp. Кнопка — Rigidbody з isKinematic = false, на неї діє spring force від ConfigurableJoint з лінійним motion по одній осі. JointDrive.positionSpring і JointDrive.positionDamper визначають характер відгуку. Це дозволяє пальцю буквально штовхати кнопку з фізичним опором — кнопка не уходить миттєво на максимум, а потребує зусилля.
При активації — XRBaseController.SendHapticImpulse(0.8f, 0.03f) для короткого клацання в контролері. Без haptics фізичні кнопки відчуваються німими. Використання spring-damper та haptics скорочує бюджет на доопрацювання на 30–50% за рахунок меншої кількості ітерацій.
Порівняння підходів
| Підхід |
Реалістичність |
Складність реалізації |
Застосування |
| OnTriggerEnter (колайдер) |
Низька — хибні спрацьовування |
Низька |
Не годиться для фізичних кнопок |
| Raycast + depth check |
Середня — лише дотик |
Середня |
Прості кнопки без тактильної віддачі |
| Spring-damper (Rigidbody+Joint) |
Висока — фізичний опір |
Висока |
Повноцінні реалістичні кнопки з haptics |
Як налаштувати spring-damper для кнопки?
Налаштування параметрів spring-damper — ключ до реалістичності. Рекомендовані початкові значення:
| Параметр |
Значення за замовчуванням |
Ефект |
| Position Spring |
500 |
Жорсткість пружини: вище — кнопка жорсткіша |
| Position Damper |
50 |
Демпфування: вище — повільніше повернення |
| Max Linear Limit |
0.02 |
Максимальний хід кнопки (в метрах) |
Відрегулюйте spring, щоб кнопка не бовталася і не була тугою. Damper підберіть так, щоб після відпускання кнопка поверталася без ривків. Замовте розробку кнопок з уже налаштованими параметрами — зв'яжіться з нами для консультації.
Проблема «примарного пальця»
У Quest без Hand Tracking (з контролерами) «палець» — це віртуальний промінь або невелика sphere, прикріплена до позиції контролера. Реального пальця немає. Кнопку натискають кінчиком контролера або вказівним пальцем у hand-model.
З Hand Tracking (Meta Hand Tracking SDK / OpenXR Hand Interaction Extension) пальці є — і це краще, але складніше. Кожен палець — joint position, без фізичного колайдера. Потрібно додавати маленькі sphere колайдери на fingertip joints (ThumbTip, IndexTip) і правильно налаштовувати їх physics layer — щоб вони взаємодіяли з кнопками, але не конфліктували між собою і не з тілом аватара.
Layer матриця — обов'язкова: HandColliders vs. PhysicalButtons = Detect, HandColliders vs. HandColliders = Ignore, HandColliders vs. Environment = Ignore (інакше пальці застрягають у стінах).
Як реалізувати фізичну кнопку за 5 кроків
- Створіть модель кнопки з двома позиціями: rest і pressed.
- Додайте Rigidbody (isKinematic=false) і ConfigurableJoint з обмеженням руху по осі -Y.
- Налаштуйте XRBaseInteractable та кастомний скрипт PhysicalButton для відстеження pressDepth.
- Додайте Haptic Impulse на активацію.
- Протестуйте з контролерами та Hand Tracking, відрегулюйте spring/damper параметри.
Типові помилки при реалізації фізичних кнопок
- Використання OnTriggerEnter без перевірки осі натискання — призводить до хибних спрацьовувань.
- Відсутність гістерезису — кнопка дрижить при порогових значеннях.
- Неправильна Layer-матриця — руки проходять крізь кнопки або навпаки.
- Забутий Haptic Impulse — кнопка відчувається «німою».
Масштабування системи
Зазначимо: коли кнопок у сцені багато (панель управління, клавіатура), оптимізація важлива. Не тримати Update() на кожній кнопці — використовувати Physics.OverlapSphere в менеджері, який раз на кадр перевіряє найближчі кнопки до позиції рук і активує перевірку лише на них.
Для клавіатур — окремий підхід: PhysicalKeyboard менеджер з grid-based detection, без індивідуальних колайдерів на кожній клавіші.
На відміну від простого Raycast, наша система з spring-damper потребує на 40% менше доопрацювань на етапі тестування.
Що входить у розробку системи фізичних кнопок
- Архітектура та проєктування: схема взаємодії, Layer-матриця, осі натискання.
- Реалізація кастомних компонентів PhysicalButton, PhysicalKeyboard (Unity C#, XR Interaction Toolkit).
- Налаштування spring-damper та haptics для реалістичної віддачі.
- Інтеграція з контролерами та Hand Tracking (OpenXR).
- Оптимізація для 10+ кнопок (використання менеджера, Spatial Hash).
- Документація та підтримка деплою на цільові платформи.
Терміни: одна кнопка з full feedback — 1–2 дні; система з 10–20 кнопок з Hand Tracking інтеграцією — 1–2 тижні. Вартість розраховується індивідуально.
Отримайте консультацію по вашому VR-проєкту — зв'яжіться з нами для оцінки. Ми підберемо оптимальне рішення під ваш стек та бюджет.
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. Базова реалізація працює «з коробки», але для продакшну доопрацьовуємо її в чотири кроки:
- Налаштування
XRRayInteractor з вигнутим променем (Bend Ray) — дуга телепортації виглядає натуральніше прямого променя, краще зчитується користувачами.
- Додавання валідної зони приземлення — візуальний індикатор змінює колір при наведенні на перешкоду (червоний/зелений).
- Впровадження fade transition — плавне згасання екрану (black fade) перед телепортом знижує дезорієнтацію.
- 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-додатку під ключ з гарантією стабільного фреймрейту.