onkoe / eframe_rover_gui Goto Github PK

https://rust-lang-nursery.github.io/rust-cookbook/web/clients/download.html

This is Tyler :)
When it comes to the general design of the competition, there a few things to consider:

• We have 4 portions of competition: Science, Autonomous, Extreme Traversal and Fine Manipulation.
• That means, we have 4 modes of operation:
• Arm Control, Science Package Control, Manual Drive (Where there is no subsystems in use) and Autonomous
• In all all of those sections (except Autonomous), we can expect 1 or more cameras to be operating

With those limitations in mind, I have two ideas for the layout:

• We can organize by section of competition: i.e. have a separate page or layout for each section of competition
• We can organize by mode of Rover: i.e. Arm control, Science Package Control etc.

Regardless, of which layout you choose (including any you come up with), we need to be able to have access to manual drive and the main camera in most scenarios

Ideally, the layout would be extendable to include future components.
Example: if electrical were to install encoders, we could read wheel values and create a graph/image of rover speed on the UI

I'd like to spice up egui/eframe a lot, giving it a look that comes out of a modern web application. The difference being that eframe doesn't have all the horrifying load times.

To accomplish a decent theme under egui's loose theme engine, it'd be preferable to make a separate project kinda like Catppuccin's theme for egui. It wouldn't be difficult to maintain as a crate, though keeping up with egui's breaking changes can be a bit of a pain...

Fonts

Like in the Penpot sample design, it'd be cool to use Cantarell as the main font. It's very readable, looks great, and doesn't have any major licensing flaws (thanks GNOME)! Otherwise, maybe Open Sans? But it doesn't look nearly as good to me :(

Colors

Most University applications use the same old crimson colors. I like these colors, but to use them, we'll have to do something different. On Penpot, we have a very slick dark mode that makes the red/crimson colors pop out more. The background is just some red lines I drew in Photoshop with a blur filter. That's not difficult to make dynamic, so it could be pretty interesting!

Otherwise, going for a Material You styled application with a diverse range of colors that seem to fit each subteam would be cool! It could be easy to organize, too!

Icons

In general, I prefer using Remix Icon for my icon assets, as they're licensed under a copyfree model. The battery icons are pretty horrible, though. We may need to rip some icons from Adwaita or other icon packs...

Oh well!

Reasoning

• Making the GUI pretty and slick attracts sponsors to view the project seriously.
• Elements which stand out more are more accessible, logically organized, and easier to read.
• Adding a search widget would be helpful to load search results
  • If possible, it'd be nice to fuzzy search tags and content, then load a logical search view kinda like GNOME's Activities Overview.
  • It could also search help documentation and SoRo Documentation as a whole.
• Adding a status view for the Rover, including its connection, battery life, sensors, log files, and more at the top right makes troubleshooting MUCH EASIER from the GUI.
  • Again, I think a system status area allows a lot of configuration without much effort. This would be immensely useful when testing or even at competition!
• Large buttons and UI elements evoke attention in videos, photos, and other forms of media.
• Adding an artistic project to the team allows creative people (e.g. not me) to design our interfaces according to some human interface guidelines.
  • Using GNOME's HIG would be a really nice idea here!
• I like pretty things :)

https://crates.io/crates/egui_dock

on my phone but like add this to the readme resources. shits super useful for the rover

here's the issue about it though emilk/egui#1624