KnockOutWhist/KnockOutWhist-Frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 35 Wiki Activity

feat: Enhance win effects and animations in OfflineView component

Browse Source
This commit is contained in:
Janis
2026-01-06 12:07:08 +01:00
parent 8aa07388ac
commit db5c70d02a
5 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/services/ws.ts
View File

@@ -172,6 +172,9 @@ function setupSocketHandlers(socket: WebSocket) {
}
export function connectWebSocket(url?: string): Promise<void> {
if (!url) {
url = window.__RUNTIME_CONFIG__?.WEBSOCKET_URL
}
if (!url) {
const loc = window.location;
const protocol = loc.protocol === "https:" ? "wss:" : "ws:";

16
src/views/OfflineView.vue
View File

@@ -47,28 +47,28 @@ const spin = (): void => {
const base1 = base0 + gap;
const base2 = base1 + gap;
setTimeout(() => {
reelStates.value[0].isSpinning = false;
reelStates.value[0]!!.isSpinning = false;
}, base0);
setTimeout(() => {
reelStates.value[1].isSpinning = false;
reelStates.value[1]!!.isSpinning = false;
}, base1);
setTimeout(() => {
const firstTwoMatch = reelStates.value[0].value === reelStates.value[1].value &&
reelStates.value[0].value !== '❓';
const firstTwoMatch = reelStates.value[0]!!.value === reelStates!!.value[1]!!.value &&
reelStates.value[0]!!.value !== '❓';
const extraDelay = firstTwoMatch ? 1000 : 0;
glowThird.value = firstTwoMatch;
setTimeout(() => {
reelStates.value[2].isSpinning = false;
reelStates.value[2]!!.isSpinning = false;
glowThird.value = false;
globalSpinning.value = false;
hasSpun.value = true;
const allThreeMatch =
reelStates.value[0].value !== '❓' &&
reelStates.value[0].value === reelStates.value[1].value &&
reelStates.value[1].value === reelStates.value[2].value;
reelStates.value[0]!!.value !== '❓' &&
reelStates.value[0]!!.value === reelStates.value[1]!!.value &&
reelStates.value[1]!!.value === reelStates.value[2]!!.value;
if (allThreeMatch) {
winFire.value = true;
winBlink.value = true;