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

[ocornut]

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

Browse all threads using the gallery label.

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

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
Screenshots Part 10 #2847
Screenshots Part 11 #3075
Screenshots Part 12 #3488
Screenshots Part 13 #3793
Screenshots Part 14 #4451
[...] see gallery label link above for newer pages.

You can post your screenshots here!

[KyoKazehaya]

Screenshot of my custom OpenGL Engine using imgui. Features a small file explorer for changing textures in real time, postprocess compositor editing, colorpicker for lighning colors, Unity like hierarchy tree with inspector, draggable and dockable windows and a console log for info/warnings/errors. 😄 👍

[JWki]

Nothing too special, playing with the image picker for some mesh painting:

[nem0]

Browser with preview

[ocornut]

Some tooling pictures from the game "TT Isle of Man Ride of the Edge" visible in their dev diary
https://www.youtube.com/watch?v=xfRMo4vKWeA
At 00:31, 3:49, 4:28

[thennequin]

WIP simple image editor using ImGui, STB and ImWindow with DX11 backend.

[codecnotsupported]

What is 'STB' @thennequin?

[ocornut]

What is 'STB' @thennequin?

https://github.com/nothings/stb/

[r-lyeh-archived]

Small 3D software engine, rendered with ImGui drawlines. Meant to be used on top of IMGUI windows for 2D/3D debugdraw and overlay purposes.

[berkay2578]

I'm using ImGui to customise the good old MW: 2005 to my liking, I'm even using it do draw my own HUD (well, technically only a speedometer, for now)!

(image does no justice, take a look at the gif below)

gif

another one:

gif 2

[cmaughan]

This simple/hackable text editor has been my code & coffee project for a while. Poor-man's Vim mode (shown in the gif), and regular mode. Syntax highlighting, undo/redo, etc. I'll open source it when it is done.

[ongamex]

@berkay2578 Can we get your color theme please?

[berkay2578]

@ongamex Sure, here you go:

ImGuiStyle* style = &ImGui::GetStyle(); // you probably shouldn't do this, it's just a habit of mine

style->WindowPadding       = ImVec2(10.0f, 10.0f);
style->WindowRounding      = 5.0f;
style->ChildWindowRounding = 5.0f;
style->FramePadding        = ImVec2(5.0f, 4.0f);
style->FrameRounding       = 5.0f;
style->ItemSpacing         = ImVec2(5.0f, 5.0f);
style->ItemInnerSpacing    = ImVec2(10.0f, 10.0f);
style->IndentSpacing       = 15.0f;
style->ScrollbarSize       = 16.0f;
style->ScrollbarRounding   = 5.0f;
style->GrabMinSize         = 7.0f;
style->GrabRounding        = 2.0f;

