Gallery: Post your screenshots / code here (PART 13)

[ocornut]

This is Part 13, 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]

Starting the topic with some impressive stuff gathered around:

@felixfaire: "Hey all, I used imgui to make this app with Cinder. (with a bit of styling)"

@IronicallySerious: "Did some massive UI refactors (aka pickup up other designs online and tweaked the values a bit :p) in our engine"

Alyx: "model viewer and live texture editing tool using imgui"

Spotify client (using internal Spotiy API) Video: https://twitter.com/rogueops/status/1348956562254139392

Photon 3D LUT Editor by @PirminStraub and team https://github.com/ocornut/imgui/discussions/3792 https://www.color.io/photon

[jamesthomasgriffin]

This isn't as pretty as other projects, but might be useful for some, it's available here.

This is a side project, which I'm calling ImControl. One pushes transformations to a stack and then places control points which can then be dragged. The key point is that the transformations depend on parameters (passed as pointers) and dragging the control points feeds back to these parameters. One doesn't have to worry about how to do this, all the vector calculus / linear algebra happens in the background.

The API is still in flux, but here is the code for the arm example for anyone interested (edit: best to check out the repo, linked above):

static float base_rotation = 0.0f;
static float base_angle = 0.1f;
static float elbow_angle = 0.2f;

// Begin the viewport, filling available space
ImControl::BeginControlPointView("arm", { -1, -1 }, { 1, 1, 1, 1 });

// Push projection and camera matrices
ImControl::PushPerspectiveMatrix(45.0f / 180.0f * 3.14159f, ImControl::GetControlPointViewAspectRatio(), 0.01f, 10.0f);
ImControl::PushLookAtMatrix({ 0.0f, 0.9f, -1.5f, 1.0f }, { 0, 0.5, 0, 1 }, { 0, -1, 0, 0 });

ImControl::PushRotationAboutY(&base_rotation);  // Rotate arm

ImControlPointFlags flags = ImControlPointFlags_DrawControlPointMarkers | ImControlPointFlags_DrawParamDerivatives;

ImControl::ControlPoint({ 0.2f, 0, 0, 1.0f }, &base_rotation, flags, 0, 0.0375f, { 1, 0, 1, 1 });  // Controls Rotation
ImControl::StaticControlPoint({ 0.0f, 0, 0, 1.0f }, flags, 0, 0.025f, { 1, 1, 1, 1 });  // Demarks base of arm

ImControl::PushRotationAboutZ(&base_angle);  // Rotate arm up and down
ImControl::PushStaticTranslationAlongY(0.5f);  // Move up to next joint

ImControl::ControlPoint({ 0.0f, -0.1f, 0.0f, 1.0f }, &base_angle, flags, 0, 0.025f, { 1, 1, 1, 1 });  // Control points along arm
ImControl::ControlPoint({ 0.0f, -0.2f, 0.0f, 1.0f }, &base_angle, flags, 0, 0.025f, { 1, 1, 1, 1 });
ImControl::ControlPoint({ 0.0f, -0.3f, 0.0f, 1.0f }, &base_angle, flags, 0, 0.025f, { 1, 1, 1, 1 });
ImControl::ControlPoint({ 0.0f, -0.4f, 0.0f, 1.0f }, &base_angle, flags, 0, 0.025f, { 1, 1, 1, 1 });
ImControl::ControlPoint({ 0.0f, -0.0f, 0.0f, 1.0f }, &base_angle, flags, 0, 0.0375f, { 1, 1, 1, 1 });  // Control point at joint

ImControl::PushRotationAboutZ(&elbow_angle);  // Bend the elbow
ImControl::PushStaticTranslationAlongY(0.4f);  // Move to end of arm

ImControl::ControlPoint({ 0.0f, -0.1f, 0.0f, 1.0f }, &elbow_angle, flags, 0, 0.025f, { 1, 1, 0, 1 });  // Control points along forearm
ImControl::ControlPoint({ 0.0f, -0.2f, 0.0f, 1.0f }, &elbow_angle, flags, 0, 0.025f, { 1, 1, 0, 1 });
ImControl::ControlPoint({ 0.0f, -0.3f, 0.0f, 1.0f }, &elbow_angle, flags, 0, 0.025f, { 1, 1, 0, 1 });
ImControl::ControlPoint({ 0.0f, -0.0f, 0.0f, 1.0f }, &elbow_angle, &base_angle, flags, 0, 0.0375f, { 1, 0, 0, 1 });  // Hand controls two angles

ImControl::ClearTransformations();
ImControl::EndControlPointView();  // Parameter changes are made here

elbow_angle = clamp(elbow_angle, 0.3f, 2.8f);  // Clamp angles after view ends
base_angle = clamp(base_angle, 0.1f, 1.4f);

[shiity]

A quick layout I made, Working on some new widgets now!

[dfranx]

ImFileDialog is a file dialog library for Dear ImGui

[aiekick]

Some Screenshots of my live shader editor NoodlesPlate Im working on a UI Refactor and adding many new cool feature. Using the Docking Branch 1.81, ImGuiFreetype with Roboto font and custom icon fonts generated with ImGuiFontStudio

