Improve tic-tac-toe party mode (#912)

- A won field pops up and fades into the color of the winning team
- At the end, the winning line pulses while all other fields are dimmed
- The jokers are labeled ("New song", "Replay a field"), so it's clear what they do
- Darker panels behind the team areas and more room between the board and the title
- Long player names no longer reach into the board

Co-authored-by: Florian Ostertag <flokuep@users.noreply.github.com>
This commit is contained in:
McSchneidarandFlorian Ostertag authored and GitHub committed 2026-10-18 06:18:20 +02:00
1 parent b4c29e1b55
commit 5e449c7b01
5 files changed
+240 -7

No files matched your search

@@ -28,6 +28,8 @@
<string name="TR_SCREENNAMES_HELPMESSAGE">Füge mindestens einen Spieler zu beiden Teams hinzu! / Zum Hinzufügen den Spieleravatar auf die Liste der ausgewählten Spieler ziehen! / Zum Entfernen den Spieleravatar mit rechter Maustaste anklicken!</string>
<string name="TR_SCREENMAIN_TITLE">Tic-Tac-Toe</string>
<string name="TR_SCREENMAIN_TEAM_CHOOSE">Wählt ein Feld aus.</string>
<string name="TR_SCREENMAIN_JOKER_RANDOM">Neuer Song</string>
<string name="TR_SCREENMAIN_JOKER_RETRY">Feld neu spielen</string>
<string name="TR_SCREENMAIN_NEXT_PLAYER">Nächster Spieler</string>
<string name="TR_SCREENMAIN_POPUP_REALLYEXIT">Tic-Tac-Toe wirklich beenden?</string>
<string name="TR_SCREENMAIN_WINNER">Und der Gewinner ist...</string>
@@ -28,6 +28,8 @@
<string name="TR_SCREENNAMES_HELPMESSAGE">Add at least one player to both teams! / Drag player avatars to add them to the selected players list! / Right click avatar of selected players to remove them!</string>
<string name="TR_SCREENMAIN_TITLE">Tic-Tac-Toe</string>
<string name="TR_SCREENMAIN_TEAM_CHOOSE">Choose a field.</string>
<string name="TR_SCREENMAIN_JOKER_RANDOM">New song</string>
<string name="TR_SCREENMAIN_JOKER_RETRY">Replay a field</string>
<string name="TR_SCREENMAIN_NEXT_PLAYER">Next player</string>
<string name="TR_SCREENMAIN_POPUP_REALLYEXIT">Really exit Tic-Tac-Toe?</string>
<string name="TR_SCREENMAIN_WINNER">And the winner is...</string>
@@ -2,7 +2,7 @@
<Screen>
<Informations>
<ScreenName>PartyScreenTicTacToeMain</ScreenName>
<ScreenVersion>2</ScreenVersion>
<ScreenVersion>3</ScreenVersion>
</Informations>
<Backgrounds>
<Background Name="Background1">
@@ -80,6 +80,38 @@
<Z>-2</Z>
</Rect>
</Static>
<Static Name="StaticTeamPanel1">
<Skin />
<Color>
<R>0.1</R>
<G>0.09</G>
<B>0.25</B>
<A>0.75</A>
</Color>
<Rect>
<X>5</X>
<Y>210</Y>
<W>485</W>
<H>470</H>
<Z>0.8</Z>
</Rect>
</Static>
<Static Name="StaticTeamPanel2">
<Skin />
<Color>
<R>0.1</R>
<G>0.09</G>
<B>0.25</B>
<A>0.75</A>
</Color>
<Rect>
<X>1430</X>
<Y>210</Y>
<W>485</W>
<H>470</H>
<Z>0.8</Z>
</Rect>
</Static>
</Statics>
<Texts>
<Text Name="TextTitle">
@@ -171,7 +203,7 @@
<Y>300</Y>
<Z>0</Z>
<H>52.5</H>
<MaxW>0</MaxW>
<MaxW>300</MaxW>
<Color Name="Player1" />
<SelColor Name="TextSelColor" />
<Align>Left</Align>
@@ -185,7 +217,7 @@
<Y>300</Y>
<Z>0</Z>
<H>60</H>
<MaxW>0</MaxW>
<MaxW>300</MaxW>
<Color Name="Player2" />
<SelColor Name="TextSelColor" />
<Align>Right</Align>
@@ -194,6 +226,62 @@
<Font>Outline</Font>
<Text />
</Text>
<Text Name="TextJokerRandomT1">
<X>90</X>
<Y>640</Y>
<Z>0</Z>
<H>26</H>
<MaxW>150</MaxW>
<Color Name="TextColor" />
<SelColor Name="TextSelColor" />
<Align>Center</Align>
<ResizeAlign>Center</ResizeAlign>
<Style>Bold</Style>
<Font>Outline</Font>
<Text>TR_SCREENMAIN_JOKER_RANDOM</Text>
</Text>
<Text Name="TextJokerRetryT1">
<X>240</X>
<Y>640</Y>
<Z>0</Z>
<H>26</H>
<MaxW>150</MaxW>
<Color Name="TextColor" />
<SelColor Name="TextSelColor" />
<Align>Center</Align>
<ResizeAlign>Center</ResizeAlign>
<Style>Bold</Style>
<Font>Outline</Font>
<Text>TR_SCREENMAIN_JOKER_RETRY</Text>
</Text>
<Text Name="TextJokerRandomT2">
<X>1830</X>
<Y>640</Y>
<Z>0</Z>
<H>26</H>
<MaxW>150</MaxW>
<Color Name="TextColor" />
<SelColor Name="TextSelColor" />
<Align>Center</Align>
<ResizeAlign>Center</ResizeAlign>
<Style>Bold</Style>
<Font>Outline</Font>
<Text>TR_SCREENMAIN_JOKER_RANDOM</Text>
</Text>
<Text Name="TextJokerRetryT2">
<X>1680</X>
<Y>640</Y>
<Z>0</Z>
<H>26</H>
<MaxW>150</MaxW>
<Color Name="TextColor" />
<SelColor Name="TextSelColor" />
<Align>Center</Align>
<ResizeAlign>Center</ResizeAlign>
<Style>Bold</Style>
<Font>Outline</Font>
<Text>TR_SCREENMAIN_JOKER_RETRY</Text>
</Text>
</Texts>
<Buttons>
<Button Name="ButtonNextRound">