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 17) #6478

Open
ocornut opened this issue May 30, 2023 · 67 comments
Open

Gallery: Post your screenshots / code here (PART 17) #6478

ocornut opened this issue May 30, 2023 · 67 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented May 30, 2023

This is Part 17, I am splitting issues to reduce loading times and avoid github collapsing messages.

Browse all threads and find latest one using the gallery label.

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

You can post your screenshots here!

@ocornut ocornut changed the title Screenshots Part 17 Gallery: Post your screenshots / code here (PART 17) May 30, 2023
@ocornut ocornut pinned this issue May 30, 2023
@eleriaqueen
Copy link

WIP modding tool for a somewhat retro game made with my limited programming knowledge and skills.

Screenshot_20230530_204531

@alipbcs
Copy link

alipbcs commented May 31, 2023

I used ImGui, ImPlot, and imnodes in my hobby real-time renderer. Full source code available on GitHub.


3


6

@lucabart97
Copy link

TII Unimore Racing, a University of Modena and Reggio Emilia team.

This is our perception stack completing a full lap in Autodromo Nazionale Monza using LiDAR localization only during Indy Autonomous Challenge.

tii_unimore_racing.mp4

@stalkeriy2010
Copy link

stalkeriy2010 commented Jun 2, 2023

Spotted in S.T.A.L.K.E.R. 2: Heart of Chornobyl.
out2087

@sarchar
Copy link

sarchar commented Jun 4, 2023

Working on a small project..will be released open source soon!

image

@qoala101
Copy link

qoala101 commented Jun 8, 2023

PONC is the graphical tool used by telecommunication engineers to design, manage, and optimize Passive Optical Network layouts.

https://github.com/qoala101/ponc

Feature 1
Feature 3

Based on https://github.com/thedmd/imgui-node-editor

@cmaughan
Copy link
Contributor

A little library of useful audio code. Uses ImGui for UI for choosing devices, etc. Shows how to gather audio data and do FFT for real-time frequency analysis in threads, and demos my little profiler for looking at thread work. Supports loading and rendering a midi file using the tiny sound font synthesiser, and hooks up ableton link for tempo synchronisation. Also shows how to synthesise audio using the soundpipe library. Just a useful grab-bag of bits if you are getting into audio coding.

image

https://github.com/Rezonality/zing

@gboisse
Copy link

gboisse commented Jun 12, 2023

Some shots from the ImGui-based editor we used to produce our Revision 2023 demo: https://www.pouet.net/prod.php?which=94177

behind_the_scenes-00
behind_the_scenes-01
behind_the_scenes-02
behind_the_scenes-03

Dear ImGui has been amazing from the start and remains a pleasure to work with 🙂

@tildearrow
Copy link

tildearrow commented Jun 13, 2023

Furnace - a multi-system chiptune tracker with support for many chips and a customizable interface.

screenshot 1
screenshot 2
screenshot 3

Only Dear ImGui made this possible - without it, our development pace wouldn't be so fast.

@pthom
Copy link
Contributor

pthom commented Jun 13, 2023

I spotted this in a recent research paper about image generation and interactive deformation:
Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifold

There are demos videos in the linked page.

image

This looks like a usage of ImGui in a research environment, so it probably uses a form of python bindings. However, no info about this is provided in the paper.

@aiekick
Copy link
Contributor

aiekick commented Jun 14, 2023

Just for fun. see my WIP ToolBar :)

TBApp_WIn32_gaiNxqKF9N

for the moment the syntax is in ImGui style :

if (ImGui::BeginToolBar()) {
    if (ImGui::BeginToolBarItem()) {
        if (ImGui::ButtonImage((ImTextureID)tex, "label")) {
            // do some action
        }
        ImGui::EndToolBarItem();
    }
    ImGui::EndToolBar();
}

i'll see if i can keep this simple behavior until the end :)

@frink
Copy link
Contributor

