Gallery: Post your screenshots / code here (PART 9) #2529

ocornut · 2019-05-02T12:07:06Z

This is Part 9, 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 · 2019-05-05T16:45:27Z

The "Atlas" 64k intro by monad & Macau Exports used dear imgui for its tooling, and they just aired a lengthy video going through some of their process to make the demo happen. If you are interested:

Atlas 64k Graphics Breakdown - Demoscene Stream (2019/05/01)
https://www.youtube.com/watch?v=Y3d8jR_IwYw

Intro infos/downloads on Pouet.net
http://www.pouet.net/prod.php?which=80996

cpdt · 2019-05-05T17:53:16Z

Here's a screenshot of the aforementioned tool with a bit more of the Imgui parts visible (and without my ugly face in the way :) )

Thanks for the wonderful library @ocornut! It was invaluable :)

nicolasnoble · 2019-05-06T02:02:46Z

I have been working on this for a little while, and I'm now happy enough with the current results to start sharing my work.

I've been working on pcsx-redux, yet another pcsx fork. I'm mainly aiming at doing a debugging tool, of course using ImGui, and here's my current results so far:

All this code is currently available in my debugger branch.

feliwir · 2019-05-06T20:18:21Z

We are working on OpenSage, which is an opensource reimplementation of the original SAGE Engine (EA C&C series, BFME series) in C#. For this we use all the original datasets.
We use ImGui for our developer mode, which gives us insight about what's going on inside the engine:

The asset browser can display literarlly anything from 3D models, textures and sounds :)
Thanks for the wonderful library @ocornut and the excellent .NET wrapper @mellinoe

Aarkham · 2019-05-07T13:32:26Z

I've been doing a game in my spare time and ImGui has been very helpful.

The game uses SVG for the maps and most of the graphics. I have written a tool to help me debug de svg system.

egordorichev · 2019-05-15T07:52:10Z

A dialog/node editor (video):

Locale and WIP level editor (video):

Really enjoying ImGui, it's really fast to work with, both of those tools took just a few hours to make :)

BrunoLevy · 2019-05-16T07:24:30Z

Graphite 3 - 1.6.12: using Imgui 1.7 with docking branch (video recorded with 5 fps to keep file size small, interaction is much smoother than that !)

Download: https://gforge.inria.fr/frs/?group_id=1465

BigJk · 2019-05-22T19:22:46Z

Just spotted ImGUI in a showcase of a new Path Of Exile expansion. It's a ARPG Game developed by Grinding Gear Games.

https://www.youtube.com/watch?v=7F2ofmsTgqQ

ocornut · 2019-05-24T10:00:38Z

From "NVIDIAOmniverse viewer"

We're having fun combining #PixarUSD with real-time physics and real-time ray tracing in our #NVIDIAOmniverse viewer. Here we have some soft body objects, balloons, and we are simulating what happens when you change pressure and gravity.

Video
https://twitter.com/NVBackchannel/status/1131712329446506497

Mp4
NVIDIAOmniverse viewer.zip

LAK132 · 2019-05-26T10:07:02Z

Now that the software rasteriser is running nice and fast on the ESP32 (down to 4ms raster time!) I decided to actually use it for something!

Here it is with a "VR" IMU (compass+gyro+accelerometer):

https://i.imgur.com/4N7zfhs.gifv

https://www.youtube.com/watch?v=ZWPzD22GPSs

Stepland · 2019-05-27T15:03:06Z

F.E.I.S. is an unofficial custom chart editor for jubeat, a rhythm game by Konami.
It would probably never have existed if it wasn't for dear imgui.

in action :
https://twitter.com/Stepland/status/1119735054467502080
https://twitter.com/Stepland/status/1094253515072000000
https://twitter.com/Stepland/status/1085716346615287810

on github :
https://github.com/Stepland/F.E.I.S.

Omegastick · 2019-05-28T05:19:11Z

