[Phaser 3] rexUI plugins

Showcase
81

BBCodeText, TagText updating:

Can draw round-rectangle background with gradient. See this demo.

82

Add

83

HI,
Is this a spelling error in rexUI - Scroll-able panel?

scrollablePanel / scrollabelPanel

If it’s not very important please ignore me ,haha

By the way ,can you help me with this problem? Thanks a lot !

84

Add custom shapes - demo

85

TextBox, TextArea : Support bitmap text game object.

86

Please upgrade minify file of rexUI, or npm package (1.1.49) for phaser3.55.2.

87

Upgrade npm package to 1.1.57, add d.ts files to support typescript.

Using typescript declaration file
Example: Speech-bubble

88

Add another text edit behavior, now rexui has 2 text editors.

Document of Hidden edit.

NPM package will be upgraded 2 weeks later.

89

@rexrainbow I have a question regarding your table plugin:

Currently, I’m making a custom table by using your scrollable container & manually create each cell’s content (text/image) with a “for” loop. However, with just ~400 rows and 5 columns, the performance is not great. The container with the table takes a long time to render and sometimes even crashes the game.

Do you think moving to using your table plugin will help with performance issue? Is it performance optimized?

90

Try GridTable, which will create game objects of visible rows, has an option to reuse game object of a row.

If you still want to create a big table by scrollablePanel, might try to replace Text/BBCodeText game object by BitmapText game object, in this case.

91

Thanks for the tip and the quick reply!

I have another question, regarding the Chart plugin:

I want to use the time axis but it requires a date adapter and I don’t how to set an adapter so the chart plugin will recognize it.

I’m currently using this way: GitHub - chartjs/chartjs-adapter-moment

import 'chartjs-adapter-moment';

but it requires chart.js to be installed (instead of imported in preload for use in Phaser only)

92

You can load chartjs-adapter-moment by script tag, like <script src=“https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@^1”></script>.

In this demo, it loads chart.js by script tag too, instead of loading in preload stage (the body of preload() method is empty here).