frink commented Jun 15, 2023

@aiekick You must publish! Beautiful!

@RorySoh
Copy link

RorySoh commented Jun 15, 2023

Nin Online is an MMORPG that started development in 2013 and launched in 2017 built with a Visual Basic 6 engine. In recent years, we ported the game to C# with .NET Framework. Now, we're using .NET 6 and all our UI systems have been replaced with just ImGui (We had 6 separate systems, including WinForms for our in-game editor suite). The HUD and every UI piece in the screen is also ImGui. There's actually a lot more cool stuff in the game, like animated UI elements that are done in ImGui.
Performance has been amazing too.

Login
Ingame
MapEditor
EventEditor2

Here are more screenshots!
https://imgur.com/a/6urSiYC

Thank you @ocornut and all the contributors for ImGui, it's amazing.

Here is a showcase comparing our old Development suite vs the new ImGui one...
YouTube Video Showcasing New Dev Suite

This is a link to Nin Online

@PathogenDavid
Copy link
Contributor

@RorySoh Cool project and cool use of Dear ImGui!

(FYI all your links are broken due to being formatted incorrectly. See GitHub's documentation for details.)

@k1epic
Copy link

k1epic commented Jun 16, 2023

RTL layout test Windows 11

2023-06-17.011911.mp4

Persian type test (فارسی نویسی)

013428.mp4

@pixtur
Copy link

pixtur commented Jun 18, 2023

Tooll v3.6 / www.tooll.io

https://www.youtube.com/watch?v=WK4j0H-oM3g

image

@aiekick
Copy link
Contributor

aiekick commented Jun 26, 2023

ImCoolBar
ImCoolBarApp_WIn32_cpUeIWSPfZ

@ocornut
Copy link
Owner Author

ocornut commented Jun 30, 2023

Amusing: apparently one in-game localized asset for Pikmin 4 accidentally has a Dear ImGui tool in the capture:

https://twitter.com/EspyoPT/status/1674531301473529857/photo/1
image

@pkhead
Copy link

pkhead commented Jul 2, 2023

I've made a plugin UI host in ImGui
image

@ta-david-yu
Copy link

I made an editor for my ECS game engine - DYEngine.
I can't live without Dear ImGui anymore, it's so useful.

DYEngineEditor_Screenshot

Here is a feature highlight video: https://youtu.be/ZrwCcynemSA

@ThFriedrich
Copy link

riCOM is a software used in electron microscopy. It interfaces with direct electron cameras for the real-time creation of atomic resolution microscopy images from 4-dimensional data.

grafik

@msnh2012
Copy link

msnh2012 commented Jul 7, 2023

A custom application. (Tcp debugger)
aaa

@symfund
Copy link

symfund commented Jul 7, 2023

ImGui implementation for Wayland
imgui-wayland

@archydragon
Copy link

Couldn't find if it has been posted here, but Dear Imgui is an essential part of Remedy Northlight engine :)

image
As a part of bigger and complex editor pictured here. "Scene view" is basically a development version of the game, and debug panels visible there are done with Imgui.

image

(Full video at https://www.youtube.com/watch?v=WovIJsaJ7u4)

@ypujante
Copy link
Contributor

Might not be a very "exciting" demo, but it shows how to use ImGui using raylib for the backend, CMake for the build and Google Angle on macOS (to use the Metal API instead of the deprecated OpenGL API)

Project is a self-contained and open source

macOS

@ypujante
Copy link
Contributor

I have already posted about my project in this gallery, but I am re-posting because it has gone through a big code change: I completely changed the backend(s) I was using (Metal on macOS/OpenGL on Windows) to use raylib instead. This has had several implications:

  • massive code reduction since now the "main" code and the texture management code is completely shared between the 2 platforms (and can be written in C++ on macOS...)
  • I can use my own custom shader to implement live effects/image processing (check the code that renders either with RayLib or ImGui)
  • I can render to a texture (handled by raylib) which then gets rendered into an Image in ImGui, thus seamlessly getting the best of both worlds. Check the code

The project is 100% open source and free RE Edit

Note: click on the image to see it in action on YouTube...

RE Edit - Dark

@samuel-watson
Copy link

This is a non-game related example. Dear ImGui is used as the GUI for a scientific application to support the design of cluster randomised trials (a type of experimental design). The app enables simple manipulation of the design and reports various statistics from different analyses and algorithms. It runs in the browser and is compiled using Emscripten to generate the html, JS, and WASM files. On the C++ side it uses Eigen and Boost and a custom library for statistics. Currently more a prototype as lots of features still to add but hopefully a useful example of scientific applications and using Dear ImGui in the browser.

The app is currently hosted at https://www.clustertrial.app/ and the code is available at the GitHub repo. One thing I haven't figured out yet is how to have a default position for the different windows in the dockspace using an ini file using this browser implementation, so the windows open on top of each other!

clusterapp_screenshot

@lukaasm
Copy link
Contributor

lukaasm commented Aug 17, 2023

Next addition to our game/engine tooling suite: ParticleEditor ( based on modified version of https://github.com/thedmd/imgui-node-editor )

image

@rodan
Copy link

rodan commented Aug 19, 2023

Magic Carpet 2 porting effort.

mc2

added full spatial management of the sounds produced by creatures during gameplay, thus obtaining a completely new level of immersion with the help of the OpenAL API.

my modifications include the glue logic needed for OpenAL-soft, support for modern joysticks and gamepads (by simulating mouse and keyboard events), haptics, support for playing CD-based audio tracks (for narrator speech), ImGui interface for debugging of my code.

repository is here: https://github.com/rodan/magic_carpet_2
build scripts are Linux only, but code can be compiled in windows as well.

@cfnptr
Copy link

cfnptr commented Aug 20, 2023

Screenshot from my pet game engine editor. With a visual studio code inspired theme :)

Screenshot from 2023-08-18 15-40-41

@ocornut
Copy link
Owner Author

ocornut commented Aug 25, 2023

YAZE (Yet Another Zelda3 Editor) by @scawful
https://github.com/scawful/yaze

yaze-01
yaze-02
yaze-03

@nem0
Copy link
Contributor

nem0 commented Aug 31, 2023

https://github.com/rxi/lite in imgui.
image

@elanhickler
Copy link

elanhickler commented Sep 4, 2023

SoEmAdditiveGUI_8Xk2ttD5mG
SoEmAdditiveGUI_QUZtzzbkPv SoEmAdditiveGUI_0RnKeIgT1G SoEmAdditiveGUI_EVui33O9BZ

image

@ocornut
Copy link
Owner Author

ocornut commented Sep 5, 2023

FFXVI (Final Fantasy 16) tech stuff posted at CEDEC and in CGWORLD Magazine.
https://jp.ign.com/cedec-2023/70089/feature/final-fantasy-xvicedec-2023
https://knockout.chat/thread/52984/1#post-1929120
Spotted by Bekoha

Final Fantasy XVI - 01
Final Fantasy XVI - 03b
Final Fantasy XVI - 04b

@ocornut
Copy link
Owner Author

ocornut commented Sep 5, 2023

Alan Wake 2
Alan Wake 2
https://www.youtube.com/watch?v=dgL99_0cihQ&t=39s (00:40-00:45) also spotted by Bekoha (thank you)

(Amend November from https://www.remedygames.com/article/how-northlight-makes-alan-wake-2-shine)
Alan Wake 2 6544c372589da1e2a2285809_luau_weather_system

@allenwp
Copy link

allenwp commented Sep 5, 2023

The AV Latency.com Toolkit is an open source software suite that is used to accurately measure audio latency of consumer electronics for the purpose of audio-video synchronization (AV sync). RTINGS.com will soon be integrating this toolkit into their test methods.

2023-09-05
2023-09-05 (4)
2023-09-05 (7)
2023-09-05

Source code: https://github.com/AVLatency/Latency-Measurement

@skaarj1989
Copy link

SceneEditor
MaterialEditor

https://github.com/skaarj1989/SupernovaEngine

@vhollander
Copy link

image
the frosted glass thing i hacked for imgui to look cool

@coumcashier
Copy link

coumcashier commented Sep 8, 2023

I would like to find out what ImGui's styling system could do. So I created a clone of the sign in page for a popular gaming platform.
It implements changing border color on hover/active state for buttons and checkbox as this is commonly found in web apps but not provided by default in ImGui.
Its follows the vibe design system from Monday.com.
https://www.figma.com/@mondaydotcom

image

asdf.mp4

@ikpil
Copy link

ikpil commented Sep 9, 2023

@pavelsevecek
Copy link

I'm using ImGui for my space simulation software.
See https://pavelsevecek.github.io/
image
image

@Froyok
Copy link

Froyok commented Sep 14, 2023

Follow up from: #5886 (comment)
(I decided to post a little update, because people seem to like my UI.)

I'm still iterating on my Game Engine UI and now have switched to the docking branch.
I'm using a lot of custom tweaks in here, but without modifying Dear ImGui itself.

2023-09-13__18-28-05

@bb1950328
Copy link

Spotted in SmarterEveryDays Video about incremental sheet forming:
image

@aiekick
Copy link
Contributor

aiekick commented Sep 18, 2023

Im opening the code of my In App Gpu Profiler im using since two years in NoodlesPlate.

For the moment it support only opengl

In the DemoApp branch of the repo,
there is a demo app who is coming with 9 of my shaders

The demo :
thumbnail
https://github.com/ocornut/imgui/assets/1434736/8a0c7006-f148-40a8-be6f-d270e5b47f9b

@Mormert
Copy link

Mormert commented Sep 23, 2023

I'm using ImGui for my game engine editor, with a set of ImGui-related "plugins", including ImGuizmo, ImGuiColorTextEdit and ImPlot.

Here is a demo:
Editor Showcase
GitHub link for the interested: https://github.com/mormert/jle

@aiekick
Copy link
Contributor

aiekick commented Sep 23, 2023

In InAppGpuProfiler you can now explore bars or open bars in sub windows

Left click on a bar : (explore bar)
breadcrumbtrail

Right click on a bar : (open bar in sub windows)
sub_windows

@ocornut
Copy link
Owner Author

ocornut commented Sep 24, 2023

@DeicticHoney731
Copy link

DeicticHoney731 commented Sep 24, 2023

INDEX 2.0 (INDEX 2024)

INDEX 2.0 will launch on December 31, 2023

ImGui is literally the most powerful tool of any open source on github or other. This screenshot literally breaks the boundaries of open source projects. so thank you ImGui

Screenshot

Screenshot

@phicore
Copy link

phicore commented Sep 28, 2023

https://vcai.mpi-inf.mpg.de/projects/DragGAN/
image

@hugeproblem
Copy link

Yet another node graph editor here:
https://github.com/hugeproblem/nged

It's not a immediate-mode-node-graph addon for ImGui, but more of a (embeddable, customizable, extensible, scriptable) standalone application.

It has nice looking default appearance:
visuals7

clear link paths:
link path

fuzzy search:
search
search node

multiple views on one graph, and subgraphs:
multiview

friendly link-editing operations:
cut
link

and custom parameter interface (via parmscript):
parms

@dalerank
Copy link

dalerank commented Mar 30, 2024

Update for spinner library
https://github.com/dalerank/imspinner
@ocornut thanks for amazing framework
spinners

Repository owner deleted a comment from baderouaich Jul 17, 2024
Repository owner deleted a comment from daedlock Dec 17, 2024
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