flame icon indicating copy to clipboard operation
flame copied to clipboard

support built-in components like ListView, Dialog, or TabView.....

Open tangjiemian opened this issue 7 months ago • 2 comments

Problem to solve

I believe Flame should have its own GUI component system. This would significantly improve interactivity in game interfaces. Are there any plans to support built-in components like ListView, Dialog, or TabView

Proposal

I believe Flame should have its own GUI component system. This would significantly improve interactivity in game interfaces. Are there any plans to support built-in components like ListView, Dialog, or TabView

More information

No response

Other

  • [ ] Are you interested in working on a PR for this?

tangjiemian avatar May 07 '25 09:05 tangjiemian

We don't want to rebuild Flutter inside of Flame, so we'll for example probably never have text input components built into Flame. Since Flame is design agnostic, it doesn't have Material or Cupertino like Flutter does, so the components would not have any default styling.

Some helper components, like we have the RowComponent and ColumnComponent, would definitely be doable. ListView I'm unsure of if we'd want to support, since then we'd have to support scrolling.

For the Dialog and TabView, what type of functionality do you want from Flame? Both seem to me like they would already be quite simple to do in Flame today, but maybe we can make it even simpler.

spydon avatar May 07 '25 09:05 spydon

Maybe an example on how to make a "GUI" inside Flame without using overlays?

Currently working on a game idea where you have a gui+game-arena visible at all times. By using overlays all the "effects" are not possible to use, so the game gets "flat" since there is to little sparkle ;) You want the game to have effect on the overlay, which I did find any good/easy way todo.

If I wanted to actually create sprite sliders, progressbars, gamecards, listview etc, I had to create them from bottom up (time I do not wanted to invest in). So maybe some helper classes for such scenarios, not something that are included in the engine.

I took the idea til Unity and here they have UIHelper class: https://docs.unity3d.com/ScriptReference/UIElements.Slider-ctor.html

Unity is of course a lot mature engine and the editor is a dream to get things putted together. Example of slider: https://www.youtube.com/watch?v=nTLgzvklgU8 As he describe in the 4 minutes, the basics to what looks like a "gaming" slider in 1-2-3 steps.

I do have huge love to Flutter & the Flame project, but this has been a show stopper for me over the years when I wanted to test a game idea.

large avatar Jul 21 '25 12:07 large