@Stepland Is there a way to play custom Jubeat charts? I didn't know the game existed outside of game centres.

labienus9 · 2019-05-29T10:07:37Z

3 OS windows with ImGui 171 and GLUT
c++14 + STL. For each window one ImGui context, one GLUT context and one trackball context
for roll, move, zoom and pan.

podsvirov · 2019-06-15T18:55:37Z

Just for fun I port box2d-lite samples to Emscripten platform and now your can try it from your browser :-)

pixellon · 2019-06-17T21:16:08Z

I have been recently working on automating the process of schematic part generation for kicad. I have created KiSymGen as a means of creating uniform symbols for kicad schematics.

Kindly find my fork of imgui https://github.com/pixellon/imgui

ocornut · 2019-06-18T09:03:10Z

Physically-correct renderer for the web:
From https://twitter.com/hb3p8/status/1140573137815384065

"We have released http://lighttracer.org ! It is GPU physically-correct renderer for web. Import your OBJ model, configure the scene, and save the rendering result. Model from https://grabcad.com/library/10-cylinder-double-row-sleeve-valve-radial-engine-1 … RTs appreciated!"

mekhontsev · 2019-06-18T11:37:38Z

IFStile is a cross-platform (Windows, Mac, Linux, WebAssembly) freeware program that can:

build any affine directed graph iterated function system (IFS) in the Euclidean space of arbitrary dimension (as 2D or 3D section)
fully automatically find interesting fractal shapes, rep-tiles, multi-tiles, irreptiles, carpets, dragons, etc
extract boundary of self-affine tiles as directed graph IFS
compute dimension of the boundary of self-affine tiles (numerically and analytically)
export and import Fractint IFS format, export Apophysis .flame format
effectively zoom IFS fractals
render high resolution images (with batch rendering)
render keyframe animation
create and save 3D mesh

Iniquitatis · 2019-06-24T02:55:28Z

I was just being tired of not having a proper offline JSON editor. :)

EDIT:

Oh, and customizable colors! :D

sevcikdaniel · 2019-06-24T12:20:19Z

Karnaugh Studio is a free graphical editor for truth function design and minimization using the Karnaugh mapping method.

jnmaloney · 2019-07-01T03:34:14Z

ImGui running in the web browser with Web Assembly. It looks like ImGui has its own GLFW helper now so probably don't need the impl files that I made for this.

ocornut · 2019-07-01T10:58:28Z

Courtesy of https://twitter.com/mmalex/status/1130486392352645122
Video showcasing fancy audio synth prototype for Dreams
Blurry screenshot:

Raikiri · 2019-07-20T10:35:33Z

ImGui interface for my global illumination playground profiler. I made a custom widget to render task performance breakdown and legend for it, it was pretty enjoyable.

ocornut · 2019-07-21T18:45:31Z

Recently spotted:

Polyscope
http://polyscope.run/
"Polyscope is a C++ viewer and user interface for the rapid prototyping and debugging of geometric algorithms in 3D geometry processing, scientific computing, and computer graphics/vision. The lofty objective of Polyscope is to offer a useful visual interface to your data via a single line of code."

nnview, neural network viewer
https://github.com/lighttransport/nnview
See gif https://twitter.com/syoyo/status/1152559402827649025

Robotic Systems Lab (Legged Robotics) tools
Raisim: A physics engine for robotics and AI research
RaisimOgre: Visualizer for Raisim
RaisimGym: RL examples using Raisim
https://github.com/leggedrobotics/raisimLib
https://github.com/leggedrobotics/raisimOgre
https://github.com/leggedrobotics/raisimGym

Обновление программы "Драйв Мегаполис" для автотренажеров ОТКВ, Автотренер, Автотренер+, Камаз
http://www.npp-trener.ru/
http://auto-trener.ru/
Something related to NppTrener, a driving simulator used in Russia and Ukraine?
https://www.youtube.com/watch?v=loqRsUlOH4g