[xhighway999]

I made a small Klickbot using my framework xhfr and styled it a bit. It also renders Dear Imgui into another buffer in order to apply glow effects using glsl. You can find my other projects here.

[gboisse]

Oh never realised ImGui had a color wheel option, great stuff! 🙂

[EisernSchild]

Here's a first look at my scripted thread/hlsl-shaders engine :)

[ocornut]

Duckstation https://github.com/stenzek/duckstation

@soufianekhiat

I'm trying to build a collection of controls & draws which can help for my image processing/dataviz hack/prototypes.

[eliasdaler]

@ocornut do you think that it'll be good to open next threads like this in "Discussions" section from now on? I think they'll fit better there.

[ocornut]

Presently I think "Discussions" have missing features (no labeling) and biased design (no way to mark as resolved without stupid scoring/gamification) so at this mind I am not even sure I want Discussions, I'm just hoping Github will at least add the labeling otherwise they are not worth using ihmo.

[soufianekhiat]

I decided to make it public: https://github.com/soufianekhiat/DearWidgets

Collection of Draws (from ImDrawList) and Widgets:

Some examples here:

ShaderToy (From C++ Lambda):

Hue Selector:

Ring Color:

Custom Ring Color:

Convex Mask:

Range Select 2D:

[jarikomppa]

Audio spreadsheet, or in other words, virtual modular synthesizer using spreadsheet as the user interface. I wonder if this is the first spreadsheet with ImGui? Sassy can be aquired from: https://sol-hsa.itch.io/sassy

[vertver]

ImGui - perfect library with great perfomance and excelent API, and that's why we are using this in our plugin.

Plugin is free, and it's can be downloaded from https://suirless.com/

Thank's for this library

[wtf-keaton]

Easy and cute cheat menu

[Matheus-Garbelini]

Easy and cute cheat menu

Some guys really like to test @ocornut patience haha.

[MoneyWasted]

Easy and cute cheat menu

That looks really clean! I like it.

[slajerek]

[Kayzaks]

Been using ImGui to create a Designer for Integrated Photonics for a Startup Idea I'm pursuing (Akhetonics). Still in early development though.

Have always liked ImGui from my game-dev days, so why not for a more industrial application!

[Aarkham]

I post a couple of screen shots from my game some time ago. I have been adding more things that you may find interesting.

I have added the possibility of showing dear imgui in any angle (and interact with it).

This allows me to attach a dear imgui pane to a physic object.

The way I do the rotations is not rendering to auxiliary buffer, I pass the clip coordinates to the shader and then it performs the clipping while drawing.

So, in the vertex shader I do (u_... are uniforms and v_... are varying):

vec4 vtx=vec4(a_VtxCoord,u_ZValue,1.0);
gl_Position = u_Matrix * vtx;

v_pos =vtx.xy;
v_clip_pos = vec2(u_ExtraParms2.x,u_ExtraParms2.y);
v_clip_pos2= vec2(u_ExtraParms2.z,u_ExtraParms2.w);
...

and then in the fragment shader:

if(v_pos.x<v_clip_pos.x || v_pos.x>=v_clip_pos2.x)
  {
    discard;
  }

if(v_pos.y<v_clip_pos.y || v_pos.y>=v_clip_pos2.y)
  {
    discard;
  }
...

(Surely the clip comparisons can be done better)

[snightshade]

Luminal Engine - a blazing-fast, easy-to-use game engine I'm working on https://github.com/LunarDiaspora/Luminal

[VeryEz]

made in c# using ImGui.Net by @mellinoe and some default c# win ui stuff

[wallabra]

ImGui - perfect library with great perfomance and excelent API, and that's why we are using this in our plugin.

Just wondering, is there a Linux build of this VST? This looks interesting, what does it do exactly? Reverb? Guitar distortion?

[aiekick]

made in c# using ImGui.Net by @mellinoe and some default c# win ui stuff Screenshot_2

i have difficulites to see where is imgui. you use .net slider with other .net widgets it seems. where are the imgui widgets ?

[ocornut]

8th Wall's SLAM system & Omniscope

Blog post: https://www.8thwall.com/blog/post/45697581391/building-the-next-generation-of-slam-for-the-browser

Dear ImGui also spotted in licence of Nier Replicant, along with Imguizmo https://user-images.githubusercontent.com/8225057/116219511-fc2b1600-a74b-11eb-8f0b-d8cd8c9b8410.jpg

[VeryEz]

imgui in Resident Evil Village https://www.youtube.com/watch?v=n56OLUbXwAU&t=31s&ab_channel=MELOO

[gboisse]

Particles timeline editing with ImGui ✨

[ocornut]

Cafe-Shader-Studio https://github.com/KillzXGaming/Cafe-Shader-Studio https://gbatemp.net/threads/cafe-shader-studio.587670

[Moneyl]

A modding tool for Red Faction Guerrilla. Started off as a file viewer so it can view maps, textures, and some meshes. So far it can only edit textures.

[citruslee]

Oh never realised ImGui had a color wheel option, great stuff! 🙂

@gboisse Could I kindly and humbly ask for the timeline and node graph code? <3