Implement Interface for Users in Custom Rooms Before the Game Starts - Githubissues

tridecco / game-client-web

Tridecco Game Client is a frontend application designed to support Tridecco games. It provides user interface rendering, user interaction handling, dynamic content loading, and communication with the backend server.

https://play.tridecco.com

GNU Affero General Public License v3.0

1 stars 0 forks source link

Implement Interface for Users in Custom Rooms Before the Game Starts #14

Closed TKanX closed 1 month ago

TKanX commented 1 month ago

Description:

Develop an interface for users who have joined custom rooms, allowing them to interact and prepare before the game starts. This interface should include features such as displaying room information, participant details, and options to leave the room or start the game.

TKanX commented 1 month ago

Add custom room component to game interface

https://github.com/tridecco/game-client-web/commit/916616fd6b96c677c686348d93dc3063724395fa

Added room.ejs page for custom room functionality.
Implemented a layout to display game mode, room status, and player avatars.
Included functionality for copying room number and exiting the room.
Styled the page to ensure responsiveness and proper alignment of elements.
Added placeholder player avatars and a disabled start game button to the room page.

TKanX commented 1 month ago

TKanX commented 1 month ago

Enhanced showRoom method for improved room management

https://github.com/tridecco/game-client-web/commit/95b20990e1a8970bc752287bdbbd5aba6a32a136

Updated showRoom method to include roomId, gameMode, players, isHost, and startGameHandler parameters.
Implemented playerJoinedRoom and playerLeftRoom methods for dynamic player management in the room.
Incorporated logic to display room ID and game mode, with dynamic updates to player list and room status.
Added support for handling host-specific functionality, including showing and enabling the start game button.
Implemented player count management and adjusted the room status message based on current player count.
Added private methods _getDisplayGameMode and _getGameModePlayerCount for better handling of game modes.
Updated showQueue to use _getDisplayGameMode for setting the game mode display.

TKanX commented 1 month ago

Updated room component with exit and copy functionality

https://github.com/tridecco/game-client-web/commit/544fe40894a94364fc7d9d3affaef73ad33b591a

Added event listener for the "exit-room" button to handle room exit and redirect to the homepage.
Implemented functionality for the "copy-room-id" button to copy the room ID to clipboard.

TKanX commented 1 month ago

Enhanced room functionality for joining and creating rooms

https://github.com/tridecco/game-client-web/commit/b79596af7c4fcc8dfa803a6a6a42347a952a460f

Refactored the game.ejs page to improve the logic for joining and creating rooms.
Added functionality to join an existing room, including error handling and displaying room details.
Implemented the ability to create a new room, with error handling and displaying room details.

TKanX commented 1 month ago

Added startRoom method to GameNetwork class

https://github.com/tridecco/game-client-web/commit/c809e4bc1b4cb51c71f75fc321fa44f6542f24ea

Implement the startRoom method in the GameNetwork class to allow the host to start the game in a custom room.
Emit the "startCustomRoom" event to the server and handle the response to resolve or reject the promise.

TKanX commented 1 month ago

Implemented custom room start functionality

https://github.com/tridecco/game-client-web/commit/4bb395904cb1a9f9fce4a31f4e4cf3a5220c02ae

Added functionality to start a game in a custom room.
Handled room creation and game start for both creating and joining a room scenarios.
Implemented event listeners for player joining, leaving, and game start.
Integrated error handling for room creation and starting processes.