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 8) #2265

Open
ocornut opened this issue Jan 6, 2019 · 47 comments
Open

Gallery: Post your screenshots / code here (PART 8) #2265

ocornut opened this issue Jan 6, 2019 · 47 comments
Labels

Comments

@ocornut
Copy link
Owner

ocornut commented Jan 6, 2019

This is Part 8, 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!

@ggerganov
Copy link

tool

Tool for analysing audio waveforms. Support for zoom in/out in the waveform plot. project

@BrutPitt
Copy link

BrutPitt commented Jan 7, 2019

glChAoS.P / glChAoSP Opengl Chaotic Attractors of Slight (dot) Particles
A multi platform (Windows / Linux / OS X) real time 3D strange attractor scout... and hypercompelx fractals.
On github from 2 weeks.

sshot_201917_6158

There is also a full functional Windows 64bit executable with ImGui viewports

untitled-3a

With configurable ImGui interface: 3 dark themes with dynamic tone variations (ImGui::ColorEdit) plus 6 static ... (and 3 of ImGui, of course).
Here there are all ImGuiStyle themes (dynamic and static):
https://github.com/BrutPitt/glChAoS.P/blob/master/src/src/ui/uiSettings.cpp

From today there is also a live/online WebGL 2 & WebAssembly lightened version, even with ImGui.

https://github.com/BrutPitt/glChAoS.P

Edit : I forgot... there is a web page with several: ImGui screenshots

@ocornut
Copy link
Owner Author

ocornut commented Jan 9, 2019

TexGraph by @galloscript
https://galloscript.itch.io/texgraph

Video https://www.youtube.com/watch?v=sIeFfblxcUw

texgraph1
texgraph3

@zmertens
Copy link

shade_slider_preview

This is a color picking game I made for mobile using imgui. The game is called Shade Slider

  • The goal is to make both boxes match
  • The phone vibrates when they match
  • live action gif

@ocornut
Copy link
Owner Author

ocornut commented Jan 11, 2019

Screenshot from Crossout (https://crossout.net) courtesy of @Vuhdo
crossout

@wtrsltnk
Copy link

wtrsltnk commented Jan 12, 2019

zyn-lab
)

This is a pet-project of mine, a reworked ui for zynadsubfx

@cosnxdx
Copy link

cosnxdx commented Jan 15, 2019

ft2
Tool was initially designed for a trading system, but now aimed at general purpose prototyping for event driven systems and streaming data. Each node of a graph is a parameterized functor that accepts input from any other node with matching signature. Node output can be visualized and layered by dragging a slot to the desired axis/layer. Still very rough but getting there.

Example shows a combining signals of different frequency and performing a fourier transform, visualizing the result as well as individual components and intermediate steps.

@jangalomph
Copy link

jangalomph commented Jan 16, 2019

UI is a bit of a cluster right now, but cool stuff happening!

In this screenshot we've got a slice of a vector field being rendered as an exportable flowmap.
vrg_2019-01-15_21-11-03

This is our tool VecotrayGen: https://jangafx.com/software/vectoraygen

@encelo
Copy link

encelo commented Jan 19, 2019

Some months ago I have integrated Dear ImGui in the nCine, my little 2D multi-platform engine.

  • ncParticleEditor is a particle editor based on my engine, Lua and ImGui (video)
    ncparticleeditor

  • I have rewritten the debug overlay to support ImGui (video)
    ncine_debug_overlay

More information about the particle editor and the debug overlay can be found in this article.

  • One of my engine examples is a simple benchmark tool for SIMD operations (article)
    apptest_simdbench

@ElonKou
Copy link

ElonKou commented Jan 21, 2019

I create a Chinese interface, which is a genetic algorithm controller.
image

@drudru
Copy link

drudru commented Jan 23, 2019

Saw Dear Imgui in a screenshot mentioned here:
Phoronix: Intel Is Working On A Vulkan Overlay Layer, Inspired By Gallium3D HUD

Screen Shot

Actual merge request is here.

@aiekick
Copy link
Contributor

aiekick commented Jan 27, 2019

NoodlesPlate
use ImGuizmo for manipulate Sdf Transform and light position on this Sub Surface Scattered Sdf
2019-01-27_16-49-12

@twse
Copy link

twse commented Jan 27, 2019

Bob's Game uses Dear ImGui according to the commented lines.

bobtypes.h line 123
//#include "imgui.h"

src/main.cpp line 22
//#include <imgui.h>

