evaluate playability on different devices

[hervan]

prototype 2 is somewhat playable in most devices now, but there's no proper layout for smaller screens (in fact most screens where it's being developed are desktop ones), creating some issues like controls overlapping the board. in edge browser, CSS variables are not available and it also renders the game unplayable. the issue is being closed to create others more specific to each of these questions.

[hervan]

a valid idea is to show the commands and state for the current player only. it's suitable for remote multiplayer, and this way local multiplayer (as well as single player) gets a less cluttered interface; a summary about the other teams can be displayed for the current player to peek at.

[hervan]

on the other hand, the interface is still too clean and minimalistic, but at the expense of essential information for the players (even about their own swarms). visual info about meeples and terrains should be more detailed. the same principle must be applied to the future implementation of artifacts.

[hervan]

if #20 is in fact adopted, it will be inevitable to consider the needs of zooming in and out of the board.

[hervan]

sketch of touch controls for small screens, where it's possible to play two-handed.

[hervan]

a very convenient alternative for native implementations is ReactXP, recently released by Microsoft. it may require almost no effort to port (except what is already expected in adapting the interface to different form factors).

[hervan]

changes in layout, now based in viewport units, allowed a more flexible arrangement of screen elements. zoom is properly implemented for smaller screens. still left to do:

• use touch events for pan&zoom;
• use window.scrollTo (or similar) to scroll to current player automatically, because now player mats (for more than 3 players) get partially occluded.