From 394cdf4ea190350e86a64a0535e53b2d3cb41c9d Mon Sep 17 00:00:00 2001 From: Julian Kropff Date: Fri, 8 May 2026 12:57:32 +0200 Subject: [PATCH] Remove animations from cards and the pot to improve usability, make the game interface more stable, and enhance the glass themes --- .../ui-structure/Casinogameui-blackwhite.css | 32 +++++-- .../ui-structure/Casinogameui-glass.css | 88 +++++++++++-------- .../resources/ui-structure/Casinogameui.css | 31 +++++-- 3 files changed, 99 insertions(+), 52 deletions(-) diff --git a/src/main/resources/ui-structure/Casinogameui-blackwhite.css b/src/main/resources/ui-structure/Casinogameui-blackwhite.css index ae21f45..04180b8 100644 --- a/src/main/resources/ui-structure/Casinogameui-blackwhite.css +++ b/src/main/resources/ui-structure/Casinogameui-blackwhite.css @@ -224,6 +224,10 @@ -fx-opacity: 1; } +/*.community-card:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .player-card { -fx-effect: dropshadow(one-pass-box, rgba(255, 255, 255, 0.8), 0, 0, 3, 3); @@ -238,6 +242,10 @@ -fx-opacity: 1; } +/*.player-card:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .player-card.player-cards-active-turn { -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); } @@ -246,10 +254,18 @@ -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); } +/*.dealer-box:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .chips-icon { -fx-effect: dropshadow(one-pass-box, rgba(255, 255, 255, 0.8), 0, 0, 3, 3); } +/*.chips-icon:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .dealer-icon { -fx-effect: dropshadow(one-pass-box, rgba(255, 255, 255, 0.8), 0, 0, 3, 3); } @@ -446,10 +462,10 @@ -fx-border-color: #ffffff; } -.notebook.player-active-turn { - /* Active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); -} +/*.notebook.player-active-turn {*/ +/* !* Active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5);*/ +/*}*/ .notebook-header { -fx-background-color: #000000; @@ -527,10 +543,10 @@ -fx-border-color: #ffffff; } -.settings-box.player-active-turn { - /* Active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); -} +/*.settings-box.player-active-turn {*/ +/* !* Active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5);*/ +/*}*/ .settings-header { -fx-background-color: transparent; diff --git a/src/main/resources/ui-structure/Casinogameui-glass.css b/src/main/resources/ui-structure/Casinogameui-glass.css index c333ff5..e36d99d 100644 --- a/src/main/resources/ui-structure/Casinogameui-glass.css +++ b/src/main/resources/ui-structure/Casinogameui-glass.css @@ -23,12 +23,12 @@ -fx-background-color: linear-gradient( to bottom right, - rgba(255 ,255 ,255 ,0.38), - rgba(255 ,255 ,255 ,0.18) + rgba(255 ,255 ,255 ,0.18), + rgba(255 ,255 ,255 ,0.08) ); -fx-background-radius: 210; -fx-border-radius: 200; - -fx-border-color: rgba(255, 255, 255, 0.40); + -fx-border-color: rgba(255, 255, 255, 0.25); -fx-border-width: 12; /*-fx-min-height: 60vh;*/ /*-fx-max-height: 60vh;*/ @@ -37,7 +37,7 @@ -fx-effect: dropshadow( gaussian, - rgba(0 ,0 ,0 , 0.45), + rgba(0 ,0 ,0 , 0.25), 40, 0.2, 0, @@ -370,6 +370,10 @@ -fx-opacity: 1; } +.community-card:hover { + -fx-translate-y: -3; +} + .player-card { -fx-effect: dropshadow( @@ -392,6 +396,10 @@ -fx-opacity: 1; } +.player-card:hover { + -fx-translate-y: -3; +} + .player-card.player-cards-active-turn { -fx-effect: dropshadow( @@ -416,6 +424,10 @@ ); } +/*.dealer-box:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .chips-icon { -fx-effect: dropshadow( @@ -428,6 +440,10 @@ ) !important; } +/*.chips-icon:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .dealer-icon { -fx-effect: dropshadow( @@ -733,20 +749,20 @@ rgba(255, 255, 255, 0.55); } -.notebook.player-active-turn { - /* active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-border-color: - rgba(184, 134, 11, 0.55); - -fx-effect: - dropshadow( - gaussian, - rgba(184, 134, 11, 0.45), - 40, - 0.2, - 0, - 12 - ); -} +/*.notebook.player-active-turn {*/ +/* !* active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-border-color:*/ +/* rgba(184, 134, 11, 0.55);*/ +/* -fx-effect:*/ +/* dropshadow(*/ +/* gaussian,*/ +/* rgba(184, 134, 11, 0.45),*/ +/* 40,*/ +/* 0.2,*/ +/* 0,*/ +/* 12*/ +/* );*/ +/*}*/ .notebook-header { -fx-background-color: transparent !important; @@ -861,20 +877,20 @@ rgba(255, 255, 255, 0.55); } -.settings-box.player-active-turn { - /* Active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-border-color: - rgba(184, 134, 11, 0.55); - -fx-effect: - dropshadow( - gaussian, - rgba(184, 134, 11, 0.45), - 40, - 0.2, - 0, - 12 - ); -} +/*.settings-box.player-active-turn {*/ +/* !* Active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-border-color:*/ +/* rgba(184, 134, 11, 0.55);*/ +/* -fx-effect:*/ +/* dropshadow(*/ +/* gaussian,*/ +/* rgba(184, 134, 11, 0.45),*/ +/* 40,*/ +/* 0.2,*/ +/* 0,*/ +/* 12*/ +/* );*/ +/*}*/ .settings-header { -fx-background-color: transparent; @@ -962,18 +978,18 @@ -fx-background-color: linear-gradient( to bottom right, - rgba(255, 255, 255, 0.38), - rgba(255, 255, 255, 0.18) + rgba(255, 255, 255, 0.18), + rgba(255, 255, 255, 0.08) ) !important; -fx-background-radius: 58; -fx-border-radius: 50; - -fx-border-color: rgba(255, 255, 255, 0.40) !important; + -fx-border-color: rgba(255, 255, 255, 0.25) !important; -fx-border-width: 12; -fx-padding: 20; -fx-effect: dropshadow( gaussian, - rgba(255, 255, 255, 0.45), + rgba(255, 255, 255, 0.25), 40, 0.2, 0, diff --git a/src/main/resources/ui-structure/Casinogameui.css b/src/main/resources/ui-structure/Casinogameui.css index c645024..5d133bf 100644 --- a/src/main/resources/ui-structure/Casinogameui.css +++ b/src/main/resources/ui-structure/Casinogameui.css @@ -224,6 +224,10 @@ -fx-opacity: 1; } +/*.community-card:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .player-card { -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3); @@ -238,6 +242,10 @@ -fx-opacity: 1; } +/*.player-card:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .player-card.player-cards-active-turn { -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); } @@ -246,10 +254,17 @@ -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); } +/*.dealer-box:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ + .chips-icon { -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3); } +/*.chips-icon:hover {*/ +/* -fx-translate-y: -3;*/ +/*}*/ .dealer-icon { -fx-effect: dropshadow(one-pass-box, rgba(0, 0, 0, 0.8), 0, 0, 3, 3); @@ -447,10 +462,10 @@ -fx-border-color: #ffffff; } -.notebook.player-active-turn { - /* Active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); -} +/*.notebook.player-active-turn {*/ +/* !* Active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5);*/ +/*}*/ .notebook-header { -fx-background-color: rgb(13, 158, 59); @@ -529,10 +544,10 @@ -fx-border-color: #ffffff; } -.settings-box.player-active-turn { - /* Active turn should only change the shadow to avoid flicker/transparency jumps. */ - -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5); -} +/*.settings-box.player-active-turn {*/ +/* !* Active turn should only change the shadow to avoid flicker/transparency jumps. *!*/ +/* -fx-effect: dropshadow(one-pass-box, rgb(184, 134, 11), 0, 0, 5, 5);*/ +/*}*/ .settings-header { -fx-background-color: transparent;