We designed Bridge Champ's interface to be as intuitive as possible, but like everything new, you still got to learn how it works first.
Here you'll find basic explanations of the most important features. If you have any additional questions, text us at info[at]bridgechamp.com
¶ Mic/Cam Permissions
Once you attempt to join the table, your browser will display a prompt asking for permission to access your microphone and camera. This step is crucial to be able to communicate in-game, if you miss it, you'll have to reset the browser permissions for our website (see video below).
-
Allow Access
Click on the "Allow" button in both prompts to grant access. This allows the platform to use your microphone and camera for in-game communication and interactions. -
Select Microphone and Camera (optional)
If prompted, select the specific microphone and camera you'd like to use from the available options (if there's more than one connected to your device). -
Muting or Disabling
During gameplay, you'll have the option to disable your microphone and camera through in-game controls, accessible when hovering the mouse over your profile picture.
Take a look at the following video for detailed instructions:
¶ Table Widgets
When opening or joining a table, you'll notice that the playing area is equipped with various widgets that enhance the gaming experience.
Let's explore each of these widgets in detail:
-
Compass
At the top of the game interface, there's a compass indicating the directions (North, East, South, West) corresponding to each player's seat. A yellow arrow points in the direction of the player whose turn it is. The position of the player who has won the contract is circled in yellow, while Vulnerabitilies are marked in bright purple. -
Scoreboard
The scoreboard displays vital information related to the game's progress. It shows scores and number of tricks taken for each player or team, providing a clear overview of who is leading or winning. It also shows the board number on top and the table timer on the bottom. -
Feedback Label
The feedback label allows players to report issues and provide feedback to the developers. Players can send messages and attach screenshots to help communicate their concerns effectively. A report of your game and browsers will also be automatically sent. -
Sound Icon
The sound icon allows players to control the game's audio settings. Clicking on it toggles between sound on and sound off. -
Playing Cards
The playing cards represent the cards currently in play during the game. If the winning contract has a suit, all cards of that suit will be moved to the left. -
Bidding Cards
The bidding cards allow players to make bids, indicating the number of tricks they believe they can win and the trump suit. When hovering over the bids, you can see an explanation of what that bid means to the bot. When clicking on a bid, you'll have the option to alert the opponents and explain your bid. -
Player Seat
The player seat indicates the position of each player around the game table. It includes your profile picture (if you have one) and your name. When hovering over the profile picture, you'll see the audio and video settings, as well as the "X" icon to remove yourself from the seat. -
Undo and Claim Buttons
Next to the player's seat you'll find the undo button, which allows players to reverse their last move or action and the claim button, which is used to claim a specific result.
These widgets serve as essential tools for providing information, facilitating interactions, and enhancing player engagement. We designed and implemented them to significantly improve the usability and enjoyment of the game.
¶ Playing Turn Indicators
In Bridge Champ, there are multiple visual cues to indicate whose turn it is. These player turn indicators work in harmony to ensure that all players are aware of whose turn it is at any given moment during the game. This helps maintain a smooth and engaging gameplay experience, allowing players to make their moves promptly and efficiently.
-
Compass Indicator
At the top left corner of the game interface, there's a compass indicating the directions (North, East, South, West) corresponding to each player's seat. A yellow arrow points in the direction of the player whose turn it is. -
Colored Frame Around Player's Seat
-
Center Table Arrow
At the center of the table, once the bidding stage is over, an arrow appears to indicate whose turn it is.
¶ Bidding Stage
When it's your turn to bid, you'll be presented with the bidding box.
- Hovering the mouse will pop-up the bidding cards.
- Clicking on a card will preselect the bid and will allow you to:
- alert
- add a message
- ask for robot analysis
- To confirm the bid, click on the bidding card again.
You can skip the dialog and bid quickly by double-clicking on a bidding card when it pops-up.
¶ Playing Stage
You'll see your cards as soon as the game starts, but you're only allowed to play them when it's your turn.
Similar to bids, the playing cards will pop-up when hovering the mouse.
When a suit is played, you're only allowed to play cards of that suit, if you have any.
The default suit order with a NT contract is:
- ♠️ Spades
- ♥️ Hearts
- ♦ Diamonds
- ♣ Clubs
When the winning contract is of a certain suit, that suit will be placed in first place (on the left) and the other suits will remain in their original order.
For example, if the winning contract is 2♦️, the suit order of the cards in your hand will be:
- ♦ Diamonds
- ♠ Spades
- ♥ Hearts
- ♣ Clubs
¶ Game Menu
These components in the game menu on the left side enhance the overall gaming experience by providing additional features and options for players to interact with the game, review its progress, and communicate with others in the same session.
-
Kibitzers
The "Kibitzers" section allows everyone at the table to see who is spectating the game. When allowed to the table, Kibitzers can view the ongoing gameplay. -
Game Review
The "Game Review" section shows the bidding after bidding is concluded, as well as a preview of the last trick played by the players. -
Game Updates
The "Game Updates" section provides real-time information about events at the table. -
Results
The "Results" section displays the final outcome of the game after it's concluded, including scores, rankings, or any other relevant statistics. It provides a summary of how each player or team performed. -
Table Settings
The "Table Settings" section allows the table director to customize certain aspects of the game, such as adjusting game options, changing visual preferences and managing game-specific settings. -
Deal Source
The "Deal Source" section provides information about the source or algorithm used to generate the initial deal of cards. Players can also create customized deals based on specific values required by them, for training and learning purposes. link to video -
Chat
The "Chat" section allows players to communicate with each other in real-time during the game. -
Streaming
Seamlessly stream your current game to your YouTube Channel. -
Leave Table Button
The "Leave Table" button provides a convenient way for players to exit the current game session. Clicking this button will prompt a confirmation to ensure the player wants to leave and close the table, or leave and assign the table to another player.