abstreet/ezgui/README.md

117 lines
4.4 KiB
Markdown
Raw Normal View History

2020-03-04 03:24:27 +03:00
# ezgui notes
2020-03-06 23:21:36 +03:00
This is a GUI + 2D drawing + data viz library I've built up for A/B Street. I'm
considering cleaning up the API surface and making it a proper standalone crate.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
## Running the demo
2020-03-04 03:24:27 +03:00
2020-03-06 23:32:12 +03:00
[Example code](examples/demo.rs)
2020-03-06 23:21:36 +03:00
```
git clone https://github.com/dabreegster/abstreet.git
cd abstreet/ezgui
cargo run --example demo
2020-08-08 05:49:43 +03:00
# Or for web
cargo web start --target wasm32-unknown-unknown --no-default-features --features wasm-backend --example demo
2020-03-06 23:21:36 +03:00
```
2020-03-04 03:24:27 +03:00
2020-03-06 23:32:12 +03:00
![demo](demo.gif)
If you want a more thorough idea of what this crate can do, see
[A/B Street](https://abstreet.org).
2020-03-06 23:21:36 +03:00
## Features
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
### Runs in lots of places
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Runs on Linux, Mac, Windows via [glium](https://github.com/glium/glium/). Also
works in the browser using WebAssembly and
[glow](https://github.com/grovesNL/glow/), but text support still coming in
[a few months](https://github.com/RazrFalcon/resvg/issues/229).
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Why OpenGL? My requirements are super simple; I don't need the power of Vulkan
or other new stuff. I want something simple that runs everywhere. If you want to
make this work with WGPU or something else, it should be easy. The backends are
each about 300 lines — [Glium](src/backend_glium.rs) running on native OpenGL,
and [Glow](src/backend_glow.rs) running either [on
native](src/backend_glow_native.rs) or [on wasm](src/backend_glow_wasm.rs).
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
### 2D drawing
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Everything is a colored polygon. Upload stuff once, redraw many times with a
simple camera transform. Panning and smooth zooming. One extremely simple
shader.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Thanks to [usvg](https://github.com/RazrFalcon/resvg) and
[lyon](https://github.com/nical/lyon/), SVGs and text are transformed into
colored polygons. Programatically swap colors, rotate, scale stuff. Find bounds
for precise mouseover.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
### GUI
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Widgets like buttons (with keybindings), checkboxes, sliders, pop-up menus, text
entry, and some data viz things. You can combine these in `Composite`s to
dispatch event handling and drawing. Styling (background colors, outline,
padding) and Flexbox-ish layouting via
[stretch](https://vislyhq.github.io/stretch/).
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
The API / programming style is kind of funny; see the [demo](examples/demo.rs)
to get a sense of it. No callbacks. You manually feed events into your
`Composite`s of widgets and ask about what happened. There's no smart diffing of
widget trees; most of the time it's fine to completely recreate a `Composite`
from scratch when something changes, or replace a single widget in an existing
`Composite`.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
(This is not a performance critical library. The perf bottlenecks in A/B Street
are not in the GUI, and I probably won't invest much time speeding things up
here until they are. (Or if somebody else winds up using this library and hits a
2020-03-06 23:32:12 +03:00
problem.))
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
### Data visualization
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
Not exactly sure how this wound up in here too, but at some point I needed
histograms and line plots that update live over time and show some info when you
mouseover points, so here it is.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
## Big problems to solve before release
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
When you ask a `Composite` what action happened (what button was clicked), it
hands you back `Option<String>`. Not so typesafe. How boilerplatey is it to
associate buttons with a user-provided enum?
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
There are hardcoded colors / padding in lots of places. Need to make style
easily configurable, with good defaults.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
The error handling is pretty bad; lots of unwraps and panics to clean up.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
## Why another Rust GUI library?
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
When I started, nothing did what I needed, or it required awkward callbacks.
Today, [iced](https://github.com/hecrj/iced) looks awesome, but wgpu doesn't
2020-03-06 23:32:12 +03:00
work on my laptop. This is a dealbreaker -- I want to build stuff that runs
~anywhere. I looked into adding an OpenGL backend, but the current structure of
iced has a
2020-03-06 23:21:36 +03:00
[huge](https://github.com/hecrj/iced/blob/master/native/src/renderer/null.rs)
API surface to implement for a new backend.
2020-03-04 03:24:27 +03:00
2020-03-06 23:21:36 +03:00
For the moment, I don't have enough time to get something else on-par with this
library and port A/B Street over, so I'll continue to invest in this library. If
there's lots of interest in other people using this library, I'll invest much
more and make it a real contender.
2020-03-04 03:24:27 +03:00
## Naming
2020-03-06 23:21:36 +03:00
I never wanted to call this "ezgui." :(
2020-07-08 21:41:37 +03:00
- Rustwarts School of Glitchcraft and Widgetry...
2020-03-06 23:32:12 +03:00
- coldbrew (stronger than iced coffee? ;) and what generally powers me )
2020-03-04 03:24:27 +03:00
- allegro (where most pivotal meetings with my UX designer have happened, but
this is also the name of some library)
- coco (for the geom library)
- abstgui (too obvious)
## Future work
- Draggable panels