Changeset d0ef259 for components/roulette/RouletteHeader.jsx

Timestamp:

07/12/22 00:13:20 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

e9f11ac

Parents:

95ce58b

Message:

Roulette rethought with 1 second update calls

File:

• components/roulette/RouletteHeader.jsx (modified) (4 diffs)

components/roulette/RouletteHeader.jsx

@@ -24 +24 @@
 
     useEffect(() => {
+        function spin_wheel(magicNumber, winningBets) {
+            document.getElementById('rouletteWheelImg').classList.add('spin');
+    
+            setTimeout(() => {
+                document.getElementById('rouletteWheelImg').classList.remove('spin');
+    
+                const extraSpin = ( 5 + numbersOfWheel.indexOf(playerState.rouletteGame.game?.magicNumber) * (360 / 37.0) ) + 'deg';
+                document.getElementById('rouletteWheelImg').style.transform = `translate(-50%, -50%) rotateZ(${extraSpin})`;
+    
+                setTimeout(() => {
+                    dispatch(setStyle({
+                        ...styleState.style,
+                        alert: {
+                            show: true,
+                            title: `Winning number: ${magicNumber}`,
+                            subtitle: `Winning bets: [${winningBets.join(', ')}]`,
+                            button: {
+                                text: 'Continue',
+                                action: '',
+                            }
+                        }
+                    }))
+                }, 2000);
+            }, 4000);
+        }
+
         // display loading screen
         dispatch(setStyle({
@@ -29 +55 @@
             displayLoadingScreen: true,
         }));
+
+        let interval = null;
 
         axios.get(`/api/roulette?action=get_player_info_on_enter&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(res => {
@@ -39 +67 @@
                 }));
 
-                dispatch(setRouletteGame(res.data?.game));
+                interval = setInterval(() => {
+                    axios.get(`/api/roulette?action=update_state&session_id=${localStorage.CAESSINO_SESSION_ID}`).then(newRes => {
+                        if (newRes.data?.success) {
+                            dispatch(setRouletteGame(newRes.data?.rouletteGame));
+
+                            if (newRes.data?.extraAction === "spin_wheel") {
+                                spin_wheel(newRes.data.magicNumber ?? -1, newRes.data.winningBets ?? -1);
+                            }
+
+                            if (newRes.data?.rouletteGame?.player?.credits !== playerState.player.credits && newRes.data?.rouletteGame?.player?.credits > 0) {
+                                dispatch(setPlayer({
+                                    ...playerState.player,
+                                    credits: newRes.data?.rouletteGame?.player?.credits,
+                                }))
+                            }
+                        }
+                    });
+                }, 1000);
 
                 dispatch(setRoulette({
@@ -91 +136 @@
 }
 
+// 10 starts from 5deg
+const numbersOfWheel = [10, 23, 8, 30, 11, 36, 13, 27, 6, 34, 17, 25, 2, 21, 4, 19, 15, 32, 0, 26, 3, 35, 12, 28, 7, 29, 18, 22, 9, 31, 14, 20, 1, 33, 16, 24, 5];
+
 export default RouletteHeader