atmgnd · 2019-08-11T02:42:13Z

a remote desktop viewer using imgui, not completed yet.
https://github.com/atmgnd/debut

BigJk · 2019-08-18T22:34:51Z

Currently working on using ImGui as react (yes the web thing) renderer to write native applications with javascript. I use a small and fast embedded javascript engine (written in c) to run react (and any other javascript) and let ImGui draw the elements and handling input. The small test app is only a few megabyte, runs at 60 fps without much cpu usage and needs about ~50mb RAM. My goal is to make all the default components and settings available on the react side and also make all the internal draw functions of ImGui available so that you can write fully custom components in javascript instead of just changing sizes and style vars.

Video: https://streamable.com/9xe7h (all logic & data comes from react)

Yatekii · 2019-08-21T23:43:35Z

@Iniquitatis do you have a source for the nice skin or even the JSON editor?

soulthreads · 2019-08-23T11:30:16Z

An industrial application for inspecting water pipes using an ultrasonic scanner.

It is a rewrite-in-progress of an old system that was written in Java and was really slow and clunky to use. I've had nothing but fun making the UI in ImGui, and the prototyping speed it allows is astonishing!

ocornut · 2019-08-23T17:27:33Z

Beautiful shot!
Btw everyone: @soulthreads release their Plot widget here:
https://github.com/soulthreads/imgui-plot
also linking to #2747

mnurzia · 2019-08-24T01:46:28Z

Writing a Minecraft seed preview / NBT editor / possibly world editor. I hope to release it more publicly in a few months but for now the source is located here: https://github.com/mnurzia/mc-tool

I made a custom theme based off of Visual Studio's Dark color scheme. Font used is Segoe UI 16pt. The FreeType rasterizer helps it look a lot like the real theme. Here's the theme:

