imGui bindings

rrraptor · January 20

Aha, there is a typo in "scenemanager.lua".
Transition function called "SceneManager.crossfade" (note lower case "f"), but on wiki it is "SceneManager.crossFade".

MoKaLux · January 20

https://github.com/gideros/gideros/pull/482
Transition function should be "SceneManager.crossFade" for consistency, I thought I had made a pull request for this

rrraptor · January 21

MoKaLux said:
https://github.com/gideros/gideros/pull/482
Transition function should be "SceneManager.crossFade" for consistency, I thought I had made a pull request for this

Wrong place. You need to change this line: https://github.com/gideros/gideros/blob/f7c18500384d3aac26203c9bc6ed93106e109c1f/plugins/scenemanager/luaplugin/scenemanager.lua#L167

Seems like I know why icons loading does not work correctly.
According to ImGui docs, I need to call

io.Fonts->Build();

But it leads to a crush for whatever reason... So I made my version:

int Bake(lua_State* L)
{
    ImGuiIO& io = getIO(L);
 
    io.Fonts->ClearTexData();
 
    // this part of the code also executes when ImGui instance is created
    unsigned char* pixels;
    int width, height;
    io.Fonts->GetTexDataAsRGBA32(&pixels, &width, &height);
 
    g_id texture = gtexture_create(width, height, GTEXTURE_RGBA, GTEXTURE_UNSIGNED_BYTE, GTEXTURE_CLAMP, GTEXTURE_LINEAR, pixels, NULL, 0);
    io.Fonts->TexID = (void *)texture;
 
    return 0;
}

~~I think I need to delete/reuse texture created with "gtexture_create". @hgy29 what do you think?)~~
gtexture_delete() does not help.
gtexture_update() does not work.
Hmm... I need to somehow make Build() work...

rrraptor · January 21

Assertion now works

#include "debugapi.h"
#define IM_ASSERT( exp ) do { if (!(exp)) { char buffer[1024]; sprintf(buffer, "Assertion at %s: %d\n", __FILE__, __LINE__); OutputDebugStringA( buffer ); }} while(0)
#define IM_TRACE( msg ) do { char buffer[1024]; sprintf(buffer, "    [%d] %s: %s", __LINE__, __FILE__, msg); OutputDebugStringA( buffer ); } while(0)

But its not vey informative, because Im getting an error in header file (ImVector struct).
BUT! Now I know that

io.Fonts->Build();

Work without any errors (added IM_TRACE to test it). ~~So, I guess the problem somewhere In drawing stuff ... ?~~
Edit: Nope...

Idk how to trace this error

rrraptor · January 22

Somehow, I fixed the issue with glyphs...weird...

rrraptor · January 22

So this is the structure:

local fonts = io:getFonts()
fonts:addFont(font_path, font_size, {
	glyphs = {
		ranges = {
			{
				0x2590,0x2593, -- range1
				0x2660,0x266B  -- range2
				-- ...
			},
			ImGui.GlyphRanges_Cyrillic,
			{
				0x01C0, 0x01C3 -- range3
			},
			ImGui.GlyphRanges_Korean
		},
 
		-- same structure:
		ranges = {
			{
				0x2590,0x2593, -- range1
				0x2660,0x266B, -- range2
				0x01C0,0x01C3  -- range3
				-- ...
			}, 
			ImGui.GlyphRanges_Cyrillic, 
			ImGui.GlyphRanges_Korean
		}
	},
	mergeMode = true, -- merge into previous font
})
fonts:build()
 
-- To use specific icons:
local icon = utf8.char(0x2590)
 
ImGui:text("My icon >>" .. icon .. " << !!!")

rrraptor · January 22

@hgy29 why particles decay applied in this weird way (decay ^ frames) ?)
https://github.com/gideros/gideros/blob/81022d9e2fc84072af43aed33834ee21f6da633b/2dsg/particles.cpp#L328
How to calculate decayAlpha to make particles fade out smoothly?) Same question for other "decay"s.
Wouldnt it be better to use multiplication instead of exponentiation? Or just add extra modifier?

hgy29 · January 22

rrraptor said:
@hgy29 why particles decay applied in this weird way (decay ^ frames) ?)
https://github.com/gideros/gideros/blob/81022d9e2fc84072af43aed33834ee21f6da633b/2dsg/particles.cpp#L328
How to calculate decayAlpha to make particles fade out smoothly?) Same question for other "decay"s.
Wouldnt it be better to use multiplication instead of exponentiation? Or just add extra modifier?

The idea was to multiply alpha (or whataver) by a decay factor each frame. If multiple frames have to be computed at once (because of a lag for example), then the multiplication has to be done that number of frames, hence the exponentiation.
The advantage of multiplication is that it mimics physical properties, were a fraction of energy is lost every amount of time, like the discharge of a capacitance. This is in fact much more natural than a linear decay. And it solves computational issues, such as clamping the result to prevent it from going negative, etc.

MoKaLux · January 22

Sorry rrraptor a little bit off topic

crossFade: https://github.com/gideros/gideros/pull/502

rrraptor · January 22

hgy29 said:
And it solves computational issues, such as clamping the result to prevent it from going negative

But

rrraptor · January 24

1.80 released
https://github.com/ocornut/imgui/releases/tag/v1.80

keszegh · January 24

now i really need to remake my old gui with imgui, this is too good to be postponed further.

rrraptor · January 24

Binding updated, but I need to test it.

https://github.com/MultiPain/Gideros_ImGui#tables

rrraptor · January 27

Just finished tables demo (rewritten in LUA from C++)
https://github.com/MultiPain/Gideros_examples/tree/master/ImGuiTablesDemo
Seems like everything works OK.

Pull request: https://github.com/gideros/gideros/pull/503
@hgy29 Ive made changes to make files (but not to xcode proj file), but I guess you better to check

Added new file: imgui_tables.cpp
Removed binder.cpp

keszegh · January 27

such examples are really useful, thanks.

rrraptor · January 27

@hgy29 is that ok to leave destructor empty? I think I need to delete clipper pointer, but idk how to do it. Or maybe GC (or Gideros) will do the job for me?)

Typical use:

P.S. ImGuiListClipper is a simple struct.
P.P.S. There is a typo on 2d screenshot

rrraptor · January 31

SinisterSoft · January 31

I love the effect at 3:50 onwards...

keszegh · January 31

this particle editor would deserve its own topic.

rrraptor · February 11

Changed "ImGui:colorConvertXXXtoXXX" functions. Now it must be called without ImGui instance. Just use "." instead of ":" (ImGui.colorConvertHEXtoRGB(0xfaef08))
Added ImGui.colorConvertHEXtoHSV() / ImGui.colorConvertHSVtoHEX()
Added style functions for TextEditor
Added FontAtlas:getFonts() function (returns a table with all fonts)
Added fonts functions (https://github.com/MultiPain/Gideros_ImGui/blob/master/README.md#font)
FontAtlas:addFonts() now returns table of fonts
Removed unnecessary assertions
Docs: https://github.com/MultiPain/Gideros_ImGui/blob/master/README.md#texteditor

https://github.com/gideros/gideros/pull/505

MoKaLux · February 11

terrific job rrraptor

SinisterSoft · February 11

@rrraptor How do you set the colours for a style generally - eg to set the dark theme colours, etc - or create a new theme?

rrraptor · February 11

SinisterSoft said:
@rrraptor How do you set the colours for a style generally - eg to set the dark theme colours, etc - or create a new theme?

You can call

ImGui:showLuaStyleEditor("Title")

Edit colors, then press "export" button, and CTRL+V to gideros

You will get the string:

local style = imgui:getStyle()
... and others

where you need to change "imgui" to your ImGui instance name.

For others:
https://github.com/MultiPain/Gideros_ImGui#style-settersgetters
Default themes:
https://github.com/MultiPain/Gideros_ImGui#default-styles

SinisterSoft · March 3

I finally got around to trying to start the style editor - this is the code:

pcall(function() require "ImGui" end)
ImGui:showLuaStyleEditor("Title")

But it crashes the player (Windows)... ?

rrraptor · March 3

SinisterSoft said:
I finally got around to trying to start the style editor - this is the code:
pcall(function() require "ImGui" end)
ImGui:showLuaStyleEditor("Title")
But it crashes the player (Windows)... ?

Is that a full code?

Full code must be:

-- load module
require "ImGui"
-- create instance
ui = ImGui.new()
-- add to scene/stage
stage:addChild(ui)
-- add enterFrame listener
stage:addEventListener("enterFrame", function(event)
	-- start frame
	-- you cant use ~80% of functions BEFORE newFrame call
	ui:newFrame(event)
 
	ui:showLuaStyleEditor("Title") --<
 
	ui:render()
	ui:endFrame()
end)

SinisterSoft · March 3

I'll try that code snip. Thanks.

SinisterSoft · March 4

Got it to work, thanks.

BTW, it's a pity that you can't have an icon and gradient shading in window title bars, buttons, etc. Could this be added in the future or will it deviate from the official imgui too much?

keszegh · March 4

@SinisterSoft , i don't know about gradients but it seems that in ImGui for icons the suggested way is to use a custom font which contains all your icons and then you can include it easily anywhere where text can be used.

SinisterSoft · March 4

No, I mean nice coloured icons (see my screenshot above)....

keszegh · March 4

that's true, colored icons cannot be done from inside a font.
then @rrraptor might have a workaround.

Howdy, Stranger!

Categories

In this Discussion

Top Posters

imGui bindings

Comments