Setup UI

[HyperCrowd]

• [x] Set up SolidJS in the project environment.
• [ ] Ensure compatibility with existing frameworks and libraries.
• [x] Create a layout structure for easy placement and management of UI elements.
• [ ] Define best practices for positioning and scaling UI components.
• [x] Implement functionality to allow clicks that don’t hit UI elements to pass through to the canvas.
• [ ] Test and verify that gameplay interactions remain unaffected by UI.
• [ ] Develop a default UI with essential elements (e.g., health bars, action buttons, menus).
• [ ] Ensure the default UI is responsive and visually appealing.
• [ ] Define a safe and structured method for player submissions to prevent security vulnerabilities.
• [ ] Check how the UI system performs on mobile devices.
• [ ] Optimize layouts and interactions for touch input and smaller screens.
• [ ] Identify key actions and data that should be accessible to the UI.
• [ ] Investigate methods for managing UI events that exceed the layout grid space.
• [ ] Implement strategies for scaling and positioning to ensure usability and accessibility.

[HyperCrowd]

SolidJS is integrated. Will have to implement a simple UI example

[HyperCrowd]

We now have a basic UI grid layout: https://github.com/HyperCrowd/moba/commit/2b8826257f0f4a3dca6ee0d274792d26a1299612

Black lines won't be shown in game time, but when you modify UI components, they will. And the UI elements can be written in pure HTML and CSS for user modding, too!

Plus the UI handling is written in SolidJS, so UI states can persist between loading easily and signalling is a breeze to reason about