ImGuiStyle& style = ImGui::GetStyle();
style.TabRounding = 0.0f;
style.FrameBorderSize = 1.0f;
style.ScrollbarRounding = 0.0f;
style.ScrollbarSize = 10.0f;
ImVec4* colors = ImGui::GetStyle().Colors;
colors[ImGuiCol_Text] = ImVec4(0.95f, 0.95f, 0.95f, 1.00f);
colors[ImGuiCol_TextDisabled] = ImVec4(0.50f, 0.50f, 0.50f, 1.00f);
colors[ImGuiCol_WindowBg] = ImVec4(0.12f, 0.12f, 0.12f, 1.00f);
colors[ImGuiCol_ChildBg] = ImVec4(0.04f, 0.04f, 0.04f, 0.50f);
colors[ImGuiCol_PopupBg] = ImVec4(0.12f, 0.12f, 0.12f, 0.94f);
colors[ImGuiCol_Border] = ImVec4(0.25f, 0.25f, 0.27f, 0.50f);
colors[ImGuiCol_BorderShadow] = ImVec4(0.00f, 0.00f, 0.00f, 0.00f);
colors[ImGuiCol_FrameBg] = ImVec4(0.20f, 0.20f, 0.22f, 0.50f);
colors[ImGuiCol_FrameBgHovered] = ImVec4(0.25f, 0.25f, 0.27f, 0.75f);
colors[ImGuiCol_FrameBgActive] = ImVec4(0.30f, 0.30f, 0.33f, 1.00f);
colors[ImGuiCol_TitleBg] = ImVec4(0.04f, 0.04f, 0.04f, 1.00f);
colors[ImGuiCol_TitleBgActive] = ImVec4(0.04f, 0.04f, 0.04f, 1.00f);
colors[ImGuiCol_TitleBgCollapsed] = ImVec4(0.04f, 0.04f, 0.04f, 0.75f);
colors[ImGuiCol_MenuBarBg] = ImVec4(0.18f, 0.18f, 0.19f, 1.00f);
colors[ImGuiCol_ScrollbarBg] = ImVec4(0.24f, 0.24f, 0.26f, 0.75f);
colors[ImGuiCol_ScrollbarGrab] = ImVec4(0.41f, 0.41f, 0.41f, 0.75f);
colors[ImGuiCol_ScrollbarGrabHovered] = ImVec4(0.62f, 0.62f, 0.62f, 0.75f);
colors[ImGuiCol_ScrollbarGrabActive] = ImVec4(0.94f, 0.92f, 0.94f, 0.75f);
colors[ImGuiCol_CheckMark] = ImVec4(0.60f, 0.60f, 0.60f, 1.00f);
colors[ImGuiCol_SliderGrab] = ImVec4(0.41f, 0.41f, 0.41f, 0.75f);
colors[ImGuiCol_SliderGrabActive] = ImVec4(0.62f, 0.62f, 0.62f, 0.75f);
colors[ImGuiCol_Button] = ImVec4(0.20f, 0.20f, 0.22f, 1.00f);
colors[ImGuiCol_ButtonHovered] = ImVec4(0.25f, 0.25f, 0.27f, 1.00f);
colors[ImGuiCol_ButtonActive] = ImVec4(0.41f, 0.41f, 0.41f, 1.00f);
colors[ImGuiCol_Header] = ImVec4(0.18f, 0.18f, 0.19f, 1.00f);
colors[ImGuiCol_HeaderHovered] = ImVec4(0.25f, 0.25f, 0.27f, 1.00f);
colors[ImGuiCol_HeaderActive] = ImVec4(0.41f, 0.41f, 0.41f, 1.00f);
colors[ImGuiCol_Separator] = ImVec4(0.25f, 0.25f, 0.27f, 1.00f);
colors[ImGuiCol_SeparatorHovered] = ImVec4(0.41f, 0.41f, 0.41f, 1.00f);
colors[ImGuiCol_SeparatorActive] = ImVec4(0.62f, 0.62f, 0.62f, 1.00f);
colors[ImGuiCol_ResizeGrip] = ImVec4(0.30f, 0.30f, 0.33f, 0.75f);
colors[ImGuiCol_ResizeGripHovered] = ImVec4(0.41f, 0.41f, 0.41f, 0.75f);
colors[ImGuiCol_ResizeGripActive] = ImVec4(0.62f, 0.62f, 0.62f, 0.75f);
colors[ImGuiCol_Tab] = ImVec4(0.21f, 0.21f, 0.22f, 1.00f);
colors[ImGuiCol_TabHovered] = ImVec4(0.37f, 0.37f, 0.39f, 1.00f);
colors[ImGuiCol_TabActive] = ImVec4(0.30f, 0.30f, 0.33f, 1.00f);
colors[ImGuiCol_TabUnfocused] = ImVec4(0.12f, 0.12f, 0.12f, 0.97f);
colors[ImGuiCol_TabUnfocusedActive] = ImVec4(0.18f, 0.18f, 0.19f, 1.00f);
colors[ImGuiCol_DockingPreview] = ImVec4(0.26f, 0.59f, 0.98f, 0.50f);
colors[ImGuiCol_DockingEmptyBg] = ImVec4(0.20f, 0.20f, 0.20f, 1.00f);
colors[ImGuiCol_PlotLines] = ImVec4(0.61f, 0.61f, 0.61f, 1.00f);
colors[ImGuiCol_PlotLinesHovered] = ImVec4(1.00f, 0.43f, 0.35f, 1.00f);
colors[ImGuiCol_PlotHistogram] = ImVec4(0.90f, 0.70f, 0.00f, 1.00f);
colors[ImGuiCol_PlotHistogramHovered] = ImVec4(1.00f, 0.60f, 0.00f, 1.00f);
colors[ImGuiCol_TextSelectedBg] = ImVec4(0.26f, 0.59f, 0.98f, 0.50f);
colors[ImGuiCol_DragDropTarget] = ImVec4(1.00f, 1.00f, 0.00f, 0.90f);
colors[ImGuiCol_NavHighlight] = ImVec4(0.26f, 0.59f, 0.98f, 1.00f);
colors[ImGuiCol_NavWindowingHighlight] = ImVec4(1.00f, 1.00f, 1.00f, 0.70f);
colors[ImGuiCol_NavWindowingDimBg] = ImVec4(0.80f, 0.80f, 0.80f, 0.20f);
colors[ImGuiCol_ModalWindowDimBg] = ImVec4(0.80f, 0.80f, 0.80f, 0.35f);
style.WindowMenuButtonPosition = ImGuiDir_Right;

