ocornut / imgui

Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies
MIT License
57.86k stars 9.92k forks source link

Gallery: Post your screenshots / code here (PART 2) #539

Open ocornut opened 8 years ago

ocornut commented 8 years ago

This is Part 2. I am splitting issues to reduce loading times and locked the old ones.

Browse all threads using the gallery label.

Also see: Software using dear imgui (you can help complete the list!)

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 [...] see gallery label link above for newer pages.

You can post your screenshots here!

MrSmith33 commented 8 years ago

Thanks for a second part, that was to much for my browser to handle.

zmertens commented 8 years ago

This might be a bit underwhelming, but I used ImGui to make a transparent overlay for my Julia Fractal Renderer on Android. screenshot_2016-02-28-14-45-45

Here's the application itself

The OpenGL code is borrowed from the OpenGL SuperBible's Julia fractal example. I think I may add some buttons as well.

paperManu commented 8 years ago

I use dear imgui in a video mapping software, Splash.

screenshot from 2016-03-05 10 18 09

As I'm not much of a GUI person, the usage is pretty basic. Although when I see some examples in this thread I wish I had more time to put in it!

ocornut commented 8 years ago

Mini example in wiki of a helper to store values so you can plot them over time in 1 line. https://github.com/ocornut/imgui/wiki/plot_var_example

ImGui::PlotVar("Speed", current_speed); capture

ocornut commented 8 years ago

Some pictures from Tearaway that I grabbed a while ago (late 2014) This is early in the PS4 port. Got the authorisation to release them.

tearaway-001

tearaway-002

tearaway-003

tearaway-004

tearaway-005

tearaway-006

ocornut commented 8 years ago

Hi!

We are building a realtime 360 video stitcher for VR and using dear imgui for our gui :D

oden

@JoNil Nice. Would you mind posting your colors in #184 for reference? Are you handling clipping of the left-aligned labels? I have a local stash to allow switch from widget-label to label-widget but the earlier has so many benefits for layout. (Laying out multiple widget on a same line, etc.)

ocornut commented 8 years ago

Some more stuff from another game.

Showing some gauges, Render Targets, Profiler (seen before) 20160308-0025-crop

Memory Usage, Loaded resources, Assert configuration 20160308-0026-crop

ocornut commented 8 years ago

A material editor imgui_eg2

Particle stuff (seen before) imgui_eg1

Quad-tree imgui_eg0

jelowang commented 8 years ago

cacu this is our tool, a vfx editor.still working in progress. thanks for your job @ocornut

citruslee commented 8 years ago

image

I'm creating some sort of primitive infopanel/track timeline in ImGui. If anybody wants the code, here it is: http://pastebin.com/N1E5XR20

nem0 commented 8 years ago

Updated my profiler profiler

brucelane commented 8 years ago

@citruslee it might be useful for me, thank you

citruslee commented 8 years ago

@brucelane please do, but I think you need to alter it a bit. I might upload a more recent fixed version of it :)

kylawl commented 8 years ago

We've integrated @nem0's docking implementation. Makes life easier, thanks @nem0!

lumote-2016_03_22-11_27_35

nem0 commented 8 years ago

@kylawl I am glad it's useful. Is your screenshot from some open source project?

kylawl commented 8 years ago

@nem0 We're using ImGui and the docking for our game Lumote so It's unlikely the source for the game will be made open. We would like to open source some of the underlying tech but right now our focus is the game.

citruslee commented 8 years ago

@kylawl this looks seriously cool

ghost commented 8 years ago

I am the editor programmer for Chrono-Drive, a student game at DigiPen that uses a custom engine. We use ImGui + ImWindow for our editor. editor

video link here. https://youtu.be/gFbh4wxZ6DE?t=2m3s www.chrono-drive.com

nem0 commented 8 years ago

@jnboard007 nice, are you using some library for rendering or is it build from scratch too?

ghost commented 8 years ago

