react-native-games 0.3.0 → 0.5.0

package/lib/module/games/balloon-blaster/BalloonBlasterStore.js

@@ -1,57 +1,63 @@
 "use strict";
 
 import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
 import { GAME_CONFIG } from "./BalloonBlasterService.js";
-export const useBalloonBlasterStore = create((set, get) => ({
+import { immerMiddleware } from "../../services/GamesService.js";
+// Optimized store with selective subscriptions for low-end devices
+export const useBalloonBlasterStore = create()(subscribeWithSelector(immerMiddleware((set, get) => ({
   // Initial state
   score: 0,
-  timeLeft: GAME_CONFIG.GAME_DURATION,
+  timeLeft: 60,
+  // Fixed 60 seconds regardless of difficulty
   isPlaying: false,
   gameOver: false,
   combo: 0,
   lives: GAME_CONFIG.MAX_LIVES,
   balloons: [],
+  particles: [],
   slicePath: [],
   isSlicing: false,
   // Actions
-  startGame: gameDuration => {
-    const duration = gameDuration || GAME_CONFIG.GAME_DURATION;
-    set({
-      score: 0,
-      timeLeft: duration,
-      isPlaying: true,
-      gameOver: false,
-      combo: 0,
-      lives: GAME_CONFIG.MAX_LIVES,
-      balloons: [],
-      slicePath: [],
-      isSlicing: false
+  startGame: _gameDuration => {
+    // Always use fixed duration regardless of difficulty or passed duration
+    const duration = 60;
+    set(draft => {
+      draft.score = 0;
+      draft.timeLeft = duration;
+      draft.isPlaying = true;
+      draft.gameOver = false;
+      draft.combo = 0;
+      draft.lives = GAME_CONFIG.MAX_LIVES;
+      draft.balloons = [];
+      draft.slicePath = [];
+      draft.isSlicing = false;
     });
   },
   stopGame: () => {
-    set({
-      score: 0,
-      timeLeft: GAME_CONFIG.GAME_DURATION,
-      isPlaying: false,
-      gameOver: false,
-      combo: 0,
-      lives: GAME_CONFIG.MAX_LIVES,
-      balloons: [],
-      slicePath: [],
-      isSlicing: false
+    set(draft => {
+      draft.score = 0;
+      draft.timeLeft = 60; // Fixed 60 seconds
+      draft.isPlaying = false;
+      draft.gameOver = false;
+      draft.combo = 0;
+      draft.lives = GAME_CONFIG.MAX_LIVES;
+      draft.balloons = [];
+      draft.slicePath = [];
+      draft.isSlicing = false;
     });
   },
   resetGame: () => {
-    set({
-      score: 0,
-      timeLeft: GAME_CONFIG.GAME_DURATION,
-      isPlaying: false,
-      gameOver: false,
-      combo: 0,
-      lives: GAME_CONFIG.MAX_LIVES,
-      balloons: [],
-      slicePath: [],
-      isSlicing: false
+    set(draft => {
+      draft.score = 0;
+      draft.timeLeft = 60; // Fixed 60 seconds
+      draft.isPlaying = false;
+      draft.gameOver = false;
+      draft.combo = 0;
+      draft.lives = GAME_CONFIG.MAX_LIVES;
+      draft.balloons = [];
+      draft.slicePath = [];
+      draft.isSlicing = false;
     });
   },
   popBalloon: balloonId => {
@@ -60,97 +66,118 @@ export const useBalloonBlasterStore = create((set, get) => ({
       isPlaying
     } = get();
     if (!isPlaying) return;
-    const balloon = balloons.find(b => b.id === balloonId);
-    if (!balloon || balloon.isPopped) return;
+
+    // Optimized: Use for-loop instead of find for better performance
+    let balloonIndex = -1;
+    for (let i = 0; i < balloons.length; i++) {
+      if (balloons[i].id === balloonId) {
+        balloonIndex = i;
+        break;
+      }
+    }
+    if (balloonIndex === -1 || balloons[balloonIndex].isPopped) return;
 
     // Simplified scoring: each balloon = 10 points (no combo multipliers)
     const points = 10;
-    set(state => ({
-      score: state.score + points,
-      balloons: state.balloons.map(b => b.id === balloonId ? {
-        ...b,
-        isPopped: true,
-        popTime: Date.now()
-      } : b)
-    }));
+    set(draft => {
+      draft.score = draft.score + points;
+      // Optimized: Direct array access instead of find
+      if (draft.balloons[balloonIndex]) {
+        draft.balloons[balloonIndex].isPopped = true;
+        draft.balloons[balloonIndex].popTime = Date.now();
+      }
+    });
   },
   updateScore: points => {
-    set(state => ({
-      score: state.score + points
-    }));
+    set(draft => {
+      draft.score = draft.score + points;
+    });
   },
   decrementTime: () => {
-    set(state => {
-      const newTimeLeft = state.timeLeft - 1;
+    set(draft => {
+      const newTimeLeft = draft.timeLeft - 1;
       if (newTimeLeft <= 0) {
-        return {
-          timeLeft: 0,
-          isPlaying: false,
-          gameOver: true
-        };
+        draft.timeLeft = 0;
+        draft.isPlaying = false;
+        draft.gameOver = true;
+      } else {
+        draft.timeLeft = newTimeLeft;
       }
-      return {
-        timeLeft: newTimeLeft
-      };
     });
   },
   addBalloon: balloon => {
-    set(state => ({
-      balloons: [...state.balloons, balloon]
-    }));
+    set(draft => {
+      // FORCE all balloons to spawn from bottom - override any wrong positions
+      const {
+        height
+      } = require('react-native').Dimensions.get('window');
+      const correctedBalloon = {
+        ...balloon,
+        position: {
+          x: balloon.position.x,
+          y: height + 20 // Force bottom spawn regardless of input
+        }
+      };
+      draft.balloons.push(correctedBalloon);
+    });
   },
   removeBalloon: balloonId => {
-    set(state => ({
-      balloons: state.balloons.filter(b => b.id !== balloonId)
-    }));
+    set(draft => {
+      draft.balloons = draft.balloons.filter(b => b.id !== balloonId);
+    });
   },
   updateBalloon: (balloonId, updates) => {
-    set(state => ({
-      balloons: state.balloons.map(b => b.id === balloonId ? {
-        ...b,
-        ...updates
-      } : b)
-    }));
+    set(draft => {
+      // Optimized: Use for-loop instead of find for better performance
+      for (let i = 0; i < draft.balloons.length; i++) {
+        if (draft.balloons[i].id === balloonId) {
+          Object.assign(draft.balloons[i], updates);
+          break;
+        }
+      }
+    });
+  },
+  setParticles: particles => {
+    set(draft => {
+      draft.particles = particles;
+    });
   },
   setSlicePath: path => {
-    set({
-      slicePath: path
+    set(draft => {
+      draft.slicePath = path;
     });
   },
   setIsSlicing: isSlicing => {
-    set({
-      isSlicing
+    set(draft => {
+      draft.isSlicing = isSlicing;
     });
   },
   incrementCombo: () => {
-    set(state => ({
-      combo: state.combo + 1
-    }));
+    set(draft => {
+      draft.combo = draft.combo + 1;
+    });
   },
   resetCombo: () => {
-    set({
-      combo: 0
+    set(draft => {
+      draft.combo = 0;
     });
   },
   loseLife: () => {
-    set(state => {
-      const newLives = state.lives - 1;
+    set(draft => {
+      const newLives = draft.lives - 1;
       if (newLives <= 0) {
-        return {
-          lives: 0,
-          isPlaying: false,
-          gameOver: true
-        };
+        draft.lives = 0;
+        draft.isPlaying = false;
+        draft.gameOver = true;
+      } else {
+        draft.lives = newLives;
       }
-      return {
-        lives: newLives
-      };
     });
   },
   addLife: () => {
-    set(state => ({
-      lives: Math.min(state.lives + 1, GAME_CONFIG.MAX_LIVES) // Cap at max lives
-    }));
+    set(draft => {
+      draft.lives = Math.min(draft.lives + 1, GAME_CONFIG.MAX_LIVES); // Cap at max lives
+    });
   }
-}));
+}))));
 //# sourceMappingURL=BalloonBlasterStore.js.map

package/lib/module/games/balloon-blaster/BalloonBlasterStore.js.map

@@ -1 +1 @@
-{"version":3,"names":["create","GAME_CONFIG","useBalloonBlasterStore","set","get","score","timeLeft","GAME_DURATION","isPlaying","gameOver","combo","lives","MAX_LIVES","balloons","slicePath","isSlicing","startGame","gameDuration","duration","stopGame","resetGame","popBalloon","balloonId","balloon","find","b","id","isPopped","points","state","map","popTime","Date","now","updateScore","decrementTime","newTimeLeft","addBalloon","removeBalloon","filter","updateBalloon","updates","setSlicePath","path","setIsSlicing","incrementCombo","resetCombo","loseLife","newLives","addLife","Math","min"],"sourceRoot":"../../../../src","sources":["games/balloon-blaster/BalloonBlasterStore.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["create","subscribeWithSelector","GAME_CONFIG","immerMiddleware","useBalloonBlasterStore","set","get","score","timeLeft","isPlaying","gameOver","combo","lives","MAX_LIVES","balloons","particles","slicePath","isSlicing","startGame","_gameDuration","duration","draft","stopGame","resetGame","popBalloon","balloonId","balloonIndex","i","length","id","isPopped","points","popTime","Date","now","updateScore","decrementTime","newTimeLeft","addBalloon","balloon","height","require","Dimensions","correctedBalloon","position","x","y","push","removeBalloon","filter","b","updateBalloon","updates","Object","assign","setParticles","setSlicePath","path","setIsSlicing","incrementCombo","resetCombo","loseLife","newLives","addLife","Math","min"],"sourceRoot":"../../../../src","sources":["games/balloon-blaster/BalloonBlasterStore.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/games/balloon-blaster/components/BalloonComponent.js

@@ -1,18 +1,38 @@
 "use strict";
 
-import React, { useEffect } from 'react';
-import { TouchableOpacity } from 'react-native';
-import { Canvas, LinearGradient, vec, Path, Skia, Oval, Circle } from '@shopify/react-native-skia';
+import React, { useEffect, useMemo, useCallback } from 'react';
+import { TouchableOpacity, Dimensions } from 'react-native';
+import { Canvas, vec, Path, Skia, Oval, Circle } from '@shopify/react-native-skia';
 import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';
 import { GAME_CONFIG, ANIMATION_CONFIG } from "../BalloonBlasterService.js";
+
+// Constants for better maintainability
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const BalloonComponent = ({
+const BALLOON_HEIGHT_MULTIPLIER = 1.2;
+const STRING_LENGTH = 25;
+const HIGHLIGHT_OPACITY = 0.5;
+const BALLOON_OPACITY = 0.8;
+const DANGER_CIRCLE_RADIUS = 8;
+const GLOW_RADIUS_MULTIPLIER = 0.6;
+const GLOW_OPACITY = 0.3;
+
+// Types for better type safety
+
+export const BalloonComponent = /*#__PURE__*/React.memo(({
   balloon,
   onPop
 }) => {
+  // Get screen dimensions
+  const {
+    height
+  } = Dimensions.get('window');
+
+  // FORCE all balloons to start from bottom - override any wrong positions
+  const initialY = balloon.position.y > height ? balloon.position.y : height + 20;
+
   // Animated values for smooth movement
   const translateX = useSharedValue(balloon.position.x);
-  const translateY = useSharedValue(balloon.position.y);
+  const translateY = useSharedValue(initialY); // Force bottom start
   const rotation = useSharedValue(balloon.rotation);
   const scale = useSharedValue(balloon.isPopped ? 0 : 1);
   const opacity = useSharedValue(balloon.isPopped ? 0 : 1);
@@ -56,27 +76,43 @@ export const BalloonComponent = ({
     height: GAME_CONFIG.BALLOON_SIZE,
     zIndex: balloon.isBomb ? 10 : 5
   };
-  const getBalloonColors = () => {
+
+  // Optimized color manipulation functions
+  const lightenColor = useCallback((color, amount) => {
+    const hex = color.replace('#', '');
+    const r = Math.min(255, parseInt(hex.substring(0, 2), 16) + Math.round(255 * amount));
+    const g = Math.min(255, parseInt(hex.substring(2, 4), 16) + Math.round(255 * amount));
+    const b = Math.min(255, parseInt(hex.substring(4, 6), 16) + Math.round(255 * amount));
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+  }, []);
+  const darkenColor = useCallback((color, amount) => {
+    const hex = color.replace('#', '');
+    const r = Math.max(0, parseInt(hex.substring(0, 2), 16) - Math.round(255 * amount));
+    const g = Math.max(0, parseInt(hex.substring(2, 4), 16) - Math.round(255 * amount));
+    const b = Math.max(0, parseInt(hex.substring(4, 6), 16) - Math.round(255 * amount));
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+  }, []);
+
+  // Optimized balloon color calculation with proper memoization
+  const colors = useMemo(() => {
     if (balloon.isBomb) {
-      // Black bomb balloons with danger symbol
       return {
         primary: '#1a1a1a',
-        // Dark black
         secondary: '#333333',
-        // Slightly lighter black
         highlight: '#555555',
-        // Gray highlight
-        shadow: '#000000' // Pure black shadow (won't be used)
+        shadow: '#000000'
+      };
+    }
+    if (balloon.isBonus) {
+      return {
+        primary: '#FFD700',
+        secondary: '#FFEB3B',
+        highlight: '#FFF59D',
+        shadow: '#CC8800'
       };
     }
-    if (balloon.isBonus) return {
-      primary: '#FFD700',
-      secondary: '#FFEB3B',
-      highlight: '#FFF59D',
-      shadow: '#CC8800'
-    };
 
-    // Use balloon's vibrant colors with enhanced gradients
+    // Regular balloon colors with optimized calculation
     const baseColor = balloon.type.color || '#FF0080';
     return {
       primary: baseColor,
@@ -84,144 +120,118 @@ export const BalloonComponent = ({
       highlight: lightenColor(baseColor, 0.5),
       shadow: darkenColor(baseColor, 0.3)
     };
-  };
+  }, [balloon.isBomb, balloon.isBonus, balloon.type.color, lightenColor, darkenColor]);
 
-  // Helper functions for color manipulation
-  const lightenColor = (color, amount) => {
-    const hex = color.replace('#', '');
-    const r = Math.min(255, parseInt(hex.substr(0, 2), 16) + Math.round(255 * amount));
-    const g = Math.min(255, parseInt(hex.substr(2, 2), 16) + Math.round(255 * amount));
-    const b = Math.min(255, parseInt(hex.substr(4, 2), 16) + Math.round(255 * amount));
-    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-  };
-  const darkenColor = (color, amount) => {
-    const hex = color.replace('#', '');
-    const r = Math.max(0, parseInt(hex.substr(0, 2), 16) - Math.round(255 * amount));
-    const g = Math.max(0, parseInt(hex.substr(2, 2), 16) - Math.round(255 * amount));
-    const b = Math.max(0, parseInt(hex.substr(4, 2), 16) - Math.round(255 * amount));
-    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
-  };
-  const colors = getBalloonColors();
-  const balloonWidth = GAME_CONFIG.BALLOON_SIZE;
-  const balloonHeight = GAME_CONFIG.BALLOON_SIZE * 1.2; // Make it oval - taller than wide
-  const stringLength = 25; // Length of balloon string
-  const totalHeight = balloonHeight + stringLength; // Total height including string
-  const center = vec(balloonWidth / 2, balloonHeight / 2);
-
-  // Generate a unique curved string path for each balloon
-  const generateCurvedStringPath = () => {
+  // Memoized dimensions for better performance
+  const dimensions = useMemo(() => {
+    const balloonWidth = GAME_CONFIG.BALLOON_SIZE;
+    const balloonHeight = GAME_CONFIG.BALLOON_SIZE * BALLOON_HEIGHT_MULTIPLIER;
+    const totalHeight = balloonHeight + STRING_LENGTH;
+    const center = vec(balloonWidth / 2, balloonHeight / 2);
+    return {
+      balloonWidth,
+      balloonHeight,
+      totalHeight,
+      center
+    };
+  }, []);
+
+  // Optimized curved string path generation with better memoization
+  const curvedStringPath = useMemo(() => {
     const path = Skia.Path.Make();
-    const startX = center.x;
-    const startY = balloonHeight - 2;
+    const startX = dimensions.center.x;
+    const startY = dimensions.balloonHeight - 2;
 
-    // Create a seed based on balloon ID for consistent random curves per balloon
+    // Optimized seed generation for consistent random curves
     const seed = balloon.id.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0);
     const random = index => (seed + index * 17) % 100 / 100;
     path.moveTo(startX, startY);
 
-    // Create curved string with multiple control points
-    const segments = 4; // Number of curve segments
-    const segmentHeight = stringLength / segments;
+    // Optimized string generation with minimal segments
+    const segments = 2;
+    const segmentHeight = STRING_LENGTH / segments;
     for (let i = 1; i <= segments; i++) {
       const y = startY + segmentHeight * i;
-      const waveAmplitude = 3 + random(i) * 4; // Random wave amplitude 3-7px
-      const waveOffset = (random(i + 10) - 0.5) * waveAmplitude * 2; // Random offset
+      const waveAmplitude = 2 + random(i) * 2;
+      const waveOffset = (random(i + 10) - 0.5) * waveAmplitude;
       const x = startX + waveOffset;
-
-      // Add some curve variation
-      const controlX1 = startX + (random(i + 20) - 0.5) * waveAmplitude;
-      const controlY1 = y - segmentHeight * 0.3;
-      const controlX2 = x + (random(i + 30) - 0.5) * waveAmplitude * 0.5;
-      const controlY2 = y - segmentHeight * 0.1;
-      path.cubicTo(controlX1, controlY1, controlX2, controlY2, x, y);
+      const controlX1 = startX + (random(i + 20) - 0.5) * waveAmplitude * 0.5;
+      const controlY1 = y - segmentHeight * 0.5;
+      path.quadTo(controlX1, controlY1, x, y);
     }
     return path;
-  };
+  }, [balloon.id, dimensions.center.x, dimensions.balloonHeight]);
+
+  // Memoized tap handler for better performance
+  const handleTap = useCallback(() => {
+    onPop?.(balloon.id);
+  }, [onPop, balloon.id]);
   return /*#__PURE__*/_jsx(Animated.View, {
     style: [containerStyle, animatedStyle],
     children: /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => {
-        console.log('Balloon tapped:', balloon.id);
-        onPop?.(balloon.id);
-      },
+      onPress: handleTap,
       activeOpacity: 0.8,
       style: {
-        width: balloonWidth,
-        height: totalHeight
+        width: dimensions.balloonWidth,
+        height: dimensions.totalHeight
       },
       children: /*#__PURE__*/_jsxs(Canvas, {
         style: {
-          width: balloonWidth,
-          height: totalHeight
+          width: dimensions.balloonWidth,
+          height: dimensions.totalHeight
         },
         pointerEvents: "none",
-        children: [!balloon.isBomb && /*#__PURE__*/_jsx(Oval, {
-          x: 2,
-          y: 2,
-          width: balloonWidth - 4,
-          height: balloonHeight - 4,
-          color: colors.shadow,
-          opacity: 0.2
-        }), /*#__PURE__*/_jsx(Oval, {
+        children: [/*#__PURE__*/_jsx(Oval, {
           x: 0,
           y: 0,
-          width: balloonWidth,
-          height: balloonHeight,
-          opacity: 0.7,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(0, 0),
-            end: vec(balloonWidth, balloonHeight),
-            colors: [colors.highlight, colors.primary, colors.shadow]
-          })
+          width: dimensions.balloonWidth,
+          height: dimensions.balloonHeight,
+          color: colors.primary,
+          opacity: BALLOON_OPACITY
         }), /*#__PURE__*/_jsx(Oval, {
-          x: balloonWidth * 0.15,
-          y: balloonHeight * 0.1,
-          width: balloonWidth * 0.4,
-          height: balloonHeight * 0.3,
+          x: dimensions.balloonWidth * 0.2,
+          y: dimensions.balloonHeight * 0.15,
+          width: dimensions.balloonWidth * 0.3,
+          height: dimensions.balloonHeight * 0.2,
           color: colors.highlight,
-          opacity: 0.4
-        }), /*#__PURE__*/_jsx(Oval, {
-          x: balloonWidth * 0.2,
-          y: balloonHeight * 0.15,
-          width: balloonWidth * 0.2,
-          height: balloonHeight * 0.15,
-          color: "#FFFFFF",
-          opacity: 0.6
+          opacity: HIGHLIGHT_OPACITY
         }), balloon.isBomb && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Path, {
-            path: Skia.Path.Make().moveTo(center.x, center.y - 10).lineTo(center.x - 8, center.y + 6).lineTo(center.x + 8, center.y + 6).close(),
+          children: [/*#__PURE__*/_jsx(Circle, {
+            cx: dimensions.center.x,
+            cy: dimensions.center.y,
+            r: DANGER_CIRCLE_RADIUS,
             color: "#FF0000",
             opacity: 0.9
           }), /*#__PURE__*/_jsx(Path, {
-            path: Skia.Path.Make().moveTo(center.x, center.y - 6).lineTo(center.x, center.y + 1),
+            path: Skia.Path.Make().moveTo(dimensions.center.x, dimensions.center.y - 4).lineTo(dimensions.center.x, dimensions.center.y + 1),
             color: "#FFFFFF",
             style: "stroke",
             strokeWidth: 2,
             strokeCap: "round"
           }), /*#__PURE__*/_jsx(Circle, {
-            cx: center.x,
-            cy: center.y + 4,
-            r: 1.5,
+            cx: dimensions.center.x,
+            cy: dimensions.center.y + 3,
+            r: 1,
             color: "#FFFFFF"
           })]
         }), !balloon.isBonus && /*#__PURE__*/_jsx(Path, {
-          path: generateCurvedStringPath(),
-          color: "#8B4513" // Regular brown string for all balloons including bombs
-          ,
+          path: curvedStringPath,
+          color: "#8B4513",
           style: "stroke",
           strokeWidth: 1.5,
-          strokeCap: "round",
-          strokeJoin: "round"
-        }), balloon.isBonus && /*#__PURE__*/_jsx(Oval, {
-          x: -5,
-          y: -5,
-          width: balloonWidth + 10,
-          height: balloonHeight + 10,
+          strokeCap: "round"
+        }), balloon.isBonus && /*#__PURE__*/_jsx(Circle, {
+          cx: dimensions.center.x,
+          cy: dimensions.center.y,
+          r: dimensions.balloonWidth * GLOW_RADIUS_MULTIPLIER,
           color: "#FFD700",
-          opacity: 0.2
+          opacity: GLOW_OPACITY
         })]
       })
     })
   });
-};
+}, (prevProps, nextProps) => {
+  // Custom comparison for React.memo - only re-render if essential props change
+  return prevProps.balloon.id === nextProps.balloon.id && prevProps.balloon.position.x === nextProps.balloon.position.x && prevProps.balloon.position.y === nextProps.balloon.position.y && prevProps.balloon.rotation === nextProps.balloon.rotation && prevProps.balloon.isPopped === nextProps.balloon.isPopped && prevProps.balloon.isBomb === nextProps.balloon.isBomb && prevProps.balloon.isBonus === nextProps.balloon.isBonus;
+});
 //# sourceMappingURL=BalloonComponent.js.map