Twisted-Fields / acorn-precision-farming-rover

Source code for Acorn, the precision farming rover by Twisted Fields
Apache License 2.0
262 stars 37 forks source link

UI improvements to support multiple robots #16

Closed merlinran closed 2 years ago

merlinran commented 2 years ago

Visual changes:

  1. Changed the robot icon to look more like a real acorn, also replaced the arrow with light beam. Happy to adjust if required - just a couple minutes of Sketch.
  2. The right panel is associated with the selected robot (the first in the list is selected by default). Clicking on a selected robot will clear the side panel.
  3. The "Show/Hide plots" button is moved to the side panel because it's robot specific.
  4. The live path data is drawn as a single polyline now, instead of thousands of small polygons which can be resource intensive. Hardly noticeable since the points are so dense.

Internally, plotly.js and leaftlet.js are wrapped as vue components, make the code more concise and easier to handle per-robot data.

Not too much to say about the changed code, but I did make sure all buttons working as they were. Next PR will be adding the ability to launch more than one simulated robots.

image