Note: Need to add multi-touch functionality to the mobile app for this to work! (To use two virtual joysticks at once)
On a mobile device, when a user has selected a blimp AND then clicks on the Controller Input Display button, a new UI appears (A new Page not accessible through the sidebar menu!)
The new UI includes:
Name Button for the selected blimp
Catching Button for the selected blimp (new button)
Shooting Button for the selected blimp (new button)
State Button for the selected blimp
Auto Button for the selected blimp
Calibrate Button for the selected blimp
Vision Button for the selected blimp
Virtual Joysticks that control the selected blimp (new component; not a button)
Exit Button (X) that deselects the blimp and goes back to the main page
Try to include the following if space on the app allows:
Barometer Button
All Blimp Buttons (Goal, Enemy, All Auto, All Manual)
Logo
Sidebar Menu
Test performance and functionality when multiple blimps are being controlled using htop