system shell
Command Shell
Military-styled горизонтальний вхідний екран, який одразу подає симулятор як польову систему, а не як звичайний mobile app, з прямими входами в карту, налаштування й технічну інформацію.
Назад до каталогу
Landscape Tactical Simulator
Kropiva
Горизонтальний тактичний mobile-симулятор бойової системи «Кропива» для роботи з картою та візуалізації загроз
FlutterDartRiverpod
Огляд проєкту
Kropiva — це мобільний тактичний симулятор із дуже конкретною моделлю взаємодії: пристрій тут сприймається не як звичайний портретний застосунок, а як польова консоль, яка відкривається горизонтально. Локальна кодова база це добре показує. Досвід починається з військово-стилізованої оболонки керування, переходить у занурювальну горизонтальну карту, підтягує бойові сценарії з локальних файлів-ресурсів, малює кордони України через GeoJSON і анімує траєкторії ворожих цілей у межах операційної зони. На інженерному рівні проєкт вимагав чисто розвести сценарні дані, стан карти, таймінг симуляції, циркульні вимірювання та інтерфейсні накладки, але при цьому зберегти відчуття швидкого, читабельного й тактильно зрозумілого інструмента на мобільному пристрої.
Поверхні продукту
tactical map
Operational Map
Головна горизонтальна поверхня з дружніми позиціями, рухомими ворожими цілями, візуалізацією траєкторій, перемиканням типу карти, симуляцією стану супутникового зв'язку, обертанням, масштабуванням і маскуванням операційної зони через GeoJSON-кордон України.
distance tool
Compass Measurement Mode
Сценарій вимірювання просто на карті для швидкого визначення відстані між точками, збереження історії вимірювань у стані сесії та виведення результатів у спеціально спроєктованій mil-tech панелі замість стандартного утилітарного спливного вікна.
Виклик
Перенести військовий стиль керування у горизонтальний мобільний форм-фактор так, щоб інтерфейс не перевантажувався і залишався однозначним для дотикової взаємодії.
Зробити в реальному часі читабельними рух ворожих цілей, тактичні накладки, вимірювальні інструменти та маніпуляції з картою, не перетворивши симулятор на важкий або хаотичний екран.
Побудувати застосунок так, щоб сценарний контент, поведінка цілей, керування картою і налаштування пристрою могли еволюціонувати незалежно, а не злиплися в один перевантажений екран зі спільним станом.
Реалізація
Побудували симулятор на Flutter із оболонкою застосунку, орієнтованою на горизонтальний режим, і окремою занурювальною обгорткою карти, яка жорстко фіксує бойовий режим у горизонтальній орієнтації та прибирає системний інтерфейс, щоб досвід відчувався ближчим до польового консолеподібного інструмента.
Розвели runtime на окремі шари Riverpod: завантаження локального сценарію з файлів-ресурсів, нотифаєр стану карти для масштабування, центрування, обертання, блокування, типу карти, статусу супутникового зв'язку й циркульних вимірювань, а також окремий нотифаєр симуляції, що просуває траєкторії цілей у часі.
Зібрали поверхню карти на flutter_map із зображеннями ArcGIS, OpenStreetMap і рельєфними тайлами, поверх яких наклали маскування кордону через GeoJSON, дружні маркери, ворожі маркери, мітки кодів цілей, відмальовування траєкторій, лінії компаса і синхронізацію камери з реакцією на жести.
Залишили симулятор керованим даними через локальні JSON-сценарії та типізовані моделі для дружніх позицій, цілей, точок запуску, траєкторій і категорій загроз на кшталт Shahed-дронів, ракет, гелікоптерів і літаків.
Додали окремий потік налаштувань зі стійкою конфігурацією на боці пристрою, включно зі звуком, вібрацією, базовим масштабом карти, видимістю сітки, поведінкою автозбереження, мовою та перемиканням темної теми, щоб у симулятора був власний операційний шар конфігурації.
Результат
“Переконливий мобільний mil-tech симулятор із чіткою ідентичністю продукту, спеціально спроєктованим горизонтальним UX і сильнішим тактичним характером, ніж у звичайного картографічного застосунку, адаптованого постфактум.”
“Підтримувана архітектура стану, у якій сценарні дані, симуляція в реальному часі, поведінка карти й конфігурація зберігають чисті межі відповідальності та готовність до розширення.”
“Практична основа для подальшого росту через нові сценарії, багатші типи загроз, додаткові інструменти вимірювання, офлайн-пакети даних і більш просунуті тактичні накладки.”
Готові, коли будете готові ви
Маєте проєкт на думці? Розкажіть нам про нього.
Надішліть короткий опис того, що будуєте або що зламано. Ми відповімо протягом дня — чесно скажемо про обсяг, підхід і чи підходимо ми один одному.