Сервис предназначен для имитации работы аналогового джойстика в браузере с возможностью управления мышью или сенсорным экраном. Поддерживается визуализация направления, угла и модуля смещения, отправка координат через WebSocket, а также запись и экспорт данных в CSV.
Что можно сделать в симуляторе
- Управление виртуальным джойстиком с помощью мыши или пальца (тач-интерфейс).
- Настройка чувствительности и «мёртвой зоны» для имитации реального поведения.
- Визуализация смещения в виде круга и линии направления на холсте.
- Реализация вывода нормализованных значений X и Y (от -1 до 1), угла в градусах и модуля (0…1).
- Запись движения в режиме реального времени и экспорт журнала в CSV-файл.
Инструмент полезен для отладки систем, имитирующих джойстики, отработки алгоритмов обработки координат и интеграции с WebSocket-интерфейсами (например, при работе с микроконтроллерами или роботами).
Особенности работы
- Центр круга — точка покоя джойстика, смещения визуализируются в пределах заданного радиуса.
- Скользящие полосы X/Y обновляются в реальном времени и показывают траекторию движения.
- Точки на графике отключены — линии отображаются как непрерывные кривые.
- Запись можно включить/остановить в любой момент. При остановке данные обнуляются.
- Поддерживается сенсорный ввод (тач), что удобно для смартфонов и планшетов.
Параметры симуляции
| Параметр | Назначение | Диапазон |
|---|---|---|
| Deadzone | Мёртвая зона (внутренний круг) | 0.0 – 0.5 |
| Sensitivity | Чувствительность (усиление сигнала) | 0.5 – 2.0 |
| WebSocket | Передача данных X/Y в реальном времени | wss:// или ws:// |
| CSV Export | Сохранение логов (время, X, Y) | Формат time,x,y |
Программа особенно полезна для:
- Имитации аналогового управления для отладки контроллеров и ИИ-систем.
- Создания пользовательских интерфейсов с виртуальным джойстиком.
- Разработки связи между фронтендом и аппаратной частью.
- Тестирования алгоритмов фильтрации, подавления шума и мёртвых зон.
Работает во всех современных браузерах, включая мобильные. Не требует установки или подключения сторонних библиотек. Надо только заменить ws://localhost:8080 на адрес своего сервера и убедиться, что он принимает JSON и открыт для CORS, если это нужно. Больше информации по теме и практические эксперименты изучайте тут.
