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 20) #7959

Open
ocornut opened this issue Sep 6, 2024 · 40 comments
Open

Gallery: Post your screenshots / code here (PART 20) #7959

ocornut opened this issue Sep 6, 2024 · 40 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Sep 6, 2024

This is Part 20, 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 added the gallery label Sep 6, 2024
@ocornut ocornut pinned this issue Sep 6, 2024
@Green-Sky
Copy link
Contributor

Green-Sky commented Sep 8, 2024

I think it is about time I posted in here.

Ages ago I made an editor for entities for EnTT
anim
A modified version of it was seen here previously integrated into someones homebrew game engine 😄 .


Recently I also started to use DearImGui for a non game program, my messenger (framework frontend) tomato, which has Tox support built-in. It also supports loading plugins.

image

With doom as a plugin 😏 :
tomato2.2

Also congrats to ocornut for arguably successful 10 years of DearImGui and good luck with hopefully another 10 successful years :)

edit: fixed images, seems like github has funny privacy settings for files (they showed fine for me)

@SirMallard
Copy link

Used at Roblox as an internal development tool for the engine. Shown during RDC24 (Roblox Developer Conference).

Dear ImGui

Only the engine programmers (Roblox employees) are able to use Dear ImGui. Developers using the Roblox engine do not have access to it, nor the ability to add it to the engine themselves, hence the implementation of Dear ImGui in Roblox Luau, Iris.

@ocornut
Copy link
Owner Author

ocornut commented Sep 10, 2024

Nu Game Engine and Omni Blade (steam) from @bryanedds
https://github.com/bryanedds/Nu

ImGui is the KEY factor that enables our game editor's user-extensibility far beyond what any retained gui can provide in practice. To us, the extensibility built into the ImGui paradigm was and continues to be the primary value proposition. And Dear ImGui specifically is the reason why we didn't even have to consider writing an ImGui ourselves! There's no sufficient way to emphasize how Dear ImGui and its lineage makes straight-forward the otherwise impractical!

366103351-1fab2002-2f14-4c85-bd31-278d81277b0f

@wolfgang371
Copy link

I made a short library (in Crystal, though) that offers recursive grids and an application to Dear ImGui:
https://github.com/wolfgang371/recursivegrid
Feel free to have a look at it...

@Teselka
Copy link
Contributor

Teselka commented Sep 27, 2024

My music listening app (it's just a gui at the moment, I hope I'll eventually make fully working backends)

playback.mp4

Also recently i made a hex editor widget
https://github.com/Teselka/imgui_hex_editor

image

@Erimelowo
Copy link

I used ImGui to add a GUI to my open-source C++ OpenVR application OVR Dynamic Resolution.
The app was running on a command-line before this!

Before:
GXy2OnDWIAAf--g

After:
ss_85145f51b8d6d10f35088cdd0ac5911b8b26072f 600x338

Links:
Github (I'm quite proud of my implementation and it's simple for anyone to copy if they want)
Steam

@abdullahoday710
Copy link

World editor I made for my game engine
VortexEditor

@Redcrafter
Copy link

I'm using ImGui for the unofficial Animal Well map editor.
aw

@fchen99
Copy link

fchen99 commented Oct 10, 2024

screenshot

I'm working on this car audio flow editing and tuning tool recently.
I've posted screen shot of its early version a couple of weeks ago, and now it's getting to its first release.

Thanks @ocornut and all other contributors for your great work, imgui makes my work easier and more enjoyable.

@ypujante
Copy link
Contributor

I made an Emscripten port for ImGui. What this means is that you only need the port file to use ImGui and it has simple options to configure it (like which renderer to use and which backend and the branch). The port takes care of downloading the proper version and compiling it.

Check out the port on github. Free and open source.

This short video shows compiling an example using GLFW for the backend and OpenGL3 for the renderer.

The command used in the video is the following:

emcc --shell-file shell.html --use-port=../../ports/ImGui/imgui.py:backend=glfw:renderer=opengl3 main_glfw_opengl3.cpp -o build/index.html

imgui-port

Port options:

  • renderer: Which renderer to use: ['opengl3', 'wgpu'] (required)
  • backend: Which backend to use: ['sdl2', 'glfw'] (required)
  • branch: Which branch to use: master or docking (default to master)
  • disableDemo: A boolean to disable ImGui demo (enabled by default)
  • disableImGuiStdLib: A boolean to disable misc/cpp/imgui_stdlib.cpp (enabled by default)
  • optimizationLevel: Optimization level: ['0', '1', '2', '3', 'g', 's', 'z'] (default to 2)

@elvissteinjr
Copy link

elvissteinjr commented Oct 18, 2024

I've just released Desktop+ 3.0, a SteamVR desktop/windows mirroring application, which features a fully revamped UI, naturally using ImGui. While it was using ImGui before (last gallery post in 2020), the UI is now fancier with multiple windows floating in VR, some animated widgets and a custom VR keyboard (which is also just a ImGui window).
Nowadays also available on Steam (free). The Steam announcement for this release also has some short video clips and more screencaps, though not all focused on the interface itself.

screenshot

