https://linen.dev logo
Powered by
# haxe-ui
  • o
    So these sliders control the u, v of the image, and the x and y position of the Kiwi, the star is currently setup to automatically rotate.
  • o
    So from a concept basis in the render loop you can upload new interleave data, it's a bit heavy but it works, so you can modify the xyz and the color and the image uv ( xy ).
  • o
    now if you break up the array you can adjust the uniform between data upload.
  • b
    all very interesting, but not sure im getting a question from it 🙂
  • b
    you want to make the kiwi and the star a haxeui component?
  • b
    or moreover a sort of canvas with x/y/u/v properties that can be controlled by sliders? Or am i missing it entirely?
  • o
    so in my more generic code I am setting the interleave data https://gist.github.com/nanjizal/c6d3979cdce8cc72fbeb94cc25484f62
  • o
    but in theory this could be rearranged to allow uniform data to be changed and more gl.bufferSubData uploaded... I think
  • o
    prior to a clear
  • o
    well the kiwi is just svg path see bottom of first code link
  • o
    and the drawing star is just draw commands ( see draw star ) .
  • b
    yeah, i saw that, i guess im just asking, what are you asking? To build a generic haxeui custom component that draws this stuff (like the svg data at the bottom)?
  • o
    Well my code approach is GL centric ( WebGL1 and glut/gluon, nme and lime potentially compatible ).
  • o
    So forgetting if it's viable to use it for haxeui target for the moment as that is likely quite a bit of work. Firstly could it be used for 2D vector graphics components.
  • o
    If i post the shaders which are very simple would that help ?
  • b
    > To build a generic haxeui custom component that draws this stuff So yeah, thats the question simple answer is i dont see why not, i mean, you could probably take your TrilateralTextureBasic class now (without the slider stuff) and have it as a member var of a custom component... then you could integrate it a little tighter... the problem, as i mentioned, is having children of it (in xml) since they would have to be components too
  • o
    It's heavy to upload data in render loop but runs in browser
  • b
    although, i just had a thought... bear with me a minute... wanna see if its feasable...
  • o
    I can update related library code but lot to setup so more interested to talk generally for now.
  • b
    i think i follow your idea, i just want to see if something is possible or not
  • o
    Are you experimenting would it help if I put together a selfcontained zip?
  • o
    I started looking at haxeui code but not yet looked at your xml parsing.
  • b
    well, the xml parsing is going to be an issue, as i mentioned each child has to be a Component derived class, however, there is another option, which is to implement IDataComponent
  • b
    then you can do things like this:
  • b
    Copy code
    xml
<vbox style="padding: 5px;">
    <canvas width="100" height="100">
        <data>
            <box x="10" y="10" w="50" h="50">
            </box>
            <box x="20" y="20" w="30" h="30">
            </box>    
        </data>
    </canvas>    
</vbox>
  • b
    the issue there is how nested you want that data to be... i just had a look and the nested data ends up in a kinda shitty format, but that seems more like a bug than a feature
  • b
    fyi, this is my custom component:
  • b
    Copy code
    haxe
class Canvas extends Component implements IDataComponent {
    private var _theCanvas:CanvasElement;
    
    public function new() {
        super();
    }
    
    private override function onReady() {
        createCanvas();
        invalidateComponent();
    }
    
    private override function validateComponentLayout() {
        var b = super.validateComponentLayout();
        
        if (_theCanvas != null && width > 0 && height > 0) {
            _theCanvas.style.width = width + "px";
            _theCanvas.style.height = height + "px";
        }
        
        return b;
    }

    private var _dataSource:DataSource<Dynamic> = null;
    public var dataSource(get, set):DataSource<Dynamic>;
    private function get_dataSource():DataSource<Dynamic> {
        return _dataSource;
    }
    private function set_dataSource(value:DataSource<Dynamic>):DataSource<Dynamic> {
        _dataSource = value;
        draw();
        return value;
    }
    
    private function draw() {
        for (n in 0..._dataSource.size) {
            var d = _dataSource.get(n);
            trace(d);
        }
    }
    
    private function createCanvas() {
        if (_theCanvas != null) {
            return;
        }
        
        _theCanvas = Browser.document.createCanvasElement();
        this.element.appendChild(_theCanvas);
    }
}
  • o
    I worry when I see Dynamic! : )
  • b
    you could probably type it there to be fair
1...460461462...1687Latest