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

[ocornut]

This is Part 15, 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!

[gboisse]

Some particle effects using ImGui-based nodes ✨

[Andrej123456789]

Termi, WIP terminal, loading executables and better console interface are still not here.

[TYSON-Alii]

my small game engine. link

[ItsBranK]

A fancy multicolored terminal I've been working on for a game (with autocompletes), and no it's not a cheat menu ocornut. Source can be found here.

[mborgerson]

Dear ImGui is used for the UI in xemu, an original Xbox emulator. A few improvements have been made since the last time I mentioned it here. It took a bit of work to get things to look and behave how I wanted, but I'm really happy with the result and Dear ImGui made it relatively straightforward to implement, so a big thanks to Dear ImGui contributors!

A popup menu system was added for quick actions and configuration with a controller/mouse. These popups are animated to ease in and out and feel like a menu system you'd find on a console or handheld.

For the main menu interface, a couple of custom widgets were added for toggles/sliders:

And some custom GL rendering for gamepad and logo are mixed in pretty seamlessly:

Along the way I developed a configuration system that allows you to easily define your config options and load/store from a .toml file into a simple struct, which plays nicely with Dear ImGui's control conventions and might be useful to others.

[moebiussurfing]

looks super cool @mborgerson ,
what should we look into to get use of the animated menus and theme?
do you think could be easy or it's dependant of much of your classes/manager?

[gan74]

The UE5 inspired UI in my engine editor thing, Yave. Nothing too fancy, but I like it clean and simple.

Color setup here

A cool tidbit: the gizmos are entirely drawn using ImGui, in 2D, on top of the viewport.

[travishaynes]

I'm using ImGui to create a PDF viewer designed for doing quantity takeoff from scaled construction drawings. Normally reviewing plans is a pain. Each page is 30 to 48 inches wide when printed out full size. They're packed full of details and literal walls of text. There's references for wall types, details, sections, elevations, etc. This screenshot is from one document with several views open. Two of the windows are from the same page just zoomed in on the stuff I wanted to look at, and the bottom view is a different page focused on the wall types. Normally I'd be switching from page to page, zooming in on details and stuff. I'm already using this at work full time now, and I've just barely started on it.

[DickyQi]

MIDI Play and keyboard test base on Timidity and ImGui

GitHub project: Tanlu libmidi https://github.com/tanluteam/libmidi.git

[aloneguid]

@DickyQi greao demo, how do you do spectrum visualisation with ImGui?

[DickyQi]

@aloneguid, first I need calculate audio data to FFT data and compose to db value, then I create a buffer to maintain every buffered window(in my case, it is 1024 samples). When I draw spectrum data, I also need changed data to HSV color. Actually I made a whole new class to handle audio scope data.

[ghost]

Cramped programming on Android 😄 Powered by Dear ImGui and its excellent Android backend!
https://www.youtube.com/watch?v=PR3WeI5LaHw

[tksuoran]

Working on drag and drop support in erhe:

Dragged items can be dropped in the bottom third of target to move items after target in the node tree:

Dragged items can be dropped in the middle third of target to move items as child of target node:

ImGui::BeginDragDropTargetCustom() makes implementing custom previews like this easy to do. Those who are interested, you can check for example Node_tree_window::drag_and_drop_target()

[immortalx74]

I'm using the ReaImGui bindings to create a guitar/bass MIDI editor for Reaper.
https://github.com/immortalx74/Reaffer

[aiekick]

My new soft "Lumo"
thanks to @thedmd for his cool node graph (especially the zooming feature)
Full video

[Hoek67]

Rewriting a MCU resource editor that was written in VC/C .net to pure C/C++ using ImGui and Goblin 2D/3D Engine that I've been working on for ages.

Got the main (hardest) bit working well. This is the navigator and the edit zoom. Love how a single texture is used for all 3 previews... just sized in the hardware.

The pixel editing is VERY responsive.

The ImGui fonts are so good they basically totally replace the inbuilt fonts I use to use. (This saves a LOT of time).

I started using icons for buttons but it was a pain to setup. I ended up writing a small function that adds icons to the default font by looking for PNG files in a certain directory. The icons are something like u5001.png so I know what u8 code to assign each on to.

While loading the icons I also create a grayscale one and add 0x1000 to the code.

Other thing I found GREAT about ImGui was the ability to write a debug screen for my engine to enable me to visually see what was going on. The included textures and their status, models, sounds, scene rendering and more. It also enables changing of key variables in the engine in real time to test stuff and has been (excuse the pun) a real game changer.

[aiekick]

@Hoek67 if you need a flexible and simple icon system for your buttons , you can jsut load in imgui a font icon like fontawesome or others. Then use the font codepoint in your labels. See IconFontCppHeaders or my soft ImguiFontStuudio if you need just some icons and not the whole font

[ocornut]

Tooll 3 - A realtime animation toolkit
https://github.com/still-scene/t3/

[thedemons]

Here's a fancy animated UI that's built with an animation library I've been working on.
Although it looks complex and hard to implement, the library handles most of the work.
The code is very messy for now, but I think I'm gonna publish it soon.
Edit: Sorry for the non-English text

AnimPreview.mp4

[FanisDeligiannis]

Hello! I'm developping an IDE, Assembler and Emulator for the CPU Intel 8085. This is mainly to be used by my university, but it's an open source project. This is my first "major" project and I'm working on it 100% alone.

One of the biggest challenges I'm facing, is keeping my code lightweight, cross platform, as well as supporting old systems.

I tried other options, and ImGui was by far the easiest to use, while keeping everything lightweight and working on all platforms. On top of all this, ImGui gives users 100% freedom to "choose" their own UI. Wether they want to change the layout, or use 2 screens at the same time. All that with literally 0 effort on my part!

Another plus that keeps me using ImGui is the amount of open source plugins. ImGui code is (usually) easy to understand, and thus easy to modify to my needs.

Thank you for everything!

https://github.com/FanisDeligiannis/8085_emulator

[tksuoran]

Update to erhe - 64 directional shadow-mapped lights:

[benanil]

https://github.com/benanil/Castle-Engine twitter @anilcanglk12

[dalerank]

[m516]

Just spotted Imgui in the wild:

This is the System Identification Tool from WPI, used to tune controls for First Robotics Competition robots.

[moebiussurfing]

Just spotted Imgui in the wild:

Non-Image content-type returned

[everaldojunior98]

INO3D is a 3D environment for circuits simulation.

[tksuoran]

Early version of minimally functional ImGui rendertarget viewports with OpenXR hand tracking

erhe_vr_imgui_2.mp4

[setimets]

Hello friends. Our team who is making a game engine in Com2us uses and loves ImGui. It's really helpful to use ImGui to implement various tools as shown in gallery threads of the other engines. we are really appreciated ImGui. thanks!

[Nor-s]

I made my own animation tool using imgui.

It also mimics the motion capture of Deepmotion or Plask. (only mixamorig character)

Demo Video:

[HPW-dev]

Animation editor for shmup game (v0.1)))))

editor.mp4

[ocornut]

Curiously missed this: Syntacts by none other than Evan Pezen who is making the brilliant ImPlot
https://www.syntacts.org/

Elliot_Tek posted this on twitter (shoot-em-up called Orbital20)
https://twitter.com/Elliot_Tek/status/1571978229795135488

I also noticed that newly released Return To Monkey Island (https://store.steampowered.com/app/2060130/Return_to_Monkey_Island) used Dear ImGui (1.79) as its data/strings are in the exe.

And the elephant in the room is of course there was a GTA6 leak, which showed various uses of Dear ImGui.
Not posting the screenshots both out of courtesy and because publisher are striking them down, but of course I was curious and browsed the video and found a few things, including things more interesting/advanced that in the most-shared footage (a rather polished event editor thing, material and textile editors, a camera work timeline editor etc.).

[aloneguid]

Browser Tamer (free browser selector for Windows) is using ImGui extensively for configuration and popups.
.

[dextercd]

Noita mod that extends the modding API, allowing other mods to use Dear ImGui to create interfaces. In this screenshot Component Explorer mod is making use of this extension.

[thedemons]

NVIDIA uses ImGui to develop their new RTX Remix, shown in their article

[JackWitherell]

Filet Group uses dearImgui as a development tool/debug menu their ongoing Kickstarter project, The Big Catch.

Video showing its use: Here

[m516]

ImGui has been an invaluable asset for creating an interactive, multithreaded OpenCV pipeline. Thank you Omar and all the contributors to ImGui!

source

[gboisse]

Raytracing off vs. on.
All in software, no RTX:p
And ImGui for everything UI of course!

[wolfpld]

Tracy Profiler, but running in a browser.

https://tracy.nereid.pl/

[itsvic-dev]

WolfEngine, an experimental 2D game engine (still largely unfinished imo), using Dear ImGui for the debug and editor UI

[rajkundu]

imgui-vtk (originally posted in gallery thread #12) has been overhauled with many changes. On top of some notable bugfixes and performance improvements, it now supports multiple viewports and integrates more natively with other Dear ImGui elements. Rather than being a "backend" for Dear ImGui, it is now more of a "widget." Hopefully, this will make it significantly easier for others to integrate VTK with Dear ImGui!

[ocornut]

Torch R&D Prototype at Ubisoft La Forge
https://twitter.com/Ubisoft/status/1582017652557377537

[m516]

Stable-Dreamfusion, based on DreamFusion: Text-to-3D using 2D Diffusion

pineapple.mp4

[nem0]

Outerra UI
video https://twitter.com/OuterraWS/status/1584591297758863362

[jminor]

Raven, a user interface for viewing OpenTimelineIO video/audio timelines.

[pers0na2dev]

imgui-editor_YHSOUdT9pL.mp4

Hi, I'm writing a Figma-like tool to create and automatically translate the layout into code for ImGui. So far I'm working on a prototyping system and widget customization system.

[nitz]

Edit: this post is out of date, see newer preview here: #5886 (comment)

---

I wanted to add a very tiny widget I hope some may find useful! I took a nod from the discussion happening on toggle switches, and wrapped up all the features there into a nice and neat API. Whether you're just looking to get away from a traditional checkbox or designing a UI that calls for a more explicit mutually exclusive option, toggles have got your back:

Here's the source: cmdwtf/imgui_toggle (0BSD licensed)

And here's my post on the discussion explaining my motivation and the widget: #1537#issuecomment-1307295106

gl;hf!

[HPW-dev]

CRT glitch effect.
Video: https://youtu.be/2B6I4LlOG2A

[ocornut]

Followup in #5886 (Please post in the new thread)