On the technical end it does its best to fake it and keep things simple. The multiple windows are all static fixed position/size rendered on a single texture split across multiple SteamVR overlays (2D planes in the VR space managed/rendered by SteamVR itself) by setting UV coordinates to only show relevant parts. Dragging and such is re-implemented to trigger drags of the VR overlays.
The keyboard is hacking around with storing and restoring internal ImGui widget state to allow using it to keep focus and do input on other ImGui text input widgets... a separate ImGui context might be the cleaner approach to this, but I'll keep this while it works.

Overall I'm still glad I ended up using Dear ImGui for this. In a way it is a perfect fit for this. Even if some manual work is needed to add polish for an user-facing application, it's great how simple it is to just step in and do simple custom rendering when needed.
Thanks again for your great work!

@koki10190
Copy link

Editor for my game engine! The engine itself is similar to how unity works, https://github.com/Vault-Software-Team/Vault-Engine
image

@vircon32
Copy link

Hi! Never got to show it here, but for some time now I have been using Dear Imgui. I made Vircon32, a game console I designed from scratch, and my emulator uses ImGui to show menus. Here is a small sample:

Vircon32 emulator Dear ImGui

Thank you for this project!

@343587787
Copy link

343587787 commented Oct 19, 2024

I used ImGui combined with OpenCASCADE to create a 3D model visualization software for debugging some of my graphics algorithms.
Quicker_20241103_064852

@Riztazz
Copy link

Riztazz commented Oct 23, 2024

We built a single/multi-webcam motion capture app AImation Studio with the help of ImGui, thank you for this library!

Testing some of the features, streaming to unreal and other features available on our website if anyone is interested

aimation_imgui_ver_three.mp4

@tay10r
Copy link

tay10r commented Oct 31, 2024

Screenshot 2024-10-31 121139

I use ImGui for practically everything at work and at home. Here's an app I made for monitoring training loops for neural networks. In this particular case I'm training an anomaly detector based on data augmentation techniques from: https://www.sciencedirect.com/science/article/abs/pii/S0031320320305094

Thanks @ocornut for maintaining this awesome library!

@aguaviva
Copy link

aguaviva commented Nov 1, 2024

Here is a audio spectrum analyzer for Android.

More info: https://github.com/aguaviva/Spectrogrammer

@LuckyIntel
Copy link

I am pretty new to the OpenGL and dear ImGui so my project isn't good as the other people here but I wanted to post my progress of learning them!When I grow up I want to be as good as other people here.I didn't manage to take screenshots because for some reason the screenshot comes out disorted and blurry.Could be because of my resolution.

However my learning projects and progress of OpenGL and ImGui :

https://github.com/LuckyIntel/OpenGIVr (OpenGL Image Viewer with dear ImGui and other libraries)

https://github.com/LuckyIntel/OpenGL-OBJ-Example (An OBJ loader, textures are broken now, i will fix it.Also i will integrate dear ImGui in this project in the next update)

@mudl0rd
Copy link

mudl0rd commented Nov 7, 2024

Screenshot 2024-11-07 075115

Ported dear-imgui to libretro.

@HODAKdev
Copy link

ImGui is amazing, you can make any editor you want. This is what my game engine looks like. ❤️
image
https://github.com/HODAKdev/StarEngine

@734vin
Copy link

734vin commented Nov 14, 2024

a node base editor use ImGui, pegborad module.
pegboard

pegboard.mov

@ocornut
Copy link
Owner Author

ocornut commented Nov 19, 2024

LightAct 4 (Media Server for Big Shows & Fast Workflows)
https://lightact.com
(raw shot courtesy of Mitja their CEO)

2023-04-21-09 50 39-1920x1080px

HKJockey-003-1920x1080px

lightact

@xiaoshihou514
Copy link

image

An python IDLE like environment for a natural deduction proof compiler.
https://github.com/xiaoshihou514/aristotle

@matheusgarcez
Copy link

matheusgarcez commented Nov 23, 2024

Working in progress markdown renderer for a game guide overlay (using md4c for building the node tree):

P5R_fGVrWv1BB9

playground_G2pc0MXsdi
playground_N70pJvn9o5
playground_lw4u5umRWZ
playground_iDyeowd2nJ

@coderloff
Copy link

coderloff commented Nov 24, 2024

Here is my basic C++ game engine for learning purposes, Ferx Engine, I'm developing as a 16-year-old:

Thumbnail

Engine

@TheBrokenRail
Copy link

I used ImGui to make a launcher for my modding project:

Screenshot from 2024-12-01 16-13-19
Screenshot from 2024-12-01 16-13-44
Screenshot from 2024-12-01 16-13-53

@ocornut
Copy link
Owner Author

ocornut commented Dec 1, 2024

Orion Drift the next game by Another Axiom is using Dear ImGui:
https://www.youtube.com/watch?v=LWvzanMj_
Orion Drift Level Editor
https://www.meta.com/experiences/orion-drift/7181769438517329/

@mudl0rd
Copy link

mudl0rd commented Dec 2, 2024

Update on WTFweg - my personal libretro core loader. Added ROM browser and development console.

