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 10) #2847

Open
ocornut opened this issue Oct 15, 2019 · 59 comments
Open

Gallery: Post your screenshots / code here (PART 10) #2847

ocornut opened this issue Oct 15, 2019 · 59 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Oct 15, 2019

This is Part 10, I am splitting issues to reduce loading times and locked the old ones.
Screenshots Part 1 #123
Screenshots Part 2 #539
Screenshots Part 3 #772
Screenshots Part 4 #973
Screenshots Part 5 #1269
Screenshots Part 6 #1607
Screenshots Part 7 #1902
Screenshots Part 8 #2265
Screenshots Part 9 #2529
Screenshots Part 10 #2847
Screenshots Part 11 #3075
Screenshots Part 12 #3488
Screenshots Part 13 #3793
Screenshots Part 14 #4451
Also see: Software using dear imgui (you can help complete the list!)

You can post your screenshots here!

@jmorton06
Copy link

I've been using Dear Imgui to make a simple editor for my game engine.

Screenshot-1610

@hoffstadt
Copy link
Contributor

We are using Dear ImGui to test our inhouse GUI library. Here is a custom plotter hooked up to dear ImGui's drawing api.

plotting

@BrutPitt
Copy link

BrutPitt commented Oct 19, 2019

imGuIZMO.quat a object manipulator / orientator ImGui widget.

Allows to manipulate a 3D object adding only 4 code lines! (and ImGui, of course)

imGuIZMO

Now it's full standalone, with internal Math set is completely loose from 3D engines or frameworks, and you can decide to use TEMPLATE or NOT TEMPLATE internal classes (via compiler #define) ... or intefacing it to glm Math Library (always/only via compiler #define).

Full configurable:
ImGuIZMO_collage

It's fully used also in glChAoS.P / wglChAoS.P to manipulate objects, lights, and clipping planes:
sShot_20191019_8132

Also live WebGL2 demo to explore all features: Live WebGL2 demo LINK

@bwrsandman
Copy link

openblack is using imgui and recently we've been experimenting with performance metrics for our profiler. Mainly, we wanted flame graphs.

flame-graph

I've seen a few in the past galleries, but this is one we've worked on and the code is open.

imgui-widget-flame-graph

The function signature is similar to PlotLines and PlotHistogram

void PlotFlame(const char* label,
               void (*values_getter)(float* start, float* end, ImU8* level, const char** caption, const void* data, int idx),
               const void* data, int values_count, int values_offset = 0,
               const char* overlay_text = NULL,
               float scale_min = FLT_MAX, float scale_max = FLT_MAX,
               ImVec2 graph_size = ImVec2(0, 0));

@ocornut
Copy link
Owner Author

ocornut commented Oct 21, 2019

Pluribus Poker Bot
pluribus poker bot

