University-of-Basel-Studentprojects/Programmierprojekt
Archived
1
0
Fork 0
Code Issues 17 Pull Requests Actions Wiki Activity

Remove animations from cards and the pot to improve usability, make the game interface more stable, and enhance the glass themes

Browse Source
This commit is contained in:
Julian Kropff
2026-05-08 12:57:32 +02:00
parent 3100e4008d
commit 394cdf4ea1
3 changed files with 99 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/ui-structure/Casinogameui-blackwhite.css
+24 -8
View File
@@ -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;
src/main/resources/ui-structure/Casinogameui-glass.css
+52 -36
View File
@@ -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,
src/main/resources/ui-structure/Casinogameui.css
+23 -8
View File
@@ -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;