src/main.cpp line 23
//#include "imgui_impl_sdl.h"

Images are in the blog and videos are in the YouTube channel.

@ocornut
Copy link
Owner Author

ocornut commented Jan 27, 2019

Bob's Game uses Dear ImGui according to the commented lines.

These are literally the only lines referring to ImGui in that repo you linked, it therefore does not use it.

@twse
Copy link

twse commented Jan 28, 2019

Bob's Game uses NanoGUI instead so I suggest creating a theme resembling the demo video for the old nD console uploaded in 2011.

@Unit2Ed
Copy link

Unit2Ed commented Jan 31, 2019

We're using ImGui as the editor UI for our Unreal Engine 4-based game creation platform, Crayta.

advancedmode
editor

Lua/HTML script editor based on ImGuiColorTextEdit with some modifications, including support for multiplayer editing
collaborativecodeediting

Videos in our YouTube channel

@ocornut
Copy link
Owner Author

ocornut commented Feb 2, 2019

RemedyBG
https://remedybg.itch.io/remedybg
"RemedyBG is a 64-bit Windows debugger written from scratch with the goal of replacing the behemoth Visual Studio debugger. "

remedybg-01
(More screenshots on the homepage)

Also posting imgui_markdown.h a single-header file for Markdown rendering:
https://github.com/juliettef/imgui_markdown
imgui_markdown_avoyd_about_oss

@mikejsavage
Copy link
Contributor

mikejsavage commented Feb 9, 2019

We are using imgui in our game for the launcher/updater:

image

and also for the ingame menus and console (very plain still):

image

The engine was using librocket before and it took less time to rewrite the entire UI with imgui than it did to tweak the main menu with librocket. Build times are down from 5 minutes to 40 seconds, or an 87% reduction.

Imgui is cash and we all love it

@yumataesu
Copy link

VJ software based imgui & openFrameworks

output6

@ocornut
Copy link
Owner Author

ocornut commented Feb 12, 2019

Orbital (experimental PS4 emulator) https://github.com/AlexAltea/orbital
orbital

@Derydoca
Copy link

I have been implementing Dear Imgui into my engine (Derydoca Engine) recently and love it. I am using the docking branch of the code currently to reap all of its benefits.
image
image
image

@pthom
Copy link
Contributor

pthom commented Feb 16, 2019

(This is probably a bit out of the main ImGui scope)
I worked on an image analyse tool in python, which is not actually based on ImGui, but on pyimgui.

It provides easy way to display / analyze images and plots via ImGui and python (+ numpy and opencv)

image

image

@BrunoLevy
Copy link

graphite3-1 6 11

A simple N-Body simulation in Graphite3-1.6.11 with ImGui 1.69

@ArnCarveris
Copy link

@BrunoLevy source code will be public?

@BrunoLevy
Copy link

@ArnCarveris yes, it is public (GPL)
Documentation
Download

@Per-Morten
Copy link

Not super advanced, but I have used dear imgui to create some simple OpenGL introspection tools in a graphics course I am a teaching assistant in. Using dear imgui means that I can easily create this tool without affecting the architecture of the students to a large degree :).
GFX

@aiekick
Copy link
Contributor

aiekick commented Mar 31, 2019

SdfFontDesigner

ezgif com-resize

@drudru
Copy link

drudru commented Apr 1, 2019

Dolphin Emu, a notable Nintendo Emulator project, is now using Dear Imgui...

Screenshot

Fixing Feature Inequalities Between Backends. Scroll to next paragraph.

@ocornut
Copy link
Owner Author

ocornut commented Apr 5, 2019

VRMONLINE-NX (Virtual Railroad Models System [NX])
vrmNX1214_cr
https://www.imagic.co.jp/hobby/index.html

Picture on twitter courtesy of Carlos Fuentes
D2sAevIWkAE8Igl jpg orig

Note that @r-lyeh Bezier widget has been recently updated, here:
#786 (comment)

@ocornut
Copy link
Owner Author

ocornut commented Apr 12, 2019

From "Making of ASTRO BOT Rescue Mission" GDC 2019 talk:
https://www.gdcvault.com/play/1025746/Making-of-ASTRO-BOT-Rescue

Around 45:00
Astro Bot

It is quite difficult to see what's on the right screen, but I believe this horrible choice of blue and red shades can only be Dear ImGui (1.53 or earlier).

@TomasArce
Copy link

TomasArce commented Apr 17, 2019

Digipen Singapore 2019 End of Spring.

All custom engines are done from scratch for 2 semesters of 13 weeks each. Plus of course an additional 5 other modules per semester. ImGui is one of the few libraries that they are allowed to use.

Please check the Game Gallery if you wish to play some of these games. Click Here

Year 2 (GAM200/250)

These two modules are about creating 2D Games. Teams are usually 5 to 6 people.

GAM250-CipherGames
GAM250-Cognito
GAM250-FrozenAnvil
GAM250-Penduhs
GAM250-Regulus
GAM250-SientEditor
GAM250-Spookat2
GAM250-SunshineStudios
GAM250-TapStudios
GAM250-WorkPlaySleepStudios

Year 3 (GAM300/350)

Here students do 3D Games. These teams are about 8 to 10 people. Here we restrict which libraries they can use even more. Linear Color pipelines, Shadows, HDR, PBR, etc for graphics.

GAM350-Abloominations
GAM350-TeamITCHY
GAM350-CarrotMesh
GAM350-HybridStudios
GAM350-Intensity
GAM350-KreiaxionStudios
GAM350-Unkown
GAM350-Rubrics-
GAM350-Sludger

@TomasArce
Copy link

LIONant's Property System

Do you wish you could have a simple property system for your C++ projects? Well worry no more, the LIONant property system is (--HERE--).

Super easy to use and pretty fast too.

This is a screenshot of the ImGui example. The example will continue to update/mature for a while longer.

Properties

@ocornut
Copy link
Owner Author

ocornut commented Apr 17, 2019

@TomasArce Amazing work from all the students! Welcome to the new generation of engine and game programmers :)
And thank you for gathering and posting those shots, and your work on LIONant as well.
I'll be happy to use some screenshots in the next release note, will post the link to games too.

@aiekick
Copy link
Contributor

aiekick commented Apr 18, 2019

SdfFontDesigner : Github / Itch.io / Twitter

On this gif, you can see the use of a GrayScott Pattern used with a sdf font map :
the GrayScott Sample is here : GrayScott Sample

ezgif com-optimize

@aiekick
Copy link
Contributor

aiekick commented Apr 20, 2019

A plot control for my fvec4 structs. here used for debug rgba values and rgba evolution values under mouse, in NoodlesPlate. will be available in the next release
demo

@ocornut
Copy link
Owner Author

ocornut commented Apr 25, 2019

imgui control to inspect image pixels
https://github.com/CedricGuillemet/imgInspect

inspectPicture
InspectNormalMap

@HasKha
Copy link

HasKha commented Apr 26, 2019

Fork of ImGui designed to look more like Adobe's Spectrum
repo: https://github.com/adobe/imgui
design document: https://github.com/adobe/imgui/blob/master/docs/Spectrum.md

example

@ocornut
Copy link
Owner Author

ocornut commented Apr 26, 2019

Fork of ImGui designed to look more like Adobe's Spectrum
repo: https://github.com/adobe/imgui

Very nice! I'll be working on a redesign of the styling system this year and one of the important change will be to include text color, border color and border size for each widget state (normal/hovered/active).

I am curious, who are the expected users for this?

@HasKha
Copy link

HasKha commented Apr 26, 2019

Very nice! I'll be working on a redesign of the styling system this year and one of the important change will be to include text color, border color and border size for each widget state (normal/hovered/active).

Thanks! That's great to hear! You can check Spectrum.md and Spectrum.cpp/h for some info on how I implemented this, but I often had to add extra code into the implementation of the widgets. I'm happy to go into more details if that is useful.

I am curious, who are the expected users for this?

Researchers, developers and interns writing prototypes within Adobe. Honestly, I don't expect others outside of Adobe to use it, but we open sourced it to make it easier for interns to use after their internship is over.
As for the general idea behind the project, there is value in having a UI that looks a bit more like the flagship products. At the same time, this will never ship, so it doesn't have to match perfectly.

Edit: I used an early version of this work on a prototype, you can see some UI interactions here: https://youtu.be/QT4UWL7pQiY?t=107

@Jabilax
Copy link

Jabilax commented Apr 29, 2019

Another student game editor. This one was made by junior students at DigiPen Bilbao.
Looking forward to the redesign of the styling system. Keep up the good work!

editor
nodes
paint

@ocornut
Copy link
Owner Author

ocornut commented May 2, 2019

Some shots from Monster Boy and the Cursed Kingdom by Game Atelier.
(Looks like it is on 1.5x)
mb_imgui3
mb_imgui4

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