4 ms·

Demo pages like this are fun, and technically impressive when compiled to a browser environment. But I suffer from a lack of imagination so these widget demos

Demo pages like this are fun, and technically impressive when compiled to a browser environment. But I suffer from a lack of imagination so these widget demos don't really help me envision what an egui-powered app can do or might look like. Does anyone have any examples of fun things that use egui?

forrestthewoods 2y ago
https://rerun.io/ https://rerun.io/
Animats 2y ago
I use it in Sharpview. It's really for GUI programs, not web pages. It redraws everything on every frame, so it's most useful for 2D overlays on 3D game-type programs. For that, it's pretty good. It's one pass. As a result, layouts which are ordered left to right and top to bottom work well, but ones which displace or resize items above or to the left don't work well. Egui tries to fix things up on the next frame, thereby getting the effect of a multipass layout system, but sometimes that results in mis-positioning and jitter on alternate frames. As long as you respect that limitation, good results can be obtained. It needs some kind of dialog builder tool so that you don't have to write code for each dialog box. Someone was working on that about two years ago. Should find that project again. Meanwhile, lots of repetitive code to write. Note that winit, wgpu, egui, and their friends all have to advance in version lockstep. All those projects routinely make breaking API changes, and when this happens, it takes a month or two before all the others catch up. Again, as long as you know this, it's not too bad. It would be nice to see some of those packages reach version 1.0.
- nottorp 2y ago
  > It redraws everything on every frame, so it's most useful for 2D overlays on 3D game-type programs. So it's not a GUI. In my book a GUI only redraws when something changes, to save the user's power.
  - fsloth 2y ago
    If it’s used as a game ui, games typically render everything at 60fps - so the energy cost from ui layer would be neglible. Afaik nobody is forcing to rerender the ui layer if nothing changes, though. Just render it to a texture and compose … no need to put everything to the same render target?
  - unclad5968 2y ago
    Well I guess your book needs a new edition. The type of gui you're referencing is typically referred to as a retained mode gui.
    - nottorp 2y ago
      The point is, I don't want people to see "GUI library" and think it's okay to use this for your random phase-of-the moon application that has no good reason to redraw at 2400 fps or whatever the enthusiasts want these days.
      - do_not_redeem 2y ago
        Just click on the link and you can easily see it only redraws when something on the screen changes. It's amazing how quickly people will dismiss something these days based on their own made up reasons.
        nottorp 2y ago
        The poster above me explained to me that it's not like that?
        do_not_redeem 2y ago
        Click the link, open the backend tab, and look where it says "Only running UI code when there are animations or input." Then you won't have to waste cycles deciding which random internet comment from a stranger to believe
kelvinjps10 2y ago
https://rerun.io https://rerun.io the one that sponsors them and the author's app is one example
whytevuhuni 2y ago
It's really good for scrappy prototypes, e.g. here's a water simulation demo I was using to learn Rust [1]. See the "view" menu for more windows. The code for that is all contained in a single file [2], and IMO it's pretty small for what it does. It was really easy to add/change things while developing, a new button is just a single new line. [1] https://andreivasiliu.github.io/cybersub/ https://andreivasiliu.github.io/cybersub/ [2] https://github.com/andreivasiliu/cybersub/blob/master/src/ui.rs https://github.com/andreivasiliu/cybersub/blob/master/src/ui...
konart 2y ago
Photo editors, CADs etc. I mean... pretty much anything you have on desktop but in your browser.
- adastra22 2y ago
  Or just in your desktop app. You don’t have to run in a browser.
  - konart 2y ago
    I don't but I can. Which a very nice thing to have if you don't want to use Windows VM for a CAD, for example.