Screenshot 2024-12-03 072036
Screenshot 2024-12-03 072510
Screenshot 2024-12-03 072002
Screenshot 2024-12-03 072018
Screenshot 2024-12-03 061706
Screenshot 2024-12-03 071944

@BigJk
Copy link

BigJk commented Dec 5, 2024

I'm using ImGui for the whole UI of a small game I'm currently developing for fun after work. It's a First Person Dungeon Crawler with Monster Collecting Elements called Gloamvault.

It's the first time I had a usecase for ImGui's drag and drop features. I use it so that you can easily move monsters in your party around or cast spells by dragging the spell onto the target 😄 Was super easy to implement. Working with ImGui is a breeze as always!

image image image

@dalerank
Copy link

https://github.com/dalerank/Akhenaten (Pharaoh OSS Engine)
394032285-a39a2d4e-4bf1-4e9c-9efd-fbd591c3b9c1

@axjxwright
Copy link

Custom tracking software for an upcoming large scale museum installation.

o3.mp4

@ItsBranK
Copy link

Been working on a reflection system helper for Unreal Engine for a bit, lets you view games objects and lets you modify their properties in real time. Very helpful for debugging issues in the production version of your game, where having access to the editor is not possible. This is just for personal use and not open to the public.

Untitled

@daedlock
Copy link

binutils
image

@ocornut
Copy link
Owner Author

ocornut commented Dec 17, 2024

Submitted by bcace:
"short video of mechanical engineering software in early stages of development"

AirFrame.2024.11.26.22.02.47.D0APbFicf1Y.mp4

@brenocq
Copy link

brenocq commented Dec 17, 2024

ImPlot3D: A 3D Plotting Library for Dear ImGui

ImPlot3D is an extension of Dear ImGui for easy-to-use 3D plotting. Inspired by ImPlot, it supports lines, scatter, surfaces, meshes, and more, with interactive controls like rotation, zoom, and pan.

The ImPlot3D API is designed to feel very similar to Dear ImGui and ImPlot!

float x_data[1000] = ...;
float y_data[1000] = ...;
float z_data[1000] = ...;

ImGui::Begin("My Window");
if (ImPlot3D::BeginPlot("My Plot")) {
    ImPlot3D::PlotLine("My Line Plot", x_data, y_data, z_data, 1000);
    ImPlot3D::PlotScatter("My Scatter Plot", x_data, y_data, z_data, 1000);
    ...
    ImPlot3D::EndPlot();
}
ImGui::End();

This is the first release and there’s lots of potential for new features – suggestions are more than welcome! 😄

@ImAxel0
Copy link

ImAxel0 commented Dec 18, 2024

Unfinished digital audio workstation UI heavily inspired from Ableton Live, made with ImGui.NET binding.

daw

Video update:

daw_vid.mp4

@stergiotis
Copy link

stergiotis commented Dec 22, 2024

"Enterprisy" ImGui: Rendering ImGui DrawList commands using Skia instead of the built-in renderer. Motivation:

  • Proper text and font handling, especially shaping, layouting and rendering for non-latin languages.
  • Rendering to SVG usable in manual post-processing.
  • SIMD accelerated rendering for use in container orchestration platforms (e.g. K8s).

Code is available in github.com/stergiotis/imzero_client_cpp (MIT) and patches on ImGui in github.com/stergiotis/imgui, see diff for a summary of modifications. The hooks are generic and zero-cost to facilitate upstream adoption.

Sketch filter:

Direct SVG output: Text as SVG text elements download, text rendered as SVG path download

Highly appreciate any reactions and comments, here or in the repo!

@floooh
Copy link
Contributor

floooh commented Dec 24, 2024

Updated the Tiny Emulators to use the docking branch and imgui.ini settings persistency (including open window state via a custom settings handler - in the WASM version, the settings are stored in LocalStorage).

WASM versions accessible here (click the 'UI' button that appears after mousing over an emulator thumbnail):

https://floooh.github.io/tiny8bit/

GH project: https://github.com/floooh/chips

Screenshot 2024-12-24 at 14 38 24 Screenshot 2024-12-24 at 14 40 23

@ajax-crypto
Copy link

ajax-crypto commented Dec 27, 2024

I have created a small library which enables rendering rich text (ASCII only for now) i.e. <b>bold<i>italics</i></b> like blocks of text in a ImGui window.

ImRichText in Github

NOTE: The project is work in progress. Not all the targeted tags are supported yet. Tag grammar is customizable.

The following rich text block(s):

<s><q>Quotation </q><cite>Citation</cite></s>
<ul style='font-size: 36px;'><li>item</li><li>item</li></ul>
2<sup>2</sup> equals 4  <hr style="height: 4px; color: sienna;"/>
<p style="color: rgb(150, 0, 0);">Paragraph <b>bold <i>italics</i> bold2 </b></p>
<h1 style="color: darkblue;">Heading&Tab;</h1>
<span style='background: teal; color: white;'>White on Teal</span><br/>
<mark>This is highlighted! <small>This is small...</small></mark>

renders as follows:

Here is a screenshot

@unknown321
Copy link

Wampy, interface addon for NW-A55 Walkman.

https://github.com/unknown321/wampy

DSC_0236

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