Progress PWA: Responsive menus
This week I've been working on making a menu that transforms to fit any sort of screen ratio and size.
The idea of combining the previous project of Preact + Bulma CSS with Phaser was to be able to use traditional HTML/CSS techniques to do GUI and leave Phaser to deal with the game only. You can absolutely do GUI in Phaser, but I hoped it would be more efficient and less re-inventing the wheel to do this solution instead.
The changes in the menu layout is fully in CSS, only the scaling when the screen it too small is done in code. It could be done with CSS as well, but found the code solution to be smoother and less to write.