UIButton onClick event not working

[cbergen]

I'm trying to register a mouse click using the following:

const btn = UIButton.fromCircle( [p1, p2] );
btn.onClick( ui => {
    console.log('btn clicked');
});
btn.render( g => form.fillOnly("#000").circle( g ) );

The button renders but nothing appears in console when clicking.

[williamngan]

Hi @cbergen , you also need to put a UI.track in a player's "action" callback, so that the actual UI events are passed into UIButton. For example:

    action:( type, px, py) => {
      UI.track( arrayOfUIs, type, new Pt(px, py) );
    }

Take a look at line 85 in the UI demo here.

I do realize this might be a bit unintuitive, but this also makes the UI classes more flexible (eg, you can stop tracking anytime by not passing values to UI.track, or pass arbitrary values to it).

The API for UI classes will need some more thinking. If you have feedbacks after using it, please file issues. Thanks for trying it out!

[cbergen]

That's a big help, thank you!