style->Colors[ImGuiCol_Text]                 = ImVec4(0.00f, 0.00f, 0.00f, 1.00f);
style->Colors[ImGuiCol_TextDisabled]         = ImVec4(0.59f, 0.59f, 0.59f, 1.00f);
style->Colors[ImGuiCol_WindowBg]             = ImVec4(1.00f, 1.00f, 1.00f, 1.00f);
style->Colors[ImGuiCol_ChildWindowBg]        = ImVec4(0.92f, 0.92f, 0.92f, 1.00f);
style->Colors[ImGuiCol_PopupBg]              = ImVec4(0.05f, 0.05f, 0.10f, 1.00f);
style->Colors[ImGuiCol_Border]               = ImVec4(0.00f, 0.00f, 0.00f, 0.80f);
style->Colors[ImGuiCol_BorderShadow]         = ImVec4(0.00f, 0.00f, 0.00f, 0.00f);
style->Colors[ImGuiCol_FrameBg]              = ImVec4(0.71f, 0.71f, 0.71f, 0.39f);
style->Colors[ImGuiCol_FrameBgHovered]       = ImVec4(0.00f, 0.59f, 0.80f, 0.43f);
style->Colors[ImGuiCol_FrameBgActive]        = ImVec4(0.00f, 0.47f, 0.71f, 0.67f);
style->Colors[ImGuiCol_TitleBg]              = ImVec4(1.00f, 1.00f, 1.00f, 0.80f);
style->Colors[ImGuiCol_TitleBgCollapsed]     = ImVec4(0.78f, 0.78f, 0.78f, 0.39f);
style->Colors[ImGuiCol_TitleBgActive]        = ImVec4(1.00f, 1.00f, 1.00f, 1.00f);
style->Colors[ImGuiCol_MenuBarBg]            = ImVec4(0.90f, 0.90f, 0.90f, 1.00f);
style->Colors[ImGuiCol_ScrollbarBg]          = ImVec4(0.20f, 0.25f, 0.30f, 0.60f);
style->Colors[ImGuiCol_ScrollbarGrab]        = ImVec4(0.00f, 0.00f, 0.00f, 0.39f);
style->Colors[ImGuiCol_ScrollbarGrabHovered] = ImVec4(0.00f, 0.00f, 0.00f, 0.59f);
style->Colors[ImGuiCol_ScrollbarGrabActive]  = ImVec4(0.00f, 0.00f, 0.00f, 0.78f);
style->Colors[ImGuiCol_ComboBg]              = ImVec4(0.78f, 0.78f, 0.78f, 0.98f);
style->Colors[ImGuiCol_CheckMark]            = ImVec4(0.27f, 0.59f, 0.75f, 1.00f);
style->Colors[ImGuiCol_SliderGrab]           = ImVec4(0.00f, 0.00f, 0.00f, 0.35f);
style->Colors[ImGuiCol_SliderGrabActive]     = ImVec4(0.00f, 0.00f, 0.00f, 0.59f);
style->Colors[ImGuiCol_Button]               = ImVec4(0.00f, 0.00f, 0.00f, 0.27f);
style->Colors[ImGuiCol_ButtonHovered]        = ImVec4(0.00f, 0.59f, 0.80f, 0.43f);
style->Colors[ImGuiCol_ButtonActive]         = ImVec4(0.00f, 0.47f, 0.71f, 0.67f);
style->Colors[ImGuiCol_Header]               = ImVec4(0.71f, 0.71f, 0.71f, 0.39f);
style->Colors[ImGuiCol_HeaderHovered]        = ImVec4(0.20f, 0.51f, 0.67f, 1.00f);
style->Colors[ImGuiCol_HeaderActive]         = ImVec4(0.08f, 0.39f, 0.55f, 1.00f);
style->Colors[ImGuiCol_Separator]            = ImVec4(0.00f, 0.00f, 0.00f, 1.00f);
style->Colors[ImGuiCol_SeparatorHovered]     = ImVec4(0.27f, 0.59f, 0.75f, 1.00f);
style->Colors[ImGuiCol_SeparatorActive]      = ImVec4(0.08f, 0.39f, 0.55f, 1.00f);
style->Colors[ImGuiCol_ResizeGrip]           = ImVec4(0.00f, 0.00f, 0.00f, 0.78f);
style->Colors[ImGuiCol_ResizeGripHovered]    = ImVec4(0.27f, 0.59f, 0.75f, 0.78f);
style->Colors[ImGuiCol_ResizeGripActive]     = ImVec4(0.08f, 0.39f, 0.55f, 0.78f);
style->Colors[ImGuiCol_CloseButton]          = ImVec4(0.00f, 0.00f, 0.00f, 0.50f);
style->Colors[ImGuiCol_CloseButtonHovered]   = ImVec4(0.71f, 0.71f, 0.71f, 0.60f);
style->Colors[ImGuiCol_CloseButtonActive]    = ImVec4(0.59f, 0.59f, 0.59f, 1.00f);
style->Colors[ImGuiCol_PlotLines]            = ImVec4(1.00f, 1.00f, 1.00f, 1.00f);
style->Colors[ImGuiCol_PlotLinesHovered]     = ImVec4(0.90f, 0.70f, 0.00f, 1.00f);
style->Colors[ImGuiCol_PlotHistogram]        = ImVec4(0.90f, 0.70f, 0.00f, 1.00f);
style->Colors[ImGuiCol_PlotHistogramHovered] = ImVec4(1.00f, 0.60f, 0.00f, 1.00f);
style->Colors[ImGuiCol_TextSelectedBg]       = ImVec4(0.27f, 0.59f, 0.75f, 1.00f);
style->Colors[ImGuiCol_ModalWindowDarkening] = ImVec4(0.00f, 0.00f, 0.00f, 0.35f);

@berkay2578 - I don't think this is much different to imgui standard. If you mean the syntax colours, I copied them from VC's dark theme (ish). I'll put it all up with the code when I finish this up...

I mean... I... ugh... Did I miss some edits? I don't know why you have mentioned me. @cmaughan

[cmaughan]

Sorry @berkay2578, too much coffee ;-)

[ocornut]

Cheevos Explorer
If I am not mistaken this is by @leiradel

gpuvis
https://github.com/mikesart/gpuvis

[leiradel]

Here's a more up-to-date screen shot.

I've released the source code here.

[ocornut]

From Mount & Blade II: Bannerlord blog post:
https://www.taleworlds.com/en/Games/Bannerlord/Blog/25

[ongamex]