@nem0 we are using DirectX11 for rendering. Everything is from scratch except ImGui + ImWindow for the editor, CEGUI for in-game menu rendering and logic, luabridge lua bindings, and Havok Physics for rigidbody simulation.

edselmalasig commented 8 years ago

@ocornut https://youtu.be/cHJGQf-6XCE

i did that kept for the algorithms on dsp.

It was written to use glut but i changed it to use SDL2 and your imgui

vd3d commented 8 years ago

We have used ImGui to write our GPU Rendering & animation environment.

screenshot - interior design

https://www.youtube.com/watch?v=211NzYhNSFQ

xposure commented 8 years ago

While this doesn't look like much I was feeling pretty accomplished and wanted to drop this here. I'm in the process of porting ImGUI to .NET and finally have something rendering to the screen. Currently using MonoGame as the rendering front end.

image

xposure commented 8 years ago

Fixed most the rendering issues, I'm still fighting with the look of fonts since I'm using FreeType2 instead of STB, I had to make some considerable changes there, everything else is pretty much a 1 to 1 port tho as of now. I may create a new issue if you don't mind to show the progress and then when its ready put a link to the GitHub repo.

image

ocornut commented 8 years ago

@vd3d krys: looking very nice! On the bottom right the labels are displayed a little too high compared to the widgets on the right. There's a weirdly named function AlignFirstTextHeightToWidgets() you can use to fix that. Good luck with the kickstarter!

ocornut commented 8 years ago

@xposure out of curiosity, why aren't you calling the c++ code from c# instead of "porting" it? confused by the idea of using freetype or porting any code tbh.

r-lyeh-archived commented 8 years ago

@xposure, FYI, a dual freetype2/stb effort w/ SDF can be located here https://github.com/tangrams/fontstash-es

xposure commented 8 years ago

@ocornut my own personal reason is to tear apart this code and see how the inner workings of a ImGui work, but there are a lot of people that wouldn't even take a 2nd look at c++/imgui because they can't easily change it. I'd probably just use ImGui bindings if it had everything I was looking for, but there are a lot of things I want to add myself in a language I enjoy programming in.

As for free type, I couldn't find a suitable stb true type binding for .net and already had experience using free type.

@r-lyeh I'll check it out, thanks.

enemymouse commented 8 years ago

Here is a little input-mapping proof of concept. Imgui made it so easy and fast to mock up.

imgui-test

And a little fun with progress bars showing input scaling imgui-test-2

floooh commented 8 years ago

My KC85 emulator (1980's East German home computer), Dear Imgui is used for the overlay debugger UI, all windows update in realtime, which is pretty impressive to watch :) Live demo of the emscripten compiled version is here: http://floooh.github.io/virtualkc/

screen shot 2016-04-01 at 19 12 56
Cthutu commented 8 years ago

Nice - good to see Z80 code after all these years :)

On Fri, 1 Apr 2016 at 13:17 Andre Weissflog notifications@github.com wrote:

My KC85 emulator (1980's East German home computer), Dear Imgui is used for the overlay debugger UI, all windows update in realtime, which is pretty impressive to watch :) Live demo of the emscripten compiled version is here: http://floooh.github.io/virtualkc/

[image: screen shot 2016-04-01 at 19 12 56] https://cloud.githubusercontent.com/assets/1699414/14214569/09295672-f83e-11e5-9134-81cf742ce99e.png

— You are receiving this because you are subscribed to this thread. Reply to this email directly or view it on GitHub https://github.com/ocornut/imgui/issues/539#issuecomment-204476045

citruslee commented 8 years ago

@enemymouse could I get your color theme please? :)

ocornut commented 8 years ago

Different http://floooh.github.io/virtualkc/ theme from @floooh ce-5kbbxiaeyk3w

Colin Riley did a nice article here: http://labs.domipheus.com/blog/dear-imgui-thanks-the-tpu-emulator/ ce3i8ciukaa7i5o jpg large

Stuff from Avoyd ce-wdakwaaa39pt jpg large