I hope to have more OS-specific themes for the final release. I'd imagine macOS users wouldn't be happy if they were forced to use a Windows-esque color scheme like this.

mnurzia · 2019-08-24T02:24:03Z

I just realized, I should have posted this to the themes thread. My apologies, I hope that the NBT editor / World View widgets are sufficient. To back them up, here's a few videos:

Seed Viewer [too large for GitHub, gif is about 20MB]

The seed viewer looks a bit stuttery mainly due to the quality of the gif, but also due to my crappy opengl drivers, the fact that I was running on battery, and especially the fact that I was running a Debug build without SIMD intrinsics. It runs at a cool 60fps consistently when these are remedied.

The bottom "progress bar" shows the status of the thread queue, where all of the bits of world are processed and generated.

The icons I used are a variant of the famous "silkicons" set called "Pastel Icons", they are essentially just more DPI-aware remakes of silkicons.

metarutaiga · 2019-08-24T03:03:32Z

A simulate Next-Generation Graphic API for ImGui

https://github.com/metarutaiga/xxImGui
I tried to implement all we known graphic apis, and now it supported Direct3D only.
I will implement others later.
It run with docking / viewport branch imgui.

Additionally, the imgui_freetype.h I implement Bitmap Mode because CJK fonts is not clear in low scale in the LowDPI.

ocornut · 2019-09-24T13:06:12Z

Micro Profiler from https://github.com/ConfettiFX/The-Forge by @zeux
EDIT: this is based on https://github.com/jonasmr/microprofile

ocornut · 2019-09-30T14:08:00Z

"The Surge 2" by developer Deck 13 had a long tech documentary made
https://www.youtube.com/watch?v=WjPiJn9dkxs&feature=youtu.be

Where some simple debug panels are shown:

eliasdaler · 2019-10-01T09:20:11Z

Some tools I've made for my game:

hilbertdu · 2019-10-06T08:50:18Z

A game ui editor using imgui docking branch for cocos2d-x ui design，unfinished.
I think imgui is very suitable for game tools development as it is self-contained and very easy to extend.
Hope it will be more widely used in the future！

ocornut · 2019-10-08T15:55:32Z

Spotted on the internet (lost the exact source) edit from https://vvvv.org/blog/more-imgui

geaz · 2019-10-12T13:32:28Z

During the last four weeks I was implementing a Game Boy emulator and Dear ImGUI was a great help! Thanks for this great library! :)

andres-asm · 2019-12-14T02:29:42Z

@DrJedikiah are you gonna release source for that?

philrdubois · 2019-12-14T14:54:59Z

I was just being tired of not having a proper offline JSON editor. :)

EDIT:

Oh, and customizable colors! :D

@Iniquitatis :
Do you have a download link or source code for this that you'd like to share? I've been looking for something just like this for months!

ghost · 2020-01-11T22:40:26Z

Particles with my "engine", although i have a problem...
It seems that i can't put japanese text in the menu?

// Setting the font:
io.Fonts->AddFontFromFileTTF( font, 16, NULL, io.Fonts->GetGlyphRangesJapanese( ) );

