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 15) #5243

Open
ocornut opened this issue Apr 25, 2022 · 64 comments
Open

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

ocornut opened this issue Apr 25, 2022 · 64 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Apr 25, 2022

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
Copy link

gboisse commented Apr 27, 2022

Some particle effects using ImGui-based nodes ✨

imgui_shot1

@Andrej123456789
Copy link

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

@TYSON-Alii
Copy link

v0 1 3

my small game engine. link

@ItsBranK
Copy link

ItsBranK commented May 7, 2022

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
Copy link

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.
popup mp4

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

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

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
Copy link

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
Copy link
Contributor

gan74 commented May 16, 2022

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

Yave

Color setup here

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

@travishaynes
Copy link

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.

Screenshot from 2022-05-21 16-55-19

@DickyQi
Copy link

DickyQi commented May 22, 2022

MIDI Play and keyboard test base on Timidity and ImGui

截屏2022-05-22 22 40 35

截屏2022-06-06 13 34 53

截屏2022-05-22 22 40 53

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

@aloneguid
Copy link

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

@DickyQi
Copy link

DickyQi commented May 23, 2022

@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
Copy link

ghost commented May 27, 2022

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

@tksuoran
Copy link

tksuoran commented Jun 1, 2022

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:
drag_and_drop_after

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

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
Copy link

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

@aiekick
Copy link
Contributor

aiekick commented Jun 6, 2022

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

@Hoek67
Copy link

Hoek67 commented Jun 7, 2022

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.

imgui1

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
Copy link
Contributor

aiekick commented Jun 7, 2022

@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
Copy link
Owner Author

ocornut commented Jun 14, 2022

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

@thedemons
Copy link
Contributor

thedemons commented Jun 14, 2022

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
Copy link

FanisDeligiannis commented Jun 15, 2022

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

image

@tksuoran
Copy link

Update to erhe - 64 directional shadow-mapped lights:
2022_06_17

@benanil
Copy link
Contributor

benanil commented Jun 21, 2022

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

@dalerank
Copy link

dalerank commented Jun 25, 2022

175765251-8394f488-f126-4422-9c71-e8b69420b173

@m516
Copy link

m516 commented Aug 31, 2022

Just spotted Imgui in the wild:

screenshot

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

@moebiussurfing
Copy link

moebiussurfing commented Aug 31, 2022

Just spotted Imgui in the wild:

screenshot

Non-Image content-type returned

@everaldojunior98
Copy link

INO3D is a 3D environment for circuits simulation.
image

@tksuoran
Copy link

tksuoran commented Sep 4, 2022

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

erhe_vr_imgui_2.mp4

@setimets
Copy link

setimets commented Sep 5, 2022

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!

unnamed
unnamed

@Nor-s
Copy link

Nor-s commented Sep 11, 2022

I made my own animation tool using imgui.

test7_move

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

test8_move

Demo Video:

Video Label

@HPW-dev
Copy link

HPW-dev commented Sep 17, 2022

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

editor.mp4

@ocornut
Copy link
Owner Author

ocornut commented Sep 20, 2022

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

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

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
Copy link

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

@dextercd
Copy link
Contributor

dextercd commented Sep 22, 2022

image

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
Copy link
Contributor

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

@JackWitherell
Copy link

JackWitherell commented Sep 27, 2022

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

Video showing its use: Here

image

@m516
Copy link

m516 commented Sep 29, 2022

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

Thresholding on a Webcam in real time
source

@gboisse
Copy link

gboisse commented Oct 2, 2022

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

16142561-A4FC-4F92-83EB-AB5BFD418E28
5DB3447D-E7FE-4D27-BCDB-561B0C37E834

@wolfpld
Copy link
Contributor

wolfpld commented Oct 2, 2022

Tracy Profiler, but running in a browser.

https://tracy.nereid.pl/

@itsvic-dev
Copy link

itsvic-dev commented Oct 8, 2022

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

image

image

@rajkundu
Copy link

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! imgui-vtk demo

@ocornut
Copy link
Owner Author

ocornut commented Oct 19, 2022

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

Ubisoft La Forge - Torch mp4_snapshot_00 03_ 2022 10 19_14 01 09
Ubisoft La Forge - Torch mp4_snapshot_00 08_ 2022 10 19_14 01 23

@m516
Copy link

m516 commented Oct 23, 2022

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

pineapple.mp4

@nem0
Copy link
Contributor

nem0 commented Oct 24, 2022

image
image

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

@jminor
Copy link

jminor commented Oct 28, 2022

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

demo

@pers0na2dev
Copy link

pers0na2dev commented Nov 5, 2022

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
Copy link

nitz commented Nov 8, 2022

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:

imgui_toggle preview

Here's the source: :octocat: 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
Copy link

HPW-dev commented Nov 8, 2022

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

@ocornut
Copy link
Owner Author

ocornut commented Nov 15, 2022

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

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