AgentK20 2y ago
The Bevy Engine in Rust has an integration (https://docs.rs/bevy_egui/latest/bevy_egui/ https://docs.rs/bevy_egui/latest/bevy_egui/) that supports egui, for use in making UIs in games written against the Bevy Engine. Here's a webapp example of a 2d drawing showcase that uses egui as a UI provider: https://vladbat00.github.io/bevy_egui_web_showcase/index.html https://vladbat00.github.io/bevy_egui_web_showcase/index.htm...
liambigelow 2y ago
[https://truncate.town/](https://truncate.town/) https://truncate.town/](https://truncate.town/) is all egui (after the main menu)
- mdaniel 2y ago
  Words fail me how much I love that game Words similarly fail me how much I loathe and detest its GUI (at least on mobile browsers, where I often play the game). As an example, one has to actually _close_ the dictionary popup if you fat finger a letter because the fucking backspace doesn't work, or rather seems to require an incomprehensible number of presses to start deleting letters
Broussebar 2y ago
I find it really practical to create a quick ui. For example i used to do glitch art with a friend that didn’t know how to use a cli, so i created a gui for him to use [0]. Egui is perfect for this use case, you create quickly lightweights softwares, than can be compiled to many different OS. [0] https://glitchedfactory.com https://glitchedfactory.com
selfmodruntime 2y ago
I use egui to draw the overlay UI for game hacks I write. It's easy to use.
the__alchemist 2y ago
Here's my plasmid editor, using EGUI: https://github.com/David-OConnor/plascad https://github.com/David-OConnor/plascad I also use it for the GUI for 3D rendering computational chemistry and gravity sims. I also use it for configuring embedded devices on PC, and/or viewing their telemetry. (e.g. for drones, drone parts etc)
Tycho87 2y ago
https://rerun.io/viewer https://rerun.io/viewer

forrestthewoods 2y ago

https://rerun.io/ https://rerun.io/

Animats 2y ago

I use it in Sharpview. It's really for GUI programs, not web pages. It redraws everything on every frame, so it's most useful for 2D overlays on 3D game-type programs. For that, it's pretty good. It's one pass. As a result, layouts which are ordered left to right and top to bottom work well, but ones which displace or resize items above or to the left don't work well. Egui tries to fix things up on the next frame, thereby getting the effect of a multipass layout system, but sometimes that results in mis-positioning and jitter on alternate frames. As long as you respect that limitation, good results can be obtained. It needs some kind of dialog builder tool so that you don't have to write code for each dialog box. Someone was working on that about two years ago. Should find that project again. Meanwhile, lots of repetitive code to write. Note that winit, wgpu, egui, and their friends all have to advance in version lockstep. All those projects routinely make breaking API changes, and when this happens, it takes a month or two before all the others catch up. Again, as long as you know this, it's not too bad. It would be nice to see some of those packages reach version 1.0.

nottorp 2y ago
> It redraws everything on every frame, so it's most useful for 2D overlays on 3D game-type programs. So it's not a GUI. In my book a GUI only redraws when something changes, to save the user's power.
- fsloth 2y ago
  If it’s used as a game ui, games typically render everything at 60fps - so the energy cost from ui layer would be neglible. Afaik nobody is forcing to rerender the ui layer if nothing changes, though. Just render it to a texture and compose … no need to put everything to the same render target?
- unclad5968 2y ago
  Well I guess your book needs a new edition. The type of gui you're referencing is typically referred to as a retained mode gui.
  - nottorp 2y ago
    The point is, I don't want people to see "GUI library" and think it's okay to use this for your random phase-of-the moon application that has no good reason to redraw at 2400 fps or whatever the enthusiasts want these days.
    - do_not_redeem 2y ago
      Just click on the link and you can easily see it only redraws when something on the screen changes. It's amazing how quickly people will dismiss something these days based on their own made up reasons.
      - nottorp 2y ago
        The poster above me explained to me that it's not like that?
        do_not_redeem 2y ago
        Click the link, open the backend tab, and look where it says "Only running UI code when there are animations or input." Then you won't have to waste cycles deciding which random internet comment from a stranger to believe

kelvinjps10 2y ago

https://rerun.io https://rerun.io the one that sponsors them and the author's app is one example

whytevuhuni 2y ago

It's really good for scrappy prototypes, e.g. here's a water simulation demo I was using to learn Rust [1]. See the "view" menu for more windows. The code for that is all contained in a single file [2], and IMO it's pretty small for what it does. It was really easy to add/change things while developing, a new button is just a single new line. [1] https://andreivasiliu.github.io/cybersub/ https://andreivasiliu.github.io/cybersub/ [2] https://github.com/andreivasiliu/cybersub/blob/master/src/ui.rs https://github.com/andreivasiliu/cybersub/blob/master/src/ui...

konart 2y ago

Photo editors, CADs etc. I mean... pretty much anything you have on desktop but in your browser.

adastra22 2y ago
Or just in your desktop app. You don’t have to run in a browser.
- konart 2y ago
  I don't but I can. Which a very nice thing to have if you don't want to use Windows VM for a CAD, for example.

AgentK20 2y ago

The Bevy Engine in Rust has an integration (https://docs.rs/bevy_egui/latest/bevy_egui/ https://docs.rs/bevy_egui/latest/bevy_egui/) that supports egui, for use in making UIs in games written against the Bevy Engine. Here's a webapp example of a 2d drawing showcase that uses egui as a UI provider: https://vladbat00.github.io/bevy_egui_web_showcase/index.html https://vladbat00.github.io/bevy_egui_web_showcase/index.htm...

liambigelow 2y ago

[https://truncate.town/](https://truncate.town/) https://truncate.town/](https://truncate.town/) is all egui (after the main menu)

mdaniel 2y ago
Words fail me how much I love that game Words similarly fail me how much I loathe and detest its GUI (at least on mobile browsers, where I often play the game). As an example, one has to actually _close_ the dictionary popup if you fat finger a letter because the fucking backspace doesn't work, or rather seems to require an incomprehensible number of presses to start deleting letters

Broussebar 2y ago

I find it really practical to create a quick ui. For example i used to do glitch art with a friend that didn’t know how to use a cli, so i created a gui for him to use [0]. Egui is perfect for this use case, you create quickly lightweights softwares, than can be compiled to many different OS. [0] https://glitchedfactory.com https://glitchedfactory.com

selfmodruntime 2y ago

I use egui to draw the overlay UI for game hacks I write. It's easy to use.

the__alchemist 2y ago

Here's my plasmid editor, using EGUI: https://github.com/David-OConnor/plascad https://github.com/David-OConnor/plascad I also use it for the GUI for 3D rendering computational chemistry and gravity sims. I also use it for configuring embedded devices on PC, and/or viewing their telemetry. (e.g. for drones, drone parts etc)

Tycho87 2y ago

https://rerun.io/viewer https://rerun.io/viewer