Skip to content

Add QR code overlay while waiting for opponent#55

Closed
tim4724 wants to merge 1 commit intomainfrom
feature/qr-code-waiting-overlay
Closed

Add QR code overlay while waiting for opponent#55
tim4724 wants to merge 1 commit intomainfrom
feature/qr-code-waiting-overlay

Conversation

@tim4724
Copy link
Owner

@tim4724 tim4724 commented Feb 28, 2026

Summary

  • When a player creates a multiplayer room and waits for an opponent, a QR code is now displayed at field center encoding the join URL
  • The overlay includes a pulsing "Waiting for opponent..." title and "Scan to join" instruction text on a semi-transparent backdrop
  • QR code is rendered directly with PixiJS Graphics (no canvas/DOM), sized ~250 game units to fit the center circle
  • Overlay auto-hides on matchStart event (with stateChange phase check as fallback) and is cleaned up on scene destroy

Test plan

  • npm run build passes with no type errors
  • All 14 E2E tests pass (npm run test:e2e)
  • Manual: Start multiplayer, create a room — verify QR code appears centered on field
  • Manual: Scan QR code with phone or open encoded URL in second tab
  • Manual: Verify overlay disappears when second player joins and match starts

When the first player creates a multiplayer room, a QR code is now
displayed at field center encoding the join URL. The second player
can scan it to join instantly. The overlay includes a pulsing
"Waiting for opponent..." title and "Scan to join" instruction,
and automatically disappears when the match starts.
@github-actions
Copy link

@tim4724 tim4724 closed this Mar 7, 2026
@tim4724 tim4724 deleted the feature/qr-code-waiting-overlay branch March 7, 2026 11:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant