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 16) #5886

Open
ocornut opened this issue Nov 15, 2022 · 75 comments
Open

Gallery: Post your screenshots / code here (PART 16) #5886

ocornut opened this issue Nov 15, 2022 · 75 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Nov 15, 2022

This is Part 16, 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 ocornut pinned this issue Nov 15, 2022
Repository owner deleted a comment from brianluckham Nov 16, 2022
Repository owner deleted a comment from dsm Nov 16, 2022
@VadimBoev
Copy link

I posted the work of ImGui v1.88 in Google play, made on pure NDK without Java.
I was wondering if Google would only skip the NDK, and it worked!
The application is aimed at arm64-v8a architecture processors, but it also works fine on armeabi-v7a!
I think I'll share the code and instructions at some time.
https://play.google.com/store/apps/details?id=com.imgui.app

@fromasmtodisasm
Copy link

I posted the work of ImGui v1.88 in Google play, made on pure NDK without Java. I was wondering if Google would only skip the NDK, and it worked! The application is aimed at arm64-v8a architecture processors, but it also works fine on armeabi-v7a! I think I'll share the code and instructions at some time. https://play.google.com/store/apps/details?id=com.imgui.app

Oh man, it would be awesome if you could share the code, because google has done everything to make it difficult to adapt the code to android.

@kem0x
Copy link

kem0x commented Nov 22, 2022

I know this is not much but this really helped me a lot so it might as well help someone here ^^

ImTween

Published it here.

@ashifolfi
Copy link

ashifolfi commented Nov 24, 2022

image

UPDATE: I exposed some components to Lua and now you can actually use it in scripts

managed to get ImGui running inside of Sonic Robo Blast 2 and used it to display some performance stats. So now we have ImGui running on the Doom Engine in some form.

that's pretty much it right now but I plan to use this setup heavily for all sorts of things. Will probably post some more screenshots when I have more things setup but I thought I'd share it anyways as it's pretty neat.

@thefoxcam
Copy link

viewport
timeline
WIP open source layer-based compositor with a focus on bitmap editing for 2D motion design work, basically a combination of After Effects and Photoshop. ImGui's paradigm has been invaluable to my learning journey-- gotta thank Omar and all the contributors.

@ashifolfi
Copy link

oh also I don't think I've shared this here before but I'm also helping out with the development of Chira Engine which also uses ImGui! (apologies for posting so soon after my last one I wanted to share this one too before I forgot)

image

@ocornut
Copy link
Owner Author

ocornut commented Nov 29, 2022

NAP Framework by https://nap-labs.tech/
https://www.napframework.com

01-02-NAP-screen
01-01-NAP-screen

@moebiussurfing
Copy link

moebiussurfing commented Dec 1, 2022

Not mine, but I just found that superb audio GUI.
Sorry if not, but I think that it is ImGui, I am not 100% sure... there are many parts/apps:
image
https://sol-hsa.itch.io/sassy#download
https://kx.studio/News.php?page

@nitz
Copy link

nitz commented Dec 1, 2022

Leave it to me to feature creep the heck out of what should be a simple thing!

I've added a whole heap of customization options to imgui_toggle, A quick preview:

imgui_toggle preview

As usual, source is here: :octocat: cmdwtf/imgui_toggle (0BSD licensed)

@tsl0922
Copy link

tsl0922 commented Dec 7, 2022

Command Palette built with imgui:

source: tsl0922/ImPlay

@PathogenDavid
Copy link
Contributor

PathogenDavid commented Dec 8, 2022

Found in the wild, Portal with RTX features a familiar face:

Screenshot of Portal with RTX showing Dear ImGui developer menu

@RiffyDiffy
Copy link

Not mine, but I just found that superb audio GUI. Sorry if not, but I think that it is ImGui, I am not 100% sure... there are many parts/apps: image https://sol-hsa.itch.io/sassy#download https://kx.studio/News.php?page

Aether (The reverb plugin shown in the screenshot) doesn't use ImGui for its GUI, but the DISTRHO Ildaeil mini-plugin host uses it for controls.

@time-killer-games
Copy link

time-killer-games commented Dec 15, 2022

filedialogs

ImGui File Dialogs - CLI and Client Library by Samuel Venable.


Based on ImFileDialog by dfranx, with many bugs/crashes fixed and overall improvements. The 'Quick Access' sidebar actually remembers what favorites were previously saved to it from previous runs of your application now, by saving the settings to a text file in a hidden configuration subfolder of your home folder. Allows for full localization among many other good things you'll find useful. Most of the dialog is customizable via environment variables. Uses system icon theme.


spritetool

3D-2D Sprite Tool for GameMaker Studio 2 by YoYoGames Ltd.


This tool makes gathering sprite images from 3D models significantly easier, allowing you to get your vision into GameMaker faster. This is the first version of the tool and the start of our new foray into the third dimension.

@Andrej123456789
Copy link

Andrej123456789 commented Dec 24, 2022

image
Termi, a terminal

Last time I posted a picture of Termi (#5243) Termi didn't have commands in .DLL or .so file NOR GUI models. GUI models today in third stable version are mostly just JSON entry but commands are fully finished with support of loading any command built by anyone using any programming language that can be compiled to .DLL file or .so file and can call functions in .DLL or .so files

Merry Christmas btw to entire Dear ImGui team and everyone else

@slajerek
Copy link

slajerek commented Dec 26, 2022

https://github.com/slajerek/RetroDebugger

Thanks a lot to @ocornut for making this happen!

320567252_1356347071841664_4581552724441969234_n
320563051_1164221430893861_6931154351 320603001_1176403213019773_6193949470130406182_n 716993655_n
320603001_1176403213019773_6193949470130406182_n

@ypujante
Copy link
Contributor

ypujante commented Jan 4, 2023

RE Edit, a free and open source WYSIWYG editor for the UI of a Rack Extension

Dark Style

RE Edit - Dark

Light Style

RE Edit - Light

@elias-plank
Copy link

Application for controlling a custom GoTo-AltAz-Mount for my telescope

Here is a preview of what the user interface of my application looks like. It uses an OpenGL backend, and C++. Don't get distracted by the weird descriptions on the individual targets, I am still parsing them wrong.

targets

Each target is selectable, and the following modal is displayed when a target is selected:

details

graph

And yes, there is also a dark mode:

dark-mode

@nitz
Copy link

nitz commented Jan 12, 2023

The recently release tool SpriteMancer by CodeManu makes use of our favorite library, complete with an @ocornut shoutout!

image

image

@aiekick
Copy link
Contributor

aiekick commented Jan 23, 2023

At job, I needed a tool for display Numerical Signal based logs to graph curve, for easy analyze.

The tool is called LogToGraph

So generic, since the parsing of a log file is done by a lua script. so easy modifable by a user.

In more than Dear ImGui, Thanks to ImPlot for his incredible graph possibilites

Quick demo : (here with a profiler log of my soft NoodlesPlate of a MandelBulb shader)
LogToGraph_Msvc_x64_ynHVEfnFss

@Jacckii
Copy link

Jacckii commented Jan 23, 2023

My practical part of my thesis called "Demonstration of Signal digitization". It uses dear ImGui and ImPlot. It has a Web assembly version that is hosted on GitHub Pages
preview
https://github.com/Jacckii/SignalDigitization

@terrifictable
Copy link

A Shader Editor like glslsandbox im currently working on
image

https://github.com/TerrificTable/ShaderEditor

@slajerek
Copy link

Code editor in an ImGui-powered engine. It has a few more features than ImGuiColorTextEdit.

@vdweller84 Nice. I integrated ImGuiColorTextEdit sometime ago to my project, but frankly speaking number of bugs there makes it unusable. Is your upgrade open source and available somewhere? Thanks.

@vdweller84
Copy link

vdweller84 commented Apr 11, 2023

Code editor in an ImGui-powered engine. It has a few more features than ImGuiColorTextEdit.

@vdweller84 Nice. I integrated ImGuiColorTextEdit sometime ago to my project, but frankly speaking number of bugs there makes it unusable. Is your upgrade open source and available somewhere? Thanks.

I am just going to reply for this once here, since this thread is for screenshots.

I too was frustrated with the state of ImGuiColorTextEdit. I really have no issue with making the code public (it will help with bug hunting too), after all ImGui itself is open source, but there are a few hindrances.

The major issue here is dependencies. As it is right now, there are 3 big ones: Google's RE2 and libclipboard. I use the former for all things regex and the latter to get/set clipboard text and set up a potential for cross/platform usage. Regex libraries can't usually be replaced in a drop-in way and this may cause complications. Also, for whatever reason, I haven't managed to make ImGui's clipboard functions work properly yet. This may require taking a look inside these functions but this is a time investment I'm not very able to afford. Dependencies means lots of people dropping by just to ask me to remove them. Lastly, I use utf8-cpp for processing utf-8 code points. It's a great and simple library, but yet another dependency.

I also use SDL just to get the status of the NumLock key but that's probably just something silly of me (I also use SDL for the "Main" project of which this text editor is a part of).

Also, the text editor uses image icons (the usual ImTextureID way) that users will have to supply for the Search/Replace icons. This further complicates things as baking icons into the editor will be a huge round trip for me right now.

Another (probably minor) issue is people requesting more features which, in theory, will require me to actively keep developing this, something I cannot afford to do right now as this is a part of a much larger project.

A last issue is that I am not a very good programmer and I am still learning things. While I'm pretty happy with what 3000 lines of code accomplished for this text editor (ImGuiColorTextEdit is about 2500 lines discounting language definitions and still has a lot of issues and less features), I don't want other people having an aneurysm.

Anyway, once I set up all core features, I might make a repository for this. Just a heads up about the general state of this editor.

@inobelar
Copy link

image
C++ web app (yep - emscripten, wasm, webgl), ImGui-based interactive Yoga Playground.

It similar to official (but kinda outdated web playground). The main goal of it - to be able to test latest changes in Yoga library, without dealing with web stuff (js, npm, packets, etc bloatware), also for API education & studying, and easy hacking of course :)

@kem0x
Copy link

kem0x commented Apr 14, 2023

VPN Client
VCT_essi68YEaz

@aloneguid
Copy link

@XorJS
Copy link

XorJS commented Apr 15, 2023

git-whale is a Windows tool to synchronize git and github repositories (done in C++ and ImGui).

git-whale0 webp

@XorJS
Copy link

XorJS commented Apr 15, 2023

Ma'am Popcorn is a tiny game about actors and movies where the goal is to pick a specific actor who plays in a specific movie or vice versa. (ImGui / Wasm / C++)

Video

Play

@Aarkham
Copy link

Aarkham commented Apr 16, 2023

I have adapted nodesoup from Olivier Birot to dear imgui. I just made the changes to allow for an interactive frame rate. All credit goes to him.

Original code https://github.com/olvb/nodesoup
My adaptation https://github.com/Aarkham/ImNodeSoup

ImNodeSoup

@ocornut
Copy link
Owner Author

ocornut commented Apr 19, 2023

Spotted in this GDC Talk for God of War: Ragnarok:
https://www.gdcvault.com/play/1028846/Rendering-God-of-War-Ragnark

God of War Ragnarock 02-halfsize
God of War Ragnarock 04
God of War Ragnarock 05

@DickyQi
Copy link

DickyQi commented Apr 20, 2023

multi_viewpoint

MediaEditor Community(MEC) is a highly integrated and easy to learn application software that can be used to create, edit, and produce high-quality videos.

  • Support complete timeline editing functions, including move, crop, cut, thumbnail preview, scale and delete.

timeline

- Support more flexible and easily blueprint system. Blueprint💫 is represented in the form of nodes, which can handle complex functions through nodes and flows.

blueprint

  • Support about 30+ built-in media filters and 60+ built-in media fusions
    fusion

add-filter

  • Support about 10 video and audio analysis tools
    cie

waveform

spec

MEC v0.9.7 release

@movecx
Copy link

movecx commented Apr 20, 2023

I was researching an easy way to make a blur effect in imgui (windows only though most pixel shader implementations are platform specific unless you use open gl or similar) and I came across this source code by Rex-08 https://github.com/Rex-08/ImGui-desktop-design-base

it contains this function here

void RenderBlur( HWND hwnd ) {
    struct ACCENTPOLICY {
        int na;
        int nf;
        int nc;
        int nA;
    };
    struct WINCOMPATTRDATA {
        int na;
        PVOID pd;
        ULONG ul;
    };

    const HINSTANCE hm = LoadLibrary( L"user32.dll" );
    if ( hm ) {
        typedef BOOL( WINAPI* pSetWindowCompositionAttribute )( HWND, WINCOMPATTRDATA* );

        const pSetWindowCompositionAttribute SetWindowCompositionAttribute = ( pSetWindowCompositionAttribute )GetProcAddress( hm, "SetWindowCompositionAttribute" );
        if ( SetWindowCompositionAttribute ) {
            ACCENTPOLICY policy = { 3, 0, 0, 0 };
            WINCOMPATTRDATA data = { 19, &policy,sizeof( ACCENTPOLICY ) };
            SetWindowCompositionAttribute( hwnd, &data );
        }
        FreeLibrary( hm );
    }
}

which when run will give you this nice glass effect on transparent parts of your window:
image

as a bonus it isn't DX version specific, though obviously it only works with desktop applications and won't work for something like an in game gui.

Hope this helps anyone looking to make a similar effect.

@alektron
Copy link
Contributor

DXF Explorer is a web application that's supposed to help reading and understanding the DXF file format used by various CAD tools:
https://alek-tron.com/DxfExplorer/

It is using the ImGui Emscripten backend.

image

Some of the (sub)tree views use a custom clipper similar to ImGuiListClipper after a certain number of items to allow for huge lists. However the approach has some drawbacks e.g. only a single node per layer can be open at the same time.

@psyq321
Copy link

psyq321 commented May 1, 2023

DigiCortex v2 (artificial brain simulator) is using Dear ImGui:

image

This video shows how it looks 'in real life':

IMAGE ALT TEXT HERE

@EddieEldridge
Copy link

EddieEldridge commented May 7, 2023

image
image
image

Some GUI's made using ImGUI (as part of the Engine Overhaul Project for Medieval II: Total War)

@Vasili-Sk
Copy link

screenshot
confusw
Made configuration app for my CAN-bus devices, never been so easy!
Main app on C#

@time-killer-games
Copy link

time-killer-games commented May 11, 2023

OpenNBS-Light

OpenNBS-Dark

Open Minecraft Note Block Studio is a cross-platform music maker for desktops which can import an export a variety of sound formats, even ones that can be played within Minecraft. Created with GameMaker Studio 2, C++, SDL2, and of course, ImGui.

The new version which adds macOS and Linux support to the existing Windows support and has ImGui dialogs added is in a pull request of mine currently. It is pending review as we speak. https://github.com/time-killer-games/OpenNoteBlockStudio :D

@Hunternif
Copy link

Hunternif commented May 13, 2023

I'm building a 3d editor for procedural generation of blocky buildings, a la Minecraft :)

Screenshot 2023-04-17 00 53 08
Screenshot 2023-05-13 15 10 05

@morgondag
Copy link

image

Bit Animation Editor

A pixelart composition tool for game developers
https://store.steampowered.com/app/1370650/Bit__Animation_Editor/

image

So you can make thing like this
image

image
Export to Unreal5

image

@time-killer-games
Copy link

GameMaker Studio 2 is now using ImGui for a debug overlay as of the newest Beta.

https://gms.yoyogames.com/release-notes-runtime-NuBeta.html

@Froyok
Copy link

Froyok commented May 18, 2023

I have been working with Dear ImGui for a few years now, it's always my goto library to build UI nowamdays (I presume I'm not the only one). I love it and wanted to share my many and sincere thanks for it. It's such a pleasure to work with !

  • I have been using Dear ImGui as the window management and behavior for the UI of a little RPG project. It uses custom drawing, but widget placement, sizing and state is driven by Dear ImGui underneath.
    • flairepg_scrollbar_final
    • Y0731_134843
  • I'm currently working on my own game engine called Ombre, the debug UI is also driven by Dear ImGui. The editor/in-game UI will likely be using it too.
    • 2023-05-18__10-25-51
    • 2023-05-17__10-53-23

I like to push as far as I can the customization of the look, without editing the original library (since I use wrappers,notably Python and LUA ones). :)

@alektron
Copy link
Contributor

@Froyok Any chance you could share the style settings of the Ombre UI?
There are obviously some custom elements that are not just purely style but I really like the overall colors/font of this nonetheless.

@Froyok
Copy link

Froyok commented May 19, 2023

@alektron

@Froyok Any chance you could share the style settings of the Ombre UI? There are obviously some custom elements that are not just purely style but I really like the overall colors/font of this nonetheless.

I won't post here the Imgui function calls, mostly because I do many push/pop in intermediate places.
Here is the color scheme however:

Transparent = IMGUI.ImVec4_Float( 0.0, 0.0, 0.0, 0.0 ),
White = IMGUI.ImVec4_Float( 1.0, 1.0, 1.0, 1.0 ),
Black = IMGUI.ImVec4_Float( 0.0, 0.0, 0.0, 1.0 ),
Bright = IMGUI.ImVec4_Float( 1.0, 0.937, 0.831, 1.0 ),		-- #FFEED3
Medium = IMGUI.ImVec4_Float( 0.8, 0.718, 0.565, 1.0 ),		-- #CCB790
Low = IMGUI.ImVec4_Float( 0.48, 0.449, 0.392, 1.0 ),		-- #7A7263 
Dark = IMGUI.ImVec4_Float( 0.298, 0.329, 0.349, 1.0 ),		-- #4B5358
Darker = IMGUI.ImVec4_Float( 0.178, 0.191, 0.199, 1.0 ),	-- #2D3032 
Background = IMGUI.ImVec4_Float( 0.086, 0.086, 0.086, 1.0 )	-- #151515

@aiekick
Copy link
Contributor

aiekick commented May 19, 2023

A technical demo who is using Dear ImGui (found on twitter )
Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifold
Project link github
DragGAN

@ocornut
Copy link
Owner Author

ocornut commented May 29, 2023

Yacht Club Games (Shovel Knight & co) posted about their tech for Mina The Hollower:
https://twitter.com/YachtClubGames/status/1662139803541082112
Blog
https://www.yachtclubgames.com/blog/engine-sneak-peek

They are full GIF on the Blog page, some stills:

cutscene

fire

palette tool

etc.

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