// Setting the title of the menu
if ( ImGui::BeginMenu( u8"Richi あち", false ) )```

ocornut · 2020-02-10T12:56:13Z

Moved to: Screenshots Part 10 #2847

ocornut added the gallery label May 2, 2019

gslicer mentioned this issue Sep 23, 2019

Declarative UI: Swift/Dart vs Qt/QML approach vlang/v#2065

Closed

ocornut mentioned this issue Oct 15, 2019

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

Open

ocornut mentioned this issue Mar 24, 2020

Gallery: Post your screenshots / code here (PART 11) #3075

Open

ocornut mentioned this issue Sep 23, 2020

Gallery: Post your screenshots / code here (PART 12) #3488

Open

ocornut mentioned this issue Feb 5, 2021

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

Open

ocornut mentioned this issue Aug 20, 2021

Gallery: Post your screenshots / code here (PART 14) #4451

Open

ocornut mentioned this issue Apr 25, 2022

Gallery: Post your screenshots / code here (PART 15) #5243

Open

RalphSteinhagen mentioned this issue Sep 22, 2022

[8pt] UI: A basic 3D plot example for Implot (mountain range or 3D surface plot) fair-acc/opendigitizer#23

Open

ocornut mentioned this issue Nov 15, 2022

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

Open

ocornut mentioned this issue May 30, 2023

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

Open

Gallery: Post your screenshots / code here (PART 9) #2529

Gallery: Post your screenshots / code here (PART 9) #2529

Comments

ocornut commented May 2, 2019 • edited Loading

ocornut commented May 5, 2019

cpdt commented May 5, 2019

nicolasnoble commented May 6, 2019

feliwir commented May 6, 2019 • edited Loading

Aarkham commented May 7, 2019

egordorichev commented May 15, 2019

BrunoLevy commented May 16, 2019

BigJk commented May 22, 2019

ocornut commented May 24, 2019

LAK132 commented May 26, 2019 • edited Loading

Stepland commented May 27, 2019

Omegastick commented May 28, 2019

labienus9 commented May 29, 2019

podsvirov commented Jun 15, 2019

pixellon commented Jun 17, 2019

ocornut commented Jun 18, 2019

mekhontsev commented Jun 18, 2019

Iniquitatis commented Jun 24, 2019 • edited Loading

sevcikdaniel commented Jun 24, 2019

jnmaloney commented Jul 1, 2019

ocornut commented Jul 1, 2019

Raikiri commented Jul 20, 2019

ocornut commented Jul 21, 2019 • edited Loading

atmgnd commented Aug 11, 2019 • edited Loading

BigJk commented Aug 18, 2019

Yatekii commented Aug 21, 2019

soulthreads commented Aug 23, 2019

ocornut commented Aug 23, 2019 • edited Loading

mnurzia commented Aug 24, 2019

mnurzia commented Aug 24, 2019 • edited Loading

metarutaiga commented Aug 24, 2019 • edited Loading

ocornut commented Sep 24, 2019 • edited Loading

ocornut commented Sep 30, 2019

eliasdaler commented Oct 1, 2019

hilbertdu commented Oct 6, 2019

ocornut commented Oct 8, 2019 • edited Loading

geaz commented Oct 12, 2019

andres-asm commented Dec 14, 2019

philrdubois commented Dec 14, 2019

ghost commented Jan 11, 2020

ocornut commented Feb 10, 2020

Moved to: Screenshots Part 10 #2847

ocornut commented May 2, 2019 •

edited

Loading

feliwir commented May 6, 2019 •

edited

Loading

LAK132 commented May 26, 2019 •

edited

Loading

Iniquitatis commented Jun 24, 2019 •

edited

Loading

ocornut commented Jul 21, 2019 •

edited

Loading

atmgnd commented Aug 11, 2019 •

edited

Loading

ocornut commented Aug 23, 2019 •

edited

Loading

mnurzia commented Aug 24, 2019 •

edited

Loading

metarutaiga commented Aug 24, 2019 •

edited

Loading

ocornut commented Sep 24, 2019 •

edited

Loading

ocornut commented Oct 8, 2019 •

edited

Loading