3. View UIUX

UI/UX Flow Map:

UI/UX Design:

Pre-Game:

To start a game, the user must first select a rule from the drop-down menu, which offers three different options. The currently selected rule is indicated by a checkbox. Once the user has selected a rule, they can click the "Start" button to begin the matching process. At this point, the camera will automatically activate, and the user will see a "wait for game matching" message on the screen. To return to the main page, the user can click the "Exit" button.

Github Links:* Pre Game UI * Pre Game Controller

In-Game:

After the users have been matched, the system will transition to the "Find Markers" stage. To prepare the board, users should first scan the markers located around the corners of the chessboard. Once all the markers have been scanned, the message "All Markers Found" will be displayed on the screen. At this point, the user should be able to either start the game immediately or wait for their opponent to finish preparing the board.

Once both users have successfully prepared the board, user can begin placing their pieces that have markers on them. When the camera detects an available location for a piece, a "Confirm" button will be enabled for the user to confirm the new piece location. An available location is one that is inside the chess board and has not been previously occupied. After the user confirms the piece location, it will switch to the opponent's turn, which is indicated at the top of the screen to make it clear whose turn it is.

Github Links:* In Game UI * In Game Controller

Post-Game

Once the game has ended, the user will be presented with the game result and the number of moves they have played. This information will be displayed on the screen. To return to the main page, the user can simply click on the "Return" button.

Github Links:* Post Game UI * Post Game Controller

Changes and Justifications:

Rule Selection

We have added a drop-down menu to allow users to select from the available rules for the game. This approach is commonly used by other games in the market and should help users to understand and select the rules they want to play with. By providing this option, users can enjoy the full range of content our game provides without confusion over the rules.

Github Links:* Dropdown Menu

Marker Hint

To ensure that all users have successfully scanned the chess board to enter the game, we have updated the on-screen hint for scanning all markers. The prompt now reminds the user to scan all three markers, and when all markers have been scanned, the message "All Markers Scanned" will be displayed on the screen. These changes should help to ensure that all users have completed the necessary steps to begin the game.

Github Links:* Marker Hint

Exit Button

To prevent accidental exits from the game, we have relocated and resized the "Exit" button. It is now located in the corner of the screen rather than in the middle, making it less likely for users to accidentally press the button. This change should result in fewer false touches and provide a better overall experience for the user.

Github Links:* Exit Button UI