A more recent screenshot of the Tracy profiler (https://bitbucket.org/wolfpld/tracy)
tracy

@gallickgunner
Copy link

gallickgunner commented Oct 25, 2019

file dialog

Made a custom file dialog using dirent. I think someone already has made it, but hey... doesn't hurt to have an alternative xD Just didn't like the style of the already existing ones, no offense meant.
Here is a repo to the widget if anybody would like to use it. Thanks to sandy the code was tested on linux and works fine without any critical issues.

https://github.com/gallickgunner/ImGui-Addons

@mua
Copy link

mua commented Oct 29, 2019

Capture

My experimental Vulkan game engine's editor. Docking is heavily used,

@immortalx74
Copy link

Just spotted this ...
https://youtu.be/atcKO15YVD8?t=85

@Subtixx
Copy link

Subtixx commented Oct 29, 2019

Just spotted this ...
https://youtu.be/atcKO15YVD8?t=85

Original from Ubisoft La Forge:
kZXITqo

https://youtu.be/yjEvV86byxg?t=113

EDIT:
Another one from a scientific paper (at 2:00):
http://www.dgp.toronto.edu/projects/cubic-stylization/video/cubeStyleVideo.mp4

http://www.dgp.toronto.edu/projects/cubic-stylization/

@samdauwe
Copy link

samdauwe commented Nov 4, 2019

BabylonCpp - a C++ port of Babylon.js - is a 3D game engine, still in under heavy development, whose GUI is based on Dear ImGui.

It includes a graphical inspector for all 3D objects:

image

An interactive playground for live coding and experiments

image

and more than 200 examples

image

Demo video:

image

@phoenixcatdog
Copy link

@kosua20
Copy link

kosua20 commented Nov 9, 2019

I've been using ImGui in many personal projects ; a thousand thanks to all the contributors!

MIDIVisualizer is a MIDI files viewer with many customizable visual effects. ImGui has helped me hierarchize options to keep things simple for the users.

cap1

PRPViewer is a viewer for some game assets (from the 3D games in the Myst series).

PRPViewer1

PRPViewer2

Finally I'm using ImGui in my OpenGL playground, Rendu. My use is pretty basic for now, but the ability to add arbitrary shapes to the draw list was super useful for the controller mapping editor.

Rendu1

Rendu2

@ocornut
Copy link
Owner Author

ocornut commented Nov 13, 2019

From this Streets of Rage 4 dev diary:
https://www.youtube.com/watch?v=tF-rMNY0fBk

SOR4_snapshot_03 13_ 2019 11 13_15 22 06

SOR4_snapshot_04 09_ 2019 11 13_15 22 27

EDIT Tweet https://twitter.com/Guard_Crush/status/1208050181062692867/photo/1
EMPZXAbWsAA4--U

@NotAPenguin0
Copy link

I've been using ImGui to create an editor for my engine, heavily relying on dockspaces.
image

@floooh
Copy link
Contributor

floooh commented Nov 19, 2019

Using https://github.com/juliettef/imgui_markdown as help viewer for Visual6502 Remix with internal and external links:
Nov-19-2019 21-54-17

Screen Shot 2019-11-19 at 9 55 50 PM

@floooh
Copy link
Contributor

floooh commented Nov 20, 2019

...and some animated 8-bit font rendering via ImGui's ImDrawList :)

(go here: https://floooh.github.io/visual6502remix/, and in the menu to "Help => About")

Screen Shot 2019-11-20 at 8 32 08 PM

@encelo
Copy link

encelo commented Nov 26, 2019

An updated version of my particle editor powered by the nCine, now with FontAwesome icons! 😉

ncParticleEditor_1920x1080

@ghost
Copy link

ghost commented Feb 11, 2020

Linebaby is a silly little animation tool.

68747470733a2f2f7261772e6769746875622e636f6d2f77696e647570746f792f6c696e65626162792f6d61737465722f73637265656e73686f742e706e67

@mnbuxtc
Copy link

mnbuxtc commented Feb 11, 2020

Video: https://imgur.com/a/Lk4vl11

aCmYJzp

@mnbuxtc
Copy link

mnbuxtc commented Feb 11, 2020

image
my menu on imgui

@codecnotsupported
Copy link
Contributor

codecnotsupported commented Feb 11, 2020

https://imgur.com/a/Lk4vl11

It almost looks like a web app with CSS.
Quite impressive.
Are you using a public fork of Imgui?

@ocornut
Copy link
Owner Author

ocornut commented Feb 12, 2020

Another impressive use of Dear ImGui can be seen in PARSEC
"Our entire UI has been built with imgui and deployed on 7 platforms (including the web/emscripten), it's an amazing thing you've done!"
https://parsecgaming.com/features/#features

parsec1
parsec2
parsec3

@azmr
Copy link

azmr commented Feb 12, 2020

A first pass of the GUI for WhiteBox (my WIP live C(++) debugger/REPL):
https://www.youtube.com/watch?v=lZX8I0w7jJ4

(Aside: I think I fixed a bug in the histogram plotting, I'll send in a PR)

@aiekick
Copy link
Contributor

aiekick commented Feb 17, 2020

ImGuiFontStudio is a tool for create Font Cpp header for have icons in ImGui easily like this project but with a Gui and with more settings.
Will be Cross Platform : Win/Mac/Linux
My final goal is to have theses possibilities in one easy opensource app:

  • generate Foot Cpp header => ok for c++11 only for the moment
  • change glyph names => ok
  • merge icons from many font file in one font file => wip
  • reduce a font to our selected icons only
  • compress font file to a cpp file (will use the file binary_to_compressed_c.cpp)
  • generate Font Bitmap File (normal and Sdf with stb_truetypes.h)

I use ImFontAtlas for generate the atlas and a modified version of stb_truetype for get the glyph names (the "post" table of the ttf is not supported in the lib for the moment)

See a quick video here
Rfyqgr6aJY

@Nelarius
Copy link

Nelarius commented Feb 21, 2020

A familiar looking UI framework seen in the latest Microsoft Flight Simulator vlog 😄

image

@phicore
Copy link

phicore commented Feb 22, 2020

nVIDIA is converted to dear imgui goodness...

image

from: https://devblogs.nvidia.com/bringing-hlsl-ray-tracing-to-vulkan/

@ocornut
Copy link
Owner Author

ocornut commented Feb 23, 2020

A familiar looking UI framework seen in the latest Microsoft Flight Simulator vlog 😄

The video in question is https://www.youtube.com/watch?v=10P21oFOxAU&feature=youtu.be&t=481

nVIDIA is converted to dear imgui goodness...

Their framework Omniverse use Dear ImGui for tooling UI
https://developer.nvidia.com/nvidia-omniverse
https://www.youtube.com/watch?v=nF_bue13vNc

@gboisse
Copy link

gboisse commented Feb 24, 2020

Working on some visual node graph editing, imgui has been amazing so far 🙂

node_graph

@ketoo
Copy link

ketoo commented Mar 5, 2020

Working on the blueprint editor.

https://github.com/ketoo/NoahGameFrame

image

@wolfpld
Copy link
Contributor

wolfpld commented Mar 5, 2020

Dear ImGui spotted in Star Citizen video.

obraz

https://youtu.be/V0AEp9vhgx0?t=367

@aiekick
Copy link
Contributor

aiekick commented Mar 8, 2020

ImGuiFileDialog update with MultiSelection (ctrl/shift) infinite/limited to n files

multiSelection

@encelo
Copy link

encelo commented Mar 10, 2020

A redesigned interface for SpookyGhost, my procedural animation tool for sprites.
SpookyGhost_NewGUI

YouTube Video

@giladreich
Copy link
Contributor

Over a year ago, I posted a Qt DirectX Widget implementation to work with Dear ImGui.
I wanted to show my progress on my personal game engine editor for the old game Knight Online, using ImGui's docking & tables branch.

FX System

Birds Editor

Flags Editor

YouTube playlist:

https://www.youtube.com/watch?v=UGLJHiLUWI0&list=PLDwf9d3YRfPEEA7RwwMjd3O8UzhY5-abR

@DronCode
Copy link

ReHitman - This is a group project I've been working on. Where we've been reverse-engineering Hitman Blood Money.
I've developed a debug UI in ImGui, this should come in hand later for the projects future development.

Here's some screenshots of the ImGui GUI:

@ocornut
Copy link
Owner Author

ocornut commented Mar 17, 2020

Wonderland Engine
"Easily build highly performant WebXR applications and games."
https://www.wonderlandengine.com/

wonderland_editor-5dce5ae313d30ed79f8b1c41_wl-editor-new-style-p-800

@encelo
Copy link

encelo commented Mar 22, 2020

A custom made file and directory selection window that works on all nCine supported platforms.
SpookyGhost_FileDialog

YouTube Video

@ocornut
Copy link
Owner Author

ocornut commented Mar 23, 2020

This overview of Doom Eternal tech shows one instance of a dear imgui overlay over the game viewport:
https://www.youtube.com/watch?v=UsmqWSZpgJY

doom eternal

@ocornut
Copy link
Owner Author

ocornut commented Mar 24, 2020

Moved to: Screenshots Part 11 #3075

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