The engine that I made for myself(and I'm still working on) and the game that I start to work on.
https://twitter.com/ongamex92

[slages]

I'm currently working with Unity, and here's one of the first thing I made, sorry... :)

[ocornut]

I'm currently working with Unity, and here's one of the first thing I made, sorry... :)

Nice! Are you going to publish the code for that? I think a few people would be interested. (@sronsse was trying to do it at some point too).

[slages]

Nice! Are you going to publish the code for that? I think a few people would be interested. (@sronsse was trying to do it at some point too).

I'll try but It's part of some client work for now, I'll need to discuss with him about it (but it's a big structure with a lot of security concerns, I can't guarantee anything...).

But basically I've taken the ImGuiNET port and build it with UNITY, it was quite straightforward (I just had to move things like System.Numerics vectors to UNITY vectors for instance). And for the rendering part, it's super simple, I'm just using the GL commands provided by the engine with a custom shader to handle the clipping rects, I'll probably move it to a more optimized method later but for now it's doing the job.

[hamoid]

Gui for What the Loop, which should be released soon for iOS. Made with OpenFrameworks.

[laanwj]

The debug/reverse engineering UI of my SDL2+OpenGL ES 2 port of the 1984 Atari ST game SunDog:

Having used a lot of GUI toolkits in the past, I was pleasantly surprised on how easy and effortless imgui is to use and integrate, It's like the printf() of GUIs :-)

[kingeric1992]

fully functional resolve-liked widget.

[ocornut]

Exact usage unknown, but Nintendo' SNES Mini lists dear imgui in its legal blurb:

(spotted by /mkosler on twitter)

[djdeath]

GPUTop, a system wide GPU analysis tool for Intel GPU on Linux : https://github.com/rib/gputop/
UI is also deployed to emscripten/webgl at http://www.gputop.com/

[JSandusky]

Been gutting the daylights out of @thedmd 's node editor and @BalazsJako 's text editor this weekend getting shader-graphs setup and generating code in both GLSL and HLSL (that actually works, mostly).

Most of the shader generation was stupid trivial ... except for the whole vertex-data / linkage bit that I've rewritten 5 or 6 times now.

[ArnCarveris]

@JSandusky Any source code will be published?

[JSandusky]

@ArnCarveris the shader specific stuff will be. I'm spinning it off into an Urho3D shader editor over the course of this week and I'll be OSS'ing that at the end of the week (doubt it'll take more than 1 or 2 more days really).

The final stuff probably won't be since I want to take it off into a direction similar to TFX in Bungie's Destiny and a much larger swathe than just shading in the pipeline.

[cmaughan]

I posted earlier in this thread about a little editor I had been working on. It has moved along a little bit - and can now be used with Qt or ImGui, and source is available for those interested. It supports a notepad-like editing mode, and a Vim mode. Still a work in progress, but it is probably stable enough to use :)
There are build badges which take you to Mac/Linux & PC CI, and unit tests, in particular for the Vim mode.

It is on my page here: https://github.com/cmaughan/zep

[LAK132]

I managed to get this running almost flawlessly on an ESP32 with a TFT screen, just need to work out how to get the fonts to display correctly and get a pixel buffer going with the limited RAM

Code so far: https://pastebin.com/qCvDQ49v

https://i.imgur.com/lbYkYem.gifv

Edit: reading the vert buffer correctly

[ocornut]

@LAK132 Nice! For software rasterization you may specialize your code for what imgui is outputing. Some suggestions: 1/ check uv coordinates to detect primitives that are pointing to the white pixel of the text atlas, so for all the filling you don’t need to be texture mapping = faster. 2/ detect axis aligned quad made of two triangles: they are the text quads. Rasterizing a textured, axis aligned quad is much easier than two random textures triangles = faster. 3/ disable anti-aliased primitives, disable rounding = much much faster polygons = faster. 4/ then you might optimize for clipped vs not clipped paths as well. There’s also a software rasterizer example here, I don’t know how fast it is https://github.com/sronsse/imgui/tree/sw_rasterizer_example/examples/sdl_sw_example At some point I'd like to provide a nicely optimized software rendering example. It will also be useful for our regression-testing system.

[ocornut]

This is Part 5. Locking this now. Moving to Part 6.
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!)

[Gellert5225]

This is the menu I'm working on currently.

idk what games you plan to cheat on, if it's single player then whatever, if it's an online game then f off

[zjutcaicai]

I'm using ImGui to customise the good old MW: 2005 to my liking, I'm even using it do draw my own HUD (well, technically only a speedometer, for now)!

(image does no justice, take a look at the gif below)

gif

another one:

gif 2

hello！your design is pretty good.Is this project open source？