Elias https://twitter.com/EliasDaler/status/715642507044978688 ce4q_bowsaaj6n8 jpg large

enemymouse commented 8 years ago

@citruslee Sure! https://gist.github.com/enemymouse/c8aa24e247a1d7b9fc33d45091cbb8f0

citruslee commented 8 years ago

thanks @enemymouse !

dougbinks commented 8 years ago

I'm using dear imgui in Avoyd for both the editor, and for game UI.

2016-3-9_16-51-48_avoyd_0

mmicko commented 8 years ago

WIP of MAME internal debugger by @mahlemiut

imgui_test_8

ocornut commented 8 years ago

@mmicko @mahlemiut very cool, would be an nice to be useful to MAME. I actually used the debugger a few weeks ago (helped a friend adding a few new dumps and minor emulation fixes they will submit) and felt the UI was a little awkward to use. One good thing with ImGui is that it is really approachable, so more team members are likely to keep improving the debugger as time goes by. You may want a shortcut to scale down game render size or scale down native window size to leave more room to the windows. If you have any question don't hesitate to post to issues.

JuJuBoSc commented 8 years ago

@dougbinks really beautiful, mind sharing the style ?

dougbinks commented 8 years ago

@JuJuBoSc Thanks! Sure, I've put the utility header I use on this gist.

I've removed a few includes to do with Runtime Compiled C++, but hopefully this should still compile fine. Note that this uses the C++11 version of @juliettef's IconFontCppHeader but there are plain C versions available.

I'm hoping that over the summer I may get time to look at some further additional helpers for styling and create a repo for utility functions. For example the log uses an auto scroll approach which also allows user scrolling (i.e. it 'sticks' to the end when new content is added, but can still be manually scrolled).

ocornut commented 8 years ago

For example the log uses an auto scroll approach which also allows user scrolling (i.e. it 'sticks' to the end when new content is added, but can still be manually scrolled).

The ExampleAppConsole and ExampleAppLog in imgui_demo.cpp are doing this as well? Though it could possibly be improved.

About your menus: in my app I've been experimenting with helper to stick widgets within the space normally used by the shortcuts.

sliders in menus

It's a bit hacky as most of this code isn't documented (imgui_internal.h stuff) and bound to break, but I may make it an available or default layout when I'm done with https://github.com/ocornut/imgui/issues/395 (for which I have an unfinished stash).

dougbinks commented 8 years ago

I didn't realise the demo examples did this, excellent!

I forgot to mention I use the Roboto Regular font at size 18 with Font Awesome icons at size 12.

Lak3 commented 8 years ago

Here is a project i have been working on lately, this gui has been VERY helpful, thanks. ihssug4

sindney commented 8 years ago

vsm Im using ImGui in my study project, thanks for your great work.

leiradel commented 8 years ago

I'm using ImGui to develop a libretro front-end targetted for people wanting to contribute achievements to retro games via RetroAchievements.

I'm writing some widgets as I go and making them available for others my ImGuiAl repository. There's only a logger widget for now.

Now for the mandatory screenshot :)

ccfinder

nem0 commented 8 years ago

Toolbar editor done in 5 minutes - possible only with imgui :+1: toolbar_editor

ocornut commented 8 years ago

Kit Framework http://svkonsult.se/kit/

materialedit

ocornut commented 8 years ago

Moonman Devblog http://discuss.moonman.io/t/june-12-2016/1478

40ee8554be54d75dec17e367f13fa27aaa4699b9 e67478d2ac28df5caa93ee89ee0e4ddea09ca904 c0e4a7cdcdd8e7c6b54220dfb5e546a051256c0e 5b0b49c6f81de45a99ea5ccb5264a3fb3cbd1eaf

ongamex commented 8 years ago

Is there a place where i can find different ImGui color styles (ready for copy-paste)?

ocornut commented 8 years ago

Not yet, they are scattered in those issue threads. If you grep for one of the enum value you'll find some.

I intend to start including themes with 1.50 soon so you may also wait for that.