imgui icon indicating copy to clipboard operation
imgui copied to clipboard

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

Open ocornut opened this issue 9 years ago • 68 comments

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!

ocornut avatar Jan 10 '17 09:01 ocornut

image

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

mellinoe avatar Jan 21 '17 21:01 mellinoe

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

ExtasyHosting avatar Jan 23 '17 22:01 ExtasyHosting

@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 :)

itamago avatar Jan 25 '17 09:01 itamago

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.

davidfooks avatar Jan 30 '17 10:01 davidfooks

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

unravel-dev avatar Jan 30 '17 14:01 unravel-dev

Electric Eye testing tool made and used at NetFlix electriceye

ocornut avatar Jan 31 '17 18:01 ocornut

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

overgrowth_dialogue overgrowth_perf overgrowth_spawner overgrowth_scenegraph overgrowth_settings

David20321 avatar Feb 02 '17 20:02 David20321

Simplified excel-like spreadsheet using imgui! sheet

Pagghiu avatar Feb 12 '17 17:02 Pagghiu

Simplified excel-like spreadsheet using imgui!

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

ocornut avatar Feb 12 '17 22:02 ocornut

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 ;)

Pagghiu avatar Feb 13 '17 07:02 Pagghiu

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.

ratchetfreak avatar Feb 13 '17 09:02 ratchetfreak

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

allender avatar Feb 15 '17 19:02 allender

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

itamago avatar Feb 16 '17 17:02 itamago

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

Admicos avatar Feb 20 '17 14:02 Admicos

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

itszero avatar Feb 21 '17 05:02 itszero

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!

Alia5 avatar Feb 23 '17 13:02 Alia5

@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 !

itamago avatar Feb 26 '17 18:02 itamago

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

r-lyeh-archived avatar Feb 26 '17 19:02 r-lyeh-archived

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

colesnicov avatar Feb 26 '17 20:02 colesnicov

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

yushroom avatar Feb 27 '17 03:02 yushroom

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

Bhagawan69 avatar Feb 28 '17 22:02 Bhagawan69

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

Flix01 avatar Mar 01 '17 16:03 Flix01

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

Imgur

colesnicov avatar Mar 06 '17 05:03 colesnicov

very nice , better than native os dialog system :)

codz01 avatar Mar 06 '17 14:03 codz01

@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"

colesnicov avatar Mar 06 '17 18:03 colesnicov

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

hb3p8 avatar Mar 10 '17 07:03 hb3p8

Some screens :)

startpage project selection screen...

bluish dark bluish theme...

stingraylike stingray engine like theme...

edin-purkovic avatar Mar 15 '17 14:03 edin-purkovic

@edin-p very good , this engine is open source?

zhouxs1023 avatar Mar 15 '17 14:03 zhouxs1023

@zhouxs1023 Thank you! Not at the moment...

edin-purkovic avatar Mar 15 '17 14:03 edin-purkovic

@edin-p , wow , better than Qt

codz01 avatar Mar 15 '17 17:03 codz01