Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Gallery: Post your screenshots / code here (PART 4) #973

Open
ocornut opened this issue Jan 10, 2017 · 68 comments
Open

Gallery: Post your screenshots / code here (PART 4) #973

ocornut opened this issue Jan 10, 2017 · 68 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Jan 10, 2017

This is Part 4, I am splitting issues to reduce loading times and avoid github collapsing messages.

Browse all threads and find latest one to post to using the gallery label.

Also see: Software using dear imgui (you can help complete the list!)

You can post your screenshots here!

@mellinoe
Copy link

mellinoe commented Jan 21, 2017

image

Nothing complicated or particularly fancy; just a functional editor UI for a game engine I'm building with .NET Core.

@ExtasyHosting
Copy link

Working on a client/launcher UI retro design.
7f290426ab79805b3b8c7f0e1cbdca10
d9eaf3f5d94059a93c70ef399c219343
08fe52211b577b2a990ec56787c25e19
3535be97b5d857eace0aadb4eaa85efb

@itamago
Copy link

itamago commented Jan 25, 2017

@ExtasyHosting Very nice design. The mix between pixel and smooth fonts is great.
Would you mind sharing the ImGui style you are using ? I would like to implement the opposite one (white-on-black instead of black-on-one). Good job :)

@davidfooks
Copy link

ImGUI graph for plotting the time (x) vs position (y) of a player in Boundless as they walk through a portal. Everything left of the green line is the source world on the right is the destination world. You can see the server position and client position (which is predictive so a few frames ahead to reduce latency). The aim of the graph is to show that the transition is completely smooth.

image

This helped us visualize the problems with transitioning from one server to another seamlessly which were:

  • src and dst server update ticks are out of sync
  • latency between src and dst server can be different

Which we can now adjust for these (by moving the destination world position by the players velocity multiplied by the time they are out) and see that the transition is smooth.

@volcoma
Copy link

volcoma commented Jan 30, 2017

c++ Game engine and editor. https://github.com/volcoma/EtherealEngine
preview0

@ocornut
Copy link
Owner Author

ocornut commented Jan 31, 2017

Electric Eye testing tool made and used at NetFlix
electriceye

@David20321
Copy link

Here are some screenshots of how we're using dear imgui in Overgrowth:

overgrowth_dialogue
overgrowth_perf
overgrowth_spawner
overgrowth_scenegraph
overgrowth_settings

@Pagghiu
Copy link
Contributor

Pagghiu commented Feb 12, 2017

Simplified excel-like spreadsheet using imgui!
sheet

@ocornut
Copy link
Owner Author

ocornut commented Feb 12, 2017

Simplified excel-like spreadsheet using imgui!

This is very cool slash weird slash amazing slash worrying - but why? :)

@Pagghiu
Copy link
Contributor

Pagghiu commented Feb 13, 2017

Ahah, well first of all bridging unrelated technologies is one of my best ability ! :P

Seriously, on one of our software that powers a laser measurement device, we have the need for a way to "combine" multiple results from different measurements using some formulas only known at runtime.

The first obvious solution was integrating a scripting language but this still requires end users to do some sort of "programming", that scares most of our user base.

So I said "I just need a simple expression parser", I have tried to look for existing libraries in stb / imgui style and I have found tinyexpr on github.

When doing some tests with the library the indecent idea came into my mind "can I really be doing a kind of excel using this thing?".
Everyone knows excel, so everyone will be able to use our result combine module!

After two hours of hacking I got the first proof of concept, and then I simply added a few fancier features in the following days (dependency tracking, range variables etc ).

The imgui code is incredibly short ( for now). I am just using columns with buttons displaying the formatted output of the formula and when a cell is active, i draw an inputtext instead of the button.

I will send maybe a shot when this Frankenstein gets integrated in the main software ;)

@ratchetfreak
Copy link

one bit of extra functionality as expressions get longer, put the intputtext with the formula at the top (just like excel). Then if you press F2 you set focus on the input text.

@allender
Copy link

Using ImGUI for interface for apple ][ emulator. Used for windows for 6502 debugger. Still a work in progress ,but it's coming along:

https://github.com/allender/apple2emu

image

@itamago
Copy link

itamago commented Feb 16, 2017

I'm dying to not being able to post pictures of the use of ImGui at work :(

@Admicos
Copy link

Admicos commented Feb 20, 2017

I'm porting a tool i made from C# WinForms to C++. The tool is pretty close to completion right now and I'm using ImGui because it's the easiest lightweight UI library i found.

image

@itszero
Copy link

itszero commented Feb 21, 2017

i'm using imgui to build a home automation dashboard with raspberry pi. Using SDL to draw on fb makes this starts up very quickly (compare to Xorg). It also makes development very easy: the same code can run in Windowed mode on PC and native FB fullscreen mode on RPi.

homepi

@Alia5
Copy link

Alia5 commented Feb 23, 2017

Currently building a 2D framework / GameEngine (as a little Sunday project) and am currently implementing some debug- / editor tools
2017-02-23_1433

Using a mixture of ImGui (obv.) and RTTR and have the little beasty on the right implemented (so far...) with just a few lines of code in next to no time!

@itamago
Copy link

itamago commented Feb 26, 2017

@r-lyeh, last year you posted an UI mockup for an asset library/manager, and I was wondering which font you were using for text ?
Link here : link
Thanks !

@r-lyeh-archived
Copy link

@itamago, very likely DejaVuSans/16.f (or DroidSans/18.f :)

@colesnicov
Copy link

@ExtasyHosting How did you do such a nice a title in windows?

@yushroom
Copy link

my unity-like game engine editor
https://github.com/yushroom/FishEngine

@Bhagawan69
Copy link

My Guild Wars 2 overlay (named BGDM) with DPS meter, compass and more.
Notable are the implementation of column sorting, a hackable plain-text-version-compass and using the slider control as an on/off button.

bgdm_screenshot_2017-02-28 13 26 19

@Flix01
Copy link

Flix01 commented Mar 1, 2017

I've made a (very basic) image editor for Dear ImGui, with no dependencies (based on stb_image.h, stb_image_write.h, stb_image_resize.h and some other optional plugins to load/save other image formats).

imguiimageeditor

@colesnicov
Copy link

I created a component for file selection, folder selection and save the file:

Imgur

@codz01
Copy link

codz01 commented Mar 6, 2017

very nice , better than native os dialog system :)

@colesnicov
Copy link

@codz01
Yeah, it looks pretty. But it has a few details:

  • Only linux (I use my own implementation for working with file systems)
  • Can not yet make a new folder (It is easy to implement)
  • You can not show hidden files (da easy to implement)
  • The code is still a bit "dirty"

@hb3p8
Copy link

hb3p8 commented Mar 10, 2017

In case you were wondering how does Dear ImGui based app feels like, you have one more example!
We have just released the CADRays application: https://www.opencascade.com/content/cadrays

cz0kddrxcaaejmm jpg large

@ocornut
Copy link
Owner Author

ocornut commented Jul 17, 2017

Courtesy of @septag
https://github.com/septag/termite

fisherboy

@nem0
Copy link
Contributor

nem0 commented Jul 26, 2017

html + css rendering in imgui
image

@Pagghiu
Copy link
Contributor

Pagghiu commented Jul 26, 2017

@nem0 can this thing also show some pictures? This is beautiful

@nem0
Copy link
Contributor

nem0 commented Jul 26, 2017

@Pagghiu yes, the "Y" in the top left corner of the wepage is actually an image

@Pagghiu
Copy link
Contributor

Pagghiu commented Jul 26, 2017

@nem0 you are a wizard 👍
I assume that your work in progress on this item is at https://github.com/nem0/lumixengine_html
Very nice!

@nem0
Copy link
Contributor

nem0 commented Jul 26, 2017

@Pagghiu credit should go mostly to https://github.com/litehtml/litehtml, it handles the hard part.

@BalazsJako
Copy link

Started working on a simple colorizing text editor. While it is still in a very early stage, some functions are working now. Uses vanilla ImGui and STL.

texteditor6
texteditor

@ocornut
Copy link
Owner Author

ocornut commented Aug 6, 2017

@BalazsJako

Started working on a simple colorizing text editor

Very nice! Hope this can become a standalone widget/extension :)

@ocornut
Copy link
Owner Author

ocornut commented Aug 6, 2017

This is Part 4. I am splitting issues to reduce loading times and locked the old ones.

Screenshots Part 1 #123
Screenshots Part 2 #539
Screenshots Part 3 #772
Screenshots Part 4 #973
Screenshots Part 5 #1269
Screenshots Part 6 #1607
Screenshots Part 7 #1902
Screenshots Part 8 #2265
Screenshots Part 9 #2529
Also see: Software using dear imgui (you can help complete the list!)

@mgodf
Copy link

mgodf commented Sep 11, 2020

Simplified excel-like spreadsheet using imgui!
sheet

Ciao @Pagghiu, this looks really nice. Can I ask if you ever got around to open sourcing it?

@Pagghiu
Copy link
Contributor

Pagghiu commented Sep 11, 2020

Simplified excel-like spreadsheet using imgui!
sheet

Ciao @Pagghiu, this looks really nice. Can I ask if you ever got around to open sourcing it?

Ciao @mgodf, thanks.
Unfortunately I've not been able to open source it because it's mixed with some proprietary code and I've never been able to find time to "extract" the sample for it to be a pure dear imgui application.
I remember that back then I was able to get a basic working draft with relatively low effort (4-5 hours of work) by using the https://github.com/codeplea/tinyexpr library. With some additional time I've been modifying the parser to include "group functions" (SUM / STDDEV etc) and a cyclic check to avoid infinite loops in the evaluation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests