Scrolling menu

Phaser 3
1

I’m new to Phaser, and I’d like to know if there is an example about how to do a scrolling menu controlled with the arrow keys, allowing you to have more menu options than just the amount of space you have on your screen. Something similar to the image I attached

menu-scrolling-menu|240x370

1 Like
2

I don’t think that Phaser has a built-in feature for that, but you can use this plugin - Rex Scrollable Panel Plug-in

1 Like
3

rexUI plugin did not support circular menu yet.

1 Like
4

I just set up a flag for the buttons, then use an if statement and tween an indicator to the next item. So buttonSelected == 1, highlight button 1 and execute the command for that button if it’s selected, if there are more buttons then can show on the display, I would just tween the alpha of certain buttons and tween the new buttons into view and keep that buttonSelected variable increasing to the next number.

I will add that if I need to roll over I would add an if statement like
if (buttonSelected >= 10) {
buttonSelected = 1;
}
and
if (buttonSelected <= 0) {
buttonSelected = 9;
}

2 Likes
5

Thanks to everyone.
I’ll try to do something with what Villan suggested