https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • e
    Thanks
  • r
  • b
    zip and send a test project here if you can...
  • e
    Ok, found it. I added my Component to an interactive h2d.Flow and this step doesn't work anymore :/
  • e
    The interactive part of the Flow seems to be on top of my buttons, now, preventing me from clicking them :(
  • b
    can you disable the interactivity? Im not really familiar with Flow
    e
    • 2
    • 7
  • b
    seems that its for layout though... any reason not to use haxeui for layout?
  • e
    I can but I use it to block interaction with the 3D stuff underneath
  • b
    hmmm
  • b
    I know zoom is always pain, but how do i do properly zoom in heaps? or how can i do haxeui-components "static"? I have a scene and interactive camera and im scalling my camera with like this.
    Copy code
    haxe
camera.scaleX += (isScrollingIn ? 1 : -1) * 0.01;
camera.scaleY += (isScrollingIn ? 1 : -1) * 0.01;
    after zoom, haxeui components seems to be screwed. text is gone but interactive elements from in in a static absolute positions
  • b
    the one opportunity is to make extra camera somewhere on side and render ui here. but is there way to render it properly on main view, main camera which can be zoomed and changed position?
  • b
    i tried something like this
    Copy code
    Toolkit.scaleX = s2d.interactiveCamera.scaleX;
Toolkit.scaleY = s2d.interactiveCamera.scaleY;
    this zooms components but they like still broken after this
  • b
    for scaling this works in simmilar way, the window (and other elements) just staying small but interactive elements at the static absolute position
  • a
    I don't know much about heaps, but, the way to handle this may be to separate the root object you pass to haxeui from the game camera
  • b
    i think i know what you mean, this can be usefull... i will look 🙂 thanks
  • f
    Lol, you're using some French in your example. I thought that with your name, you wouldn't know French, so you've chosen your handle on purpose ?
  • e
    I have, quite some time ago ^^'
  • f
    Nice ! quite some self confidence here 😉
  • b
    it finally works, but i had to make a few replacements. ComponentBuilder and Screen are moved to render function. It wasn't obvious.
  • b
    you 100% dont want to be doing that... you are creating a new UI every frame and adding it to the screen...
  • a
    what's the issue?
  • a
    I didn't have any obvious issues with color on kha
  • b
    Copy code
    class Main {
    static function update():Void {}

    static function render(framebuffers:Array<Framebuffer>):Void {
        var g = framebuffers[0].g2;
        g.begin(true, 0xFFFFFFFF);
        Screen.instance.renderTo(g);
        g.end();
    }

    public static function main() {
        kha.System.start({}, function(_) {
            kha.Assets.loadEverything(function() {
                haxe.ui.Toolkit.init();

                final ui = haxe.ui.ComponentBuilder.fromFile("main-view.xml");
                haxe.ui.core.Screen.instance.addComponent(ui);

                System.start({title: "Project", width: 1024, height: 768}, function(_) {
                    // Just loading everything is ok for small projects
                    Assets.loadEverything(function() {
                        // Avoid passing update/render directly,
                        // so replacing them via code injection works
                        Scheduler.addTimeTask(function() {
                            update();
                        }, 0, 1 / 60);
                        System.notifyOnFrames(render);
                    });
                });
            });
        });
    }
}
  • b
    maybe the UI creation has to be after the System.start? Not sure... ie, this:
  • b
    Copy code
    class Main {
    static function update():Void {}

    static function render(framebuffers:Array<Framebuffer>):Void {
        var g = framebuffers[0].g2;
        g.begin(true, 0xFFFFFFFF);
        Screen.instance.renderTo(g);
        g.end();
    }

    public static function main() {
        kha.System.start({}, function(_) {
            kha.Assets.loadEverything(function() {
                haxe.ui.Toolkit.init();

                System.start({title: "Project", width: 1024, height: 768}, function(_) {
                    // Just loading everything is ok for small projects
                    final ui = haxe.ui.ComponentBuilder.fromFile("main-view.xml");
                    haxe.ui.core.Screen.instance.addComponent(ui);

                    Assets.loadEverything(function() {
                        // Avoid passing update/render directly,
                        // so replacing them via code injection works
                        Scheduler.addTimeTask(function() {
                            update();
                        }, 0, 1 / 60);
                        System.notifyOnFrames(render);
                    });
                });
            });
        });
    }
}
  • b
    thanks, that's way better.
  • i
    should changing a dropdown's 
    selectedIndex
    via code update the UI and call any 
    onChange
    callbacks?
  • i
    I'm trying to do just that, to pick the first option in a dropdown if none has been picked already, but the UI doesn't update:
    Copy code
    haxe
// Pick first option for reaction dropdown if none has been selected
reactionDropdown.selectedIndex = (reactionDropdown.value == -1) ? 0 : reactionDropdown.selectedIndex;
var selectedReaction = reactionDropdown.value;
  • i
    the use case being here, where when I pick an NPC from the top dropdown, the second dropdown's data is populated but an option doesn't get picked as a default
  • i
    in fact it seems that changing the 
    selectedIndex
    isn't actually changing the value at all
1...148214831484...1687Latest