Реализация виртуального джойстика для мобильной игры
Виртуальный джойстик — один из тех компонентов, которые кажутся простыми до первого плейтеста. Восемь строк кода на Input.GetTouch и Vector2.Normalize работают на девайсе разработчика. На телефоне с диагональю 5.4" при удержании в ландшафтной ориентации большой палец перекрывает зону джойстика, и пользователь теряет ориентир позиции нипла.
Ключевые параметры реализации
Фиксированный vs плавающий джойстик. Фиксированный — центр всегда в одной точке экрана. Плавающий — центр появляется там, где пользователь первый раз нажал. Для шутеров и action-игр плавающий предпочтительнее: он адаптируется к хвату. Но у него своя проблема — если зона появления слишком большая, джойстик может «проявиться» при случайном касании интерфейса.
В Unity реализуем через RectTransform в Canvas с ScreenSpace - Overlay. Центр джойстика — backgroundRect.anchoredPosition, нипл — knobRect.anchoredPosition. Расчёт направления:
Vector2 delta = touchPosition - joystickCenter;
float distance = delta.magnitude;
Vector2 direction = delta / Mathf.Max(distance, radius); // нормализация с учётом радиуса
knobRect.anchoredPosition = direction * Mathf.Min(distance, radius);
inputDirection = direction; // [-1,1] по каждой оси
Dead zone. Без мёртвой зоны персонаж дёргается от случайных микро-движений пальца. Обычно 0.15–0.2 от радиуса — зависит от игры. В гоночных играх dead zone меньше, в стратегиях — больше.
Ощущение отклика
Плавность — через Vector2.Lerp или Vector2.MoveTowards при обновлении позиции нипла:
knobRect.anchoredPosition = Vector2.Lerp(
knobRect.anchoredPosition,
targetKnobPos,
Time.deltaTime * followSpeed
);
followSpeed 15-25 — даёт инерцию, которая ощущается как «физический» стик. При followSpeed > 40 инерция пропадает, нипл движется мгновенно — подходит для стрелялок, не подходит для платформеров.
На Godot 4 аналогично: Control нода с кастомным _draw() для фона и нипла, обновление через _input(event) при InputEventScreenDrag.
Мультитач
Джойстик движения и джойстик прицеливания — два независимых объекта. Каждый фиксирует fingerId своего касания при TouchPhase.Began и обрабатывает только события с этим fingerId. Без этой привязки быстрое снятие одного пальца и повторное касание другой зоны экрана может передать управление не тому джойстику.
Интеграция 2-3 дня. Стоимость рассчитывается индивидуально.