react-native-games 1.0.0 → 1.2.0

package/lib/module/games/fruit-merger/components/GameBackground.js

@@ -1,498 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Dimensions } from 'react-native';
-import { Canvas, LinearGradient, Rect, Circle, Path, Skia, vec, Group, Shadow } from '@shopify/react-native-skia';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-// Pre-compute all static values
-const buttonAreaHeight = 250;
-const grassStartY = height - buttonAreaHeight;
-
-// Create static grass path
-const createStaticGrassPath = () => {
-  const path = Skia.Path.Make();
-  const segmentWidth = width / 8;
-  path.moveTo(0, grassStartY);
-  for (let i = 0; i < 8; i++) {
-    const x = i * segmentWidth;
-    const y = grassStartY + Math.sin(i * 0.5) * 8;
-    const controlX = x + segmentWidth / 2;
-    const controlY = y + Math.cos(i * 0.3) * 6;
-    path.quadTo(controlX, controlY, x + segmentWidth, y);
-  }
-  path.lineTo(width, height);
-  path.lineTo(0, height);
-  path.close();
-  return path;
-};
-
-// Pre-compute static sun rays
-const createStaticSunRays = () => {
-  return Array.from({
-    length: 16
-  }, (_, index) => {
-    const angle = 360 / 16 * index;
-    const radian = angle * Math.PI / 180;
-    const isLongRay = index % 2 === 0;
-    const rayLength = isLongRay ? 25 : 15;
-    const rayWidth = isLongRay ? 4 : 2;
-    const startDistance = 45;
-    const startX = width * 0.8 + Math.cos(radian) * startDistance;
-    const startY = height * 0.15 + Math.sin(radian) * startDistance;
-    const endX = width * 0.8 + Math.cos(radian) * (startDistance + rayLength);
-    const endY = height * 0.15 + Math.sin(radian) * (startDistance + rayLength);
-    const rayPath = Skia.Path.Make();
-    rayPath.moveTo(startX, startY);
-    rayPath.lineTo(endX, endY);
-    return {
-      path: rayPath,
-      width: rayWidth
-    };
-  });
-};
-
-// Create static flower positions
-const createStaticFlowerPositions = () => {
-  return Array.from({
-    length: 12
-  }, (_, i) => ({
-    x: width / 12 * i + i % 3 * 15 + 20,
-    y: grassStartY - 10 - i % 4 * 8
-  }));
-};
-
-// Static computed values
-const staticGrassPath = createStaticGrassPath();
-const staticSunRays = createStaticSunRays();
-const flowerPositions = createStaticFlowerPositions();
-export const GameBackground = ({
-  children,
-  offset = 0
-}) => {
-  // Adjust sun and cloud positions based on offset
-  const sunY = height * 0.15 + offset * 0.5; // Move sun down slightly with offset
-  const cloud1Y = height * 0.24 + offset * 0.5; // Move clouds down
-  const cloud2Y = height * 0.27 + offset * 0.2;
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      flex: 1
-    },
-    children: [/*#__PURE__*/_jsxs(Canvas, {
-      style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width,
-        height
-      },
-      children: [/*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: grassStartY,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(0, grassStartY),
-          colors: ['#87CEEB', '#98D8E8', '#B0E0E6']
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: grassStartY,
-        width: width,
-        height: buttonAreaHeight,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, grassStartY),
-          end: vec(0, height),
-          colors: ['#8B4513', '#A0522D', '#654321']
-        })
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsxs(Circle, {
-          cx: width * 0.8,
-          cy: sunY,
-          r: 40,
-          children: [/*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(-40, -40),
-            end: vec(40, 40),
-            colors: ['#FFFF99', '#FFD700', '#FFA500', '#FF8C00']
-          }), /*#__PURE__*/_jsx(Shadow, {
-            dx: 0,
-            dy: 0,
-            blur: 32,
-            color: "#FFD700"
-          })]
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.8 - 8,
-          cy: sunY - 8,
-          r: 15,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(-15, -15),
-            end: vec(15, 15),
-            colors: ['#FFFFFF', '#FFFF99']
-          })
-        }), staticSunRays.map((_, index) => {
-          // Recalculate ray positions based on offset
-          const angle = 360 / 16 * index;
-          const radian = angle * Math.PI / 180;
-          const isLongRay = index % 2 === 0;
-          const rayLength = isLongRay ? 25 : 15;
-          const rayWidth = isLongRay ? 4 : 2;
-          const startDistance = 45;
-          const startX = width * 0.8 + Math.cos(radian) * startDistance;
-          const startY = sunY + Math.sin(radian) * startDistance;
-          const endX = width * 0.8 + Math.cos(radian) * (startDistance + rayLength);
-          const endY = sunY + Math.sin(radian) * (startDistance + rayLength);
-          const rayPath = Skia.Path.Make();
-          rayPath.moveTo(startX, startY);
-          rayPath.lineTo(endX, endY);
-          return /*#__PURE__*/_jsx(Path, {
-            path: rayPath,
-            style: "stroke",
-            strokeWidth: rayWidth,
-            color: "#FFD700",
-            opacity: 0.75
-          }, index);
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.8,
-          cy: sunY,
-          r: 60,
-          opacity: 0.1,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(-60, -60),
-            end: vec(60, 60),
-            colors: ['#FFD700', 'transparent']
-          })
-        })]
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.12,
-            cy: cloud1Y,
-            r: 16,
-            color: "#F0F8FF",
-            opacity: 0.35,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 12,
-              color: "rgba(0,0,0,0.05)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.18,
-            cy: cloud1Y - (height * 0.24 - height * 0.21),
-            r: 22,
-            color: "#FFFFFF",
-            opacity: 0.45,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 12,
-              color: "rgba(0,0,0,0.05)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.25,
-            cy: cloud1Y - (height * 0.24 - height * 0.19),
-            r: 26,
-            color: "#F8F8FF",
-            opacity: 0.55,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 2,
-              dy: 3,
-              blur: 12,
-              color: "rgba(0,0,0,0.06)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.32,
-            cy: cloud1Y - (height * 0.24 - height * 0.21),
-            r: 20,
-            color: "#FFFFFF",
-            opacity: 0.50,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 12,
-              color: "rgba(0,0,0,0.05)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.37,
-            cy: cloud1Y,
-            r: 14,
-            color: "#F0F8FF",
-            opacity: 0.40,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 12,
-              color: "rgba(0,0,0,0.04)"
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.62,
-            cy: cloud2Y,
-            r: 15,
-            color: "#F0F8FF",
-            opacity: 0.40,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 10,
-              color: "rgba(0,0,0,0.04)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.69,
-            cy: cloud2Y - (height * 0.27 - height * 0.24),
-            r: 19,
-            color: "#FFFFFF",
-            opacity: 0.50,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 10,
-              color: "rgba(0,0,0,0.05)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.76,
-            cy: cloud2Y - (height * 0.27 - height * 0.26),
-            r: 13,
-            color: "#F8F8FF",
-            opacity: 0.45,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 10,
-              color: "rgba(0,0,0,0.04)"
-            })
-          })]
-        })]
-      }), /*#__PURE__*/_jsxs(Path, {
-        path: staticGrassPath,
-        children: [/*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, grassStartY - 20),
-          end: vec(0, grassStartY + 20),
-          colors: ['#32CD32', '#228B22', '#006400']
-        }), /*#__PURE__*/_jsx(Shadow, {
-          dx: 0,
-          dy: -2,
-          blur: 4,
-          color: "rgba(0,0,0,0.2)"
-        })]
-      }), Array.from({
-        length: 25
-      }, (_, i) => {
-        const x = width / 25 * i + i % 3 * 5;
-        const grassHeight = 15 + i % 4 * 5;
-        const grassType = i % 3;
-        const bladePath = Skia.Path.Make();
-        bladePath.moveTo(x, grassStartY);
-        if (grassType === 0) {
-          bladePath.quadTo(x + 1, grassStartY - grassHeight * 0.6, x + 1, grassStartY - grassHeight);
-          return /*#__PURE__*/_jsx(Path, {
-            path: bladePath,
-            style: "stroke",
-            strokeWidth: 1.5,
-            color: "#16a34a",
-            opacity: 0.8
-          }, `grass-${i}`);
-        } else if (grassType === 1) {
-          bladePath.quadTo(x + 2, grassStartY - grassHeight * 0.4, x + 3, grassStartY - grassHeight);
-          return /*#__PURE__*/_jsx(Path, {
-            path: bladePath,
-            style: "stroke",
-            strokeWidth: 2,
-            color: "#15803d",
-            opacity: 0.7
-          }, `grass-${i}`);
-        } else {
-          const midHeight = grassHeight * 0.5;
-          bladePath.quadTo(x + 1, grassStartY - midHeight, x + 2, grassStartY - grassHeight);
-          return /*#__PURE__*/_jsx(Path, {
-            path: bladePath,
-            style: "stroke",
-            strokeWidth: 2.5,
-            color: "#166534",
-            opacity: 0.6
-          }, `grass-${i}`);
-        }
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsxs(Rect, {
-            x: width * 0.05,
-            y: grassStartY - 150,
-            width: 20,
-            height: 150,
-            children: [/*#__PURE__*/_jsx(LinearGradient, {
-              start: vec(0, 0),
-              end: vec(20, 0),
-              colors: ['#654321', '#8B4513', '#A0522D', '#8B4513']
-            }), /*#__PURE__*/_jsx(Shadow, {
-              dx: 3,
-              dy: 0,
-              blur: 6,
-              color: "rgba(0,0,0,0.4)"
-            })]
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 10,
-            cy: grassStartY - 150,
-            r: 38,
-            color: "#1B5E20",
-            opacity: 0.9,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 4,
-              dy: 4,
-              blur: 10,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 18,
-            cy: grassStartY - 180,
-            r: 32,
-            color: "#2E7D32",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 25,
-            cy: grassStartY - 140,
-            r: 28,
-            color: "#388E3C",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 2,
-            cy: grassStartY - 120,
-            r: 30,
-            color: "#2E7D32",
-            opacity: 0.75
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsxs(Rect, {
-            x: width * 0.88,
-            y: grassStartY - 200,
-            width: 18,
-            height: 200,
-            children: [/*#__PURE__*/_jsx(LinearGradient, {
-              start: vec(0, 0),
-              end: vec(18, 0),
-              colors: ['#4A2C2A', '#654321', '#8B4513', '#654321']
-            }), /*#__PURE__*/_jsx(Shadow, {
-              dx: -3,
-              dy: 0,
-              blur: 6,
-              color: "rgba(0,0,0,0.4)"
-            })]
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 9,
-            cy: grassStartY - 120,
-            r: 35,
-            color: "#0D4F0C",
-            opacity: 0.95,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: -4,
-              dy: 4,
-              blur: 10,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 9,
-            cy: grassStartY - 180,
-            r: 32,
-            color: "#1B5E20",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 9,
-            cy: grassStartY - 240,
-            r: 28,
-            color: "#2E7D32",
-            opacity: 0.9
-          })]
-        })]
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.15,
-            cy: grassStartY - 60,
-            r: 26,
-            color: "#1B5E20",
-            opacity: 0.95,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 3,
-              dy: 3,
-              blur: 8,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.18,
-            cy: grassStartY - 90,
-            r: 22,
-            color: "#2E7D32",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.21,
-            cy: grassStartY - 70,
-            r: 18,
-            color: "#388E3C",
-            opacity: 0.8
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.72,
-            cy: grassStartY - 35,
-            r: 28,
-            color: "#0D4F0C",
-            opacity: 0.95,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: -2,
-              dy: 3,
-              blur: 8,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.75,
-            cy: grassStartY - 70,
-            r: 24,
-            color: "#1B5E20",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.69,
-            cy: grassStartY - 25,
-            r: 22,
-            color: "#2E7D32",
-            opacity: 0.85
-          })]
-        })]
-      }), /*#__PURE__*/_jsx(Group, {
-        children: flowerPositions.map((pos, i) => {
-          const colors = ['#FF6B6B', '#FF69B4', '#9370DB', '#4169E1', '#FF8C00', '#32CD32'];
-          const color = colors[i % colors.length];
-          const size = 3 + i % 3;
-          return /*#__PURE__*/_jsxs(Group, {
-            children: [/*#__PURE__*/_jsx(Circle, {
-              cx: pos.x,
-              cy: pos.y,
-              r: size,
-              color: color,
-              opacity: 0.8,
-              children: /*#__PURE__*/_jsx(Shadow, {
-                dx: 0,
-                dy: 1,
-                blur: 1,
-                color: "rgba(0,0,0,0.2)"
-              })
-            }), /*#__PURE__*/_jsx(Circle, {
-              cx: pos.x,
-              cy: pos.y,
-              r: size * 0.4,
-              color: "#FFD700",
-              opacity: 0.9
-            })]
-          }, `flower-${i}`);
-        })
-      })]
-    }), children]
-  });
-};
-GameBackground.displayName = 'GameBackground';
-//# sourceMappingURL=GameBackground.js.map
+"use strict";import React from 'react';import{View,Dimensions}from 'react-native';import{Canvas,LinearGradient,Rect,Circle,Path,Skia,vec,Group,Shadow}from '@shopify/react-native-skia';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');const buttonAreaHeight = 250;const grassStartY = height - buttonAreaHeight;const createStaticGrassPath =()=>{const path = Skia.Path.Make();const segmentWidth = width / 8;path.moveTo(0,grassStartY);for(let i = 0;i < 8;i++){const x = i * segmentWidth;const y = grassStartY + Math.sin(i * 0.5)* 8;const controlX = x + segmentWidth / 2;const controlY = y + Math.cos(i * 0.3)* 6;path.quadTo(controlX,controlY,x + segmentWidth,y);}path.lineTo(width,height);path.lineTo(0,height);path.close();return path;};const createStaticSunRays =()=>{return Array.from({length:16},(_,index)=>{const angle = 360 / 16 * index;const radian = angle * Math.PI / 180;const isLongRay = index % 2 === 0;const rayLength = isLongRay ? 25:15;const rayWidth = isLongRay ? 4:2;const startDistance = 45;const startX = width * 0.8 + Math.cos(radian)* startDistance;const startY = height * 0.15 + Math.sin(radian)* startDistance;const endX = width * 0.8 + Math.cos(radian)*(startDistance + rayLength);const endY = height * 0.15 + Math.sin(radian)*(startDistance + rayLength);const rayPath = Skia.Path.Make();rayPath.moveTo(startX,startY);rayPath.lineTo(endX,endY);return{path:rayPath,width:rayWidth};});};const createStaticFlowerPositions =()=>{return Array.from({length:12},(_,i)=>({x:width / 12 * i + i % 3 * 15 + 20,y:grassStartY - 10 - i % 4 * 8}));};const staticGrassPath = createStaticGrassPath();const staticSunRays = createStaticSunRays();const flowerPositions = createStaticFlowerPositions();export const GameBackground =({children,offset = 0})=>{const sunY = height * 0.15 + offset * 0.5;const cloud1Y = height * 0.24 + offset * 0.5;const cloud2Y = height * 0.27 + offset * 0.2;return _jsxs(View,{style:{flex:1},children:[_jsxs(Canvas,{style:{position:'absolute',top:0,left:0,right:0,bottom:0,width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:grassStartY,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(0,grassStartY),colors:['#87CEEB','#98D8E8','#B0E0E6']})}),_jsx(Rect,{x:0,y:grassStartY,width:width,height:buttonAreaHeight,children:_jsx(LinearGradient,{start:vec(0,grassStartY),end:vec(0,height),colors:['#8B4513','#A0522D','#654321']})}),_jsxs(Group,{children:[_jsxs(Circle,{cx:width * 0.8,cy:sunY,r:40,children:[_jsx(LinearGradient,{start:vec(-40,-40),end:vec(40,40),colors:['#FFFF99','#FFD700','#FFA500','#FF8C00']}),_jsx(Shadow,{dx:0,dy:0,blur:32,color:"#FFD700"})]}),_jsx(Circle,{cx:width * 0.8 - 8,cy:sunY - 8,r:15,children:_jsx(LinearGradient,{start:vec(-15,-15),end:vec(15,15),colors:['#FFFFFF','#FFFF99']})}),staticSunRays.map((_,index)=>{const angle = 360 / 16 * index;const radian = angle * Math.PI / 180;const isLongRay = index % 2 === 0;const rayLength = isLongRay ? 25:15;const rayWidth = isLongRay ? 4:2;const startDistance = 45;const startX = width * 0.8 + Math.cos(radian)* startDistance;const startY = sunY + Math.sin(radian)* startDistance;const endX = width * 0.8 + Math.cos(radian)*(startDistance + rayLength);const endY = sunY + Math.sin(radian)*(startDistance + rayLength);const rayPath = Skia.Path.Make();rayPath.moveTo(startX,startY);rayPath.lineTo(endX,endY);return _jsx(Path,{path:rayPath,style:"stroke",strokeWidth:rayWidth,color:"#FFD700",opacity:0.75},index);}),_jsx(Circle,{cx:width * 0.8,cy:sunY,r:60,opacity:0.1,children:_jsx(LinearGradient,{start:vec(-60,-60),end:vec(60,60),colors:['#FFD700','transparent']})})]}),_jsxs(Group,{children:[_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.12,cy:cloud1Y,r:16,color:"#F0F8FF",opacity:0.35,children:_jsx(Shadow,{dx:1,dy:2,blur:12,color:"rgba(0,0,0,0.05)"})}),_jsx(Circle,{cx:width * 0.18,cy:cloud1Y -(height * 0.24 - height * 0.21),r:22,color:"#FFFFFF",opacity:0.45,children:_jsx(Shadow,{dx:1,dy:2,blur:12,color:"rgba(0,0,0,0.05)"})}),_jsx(Circle,{cx:width * 0.25,cy:cloud1Y -(height * 0.24 - height * 0.19),r:26,color:"#F8F8FF",opacity:0.55,children:_jsx(Shadow,{dx:2,dy:3,blur:12,color:"rgba(0,0,0,0.06)"})}),_jsx(Circle,{cx:width * 0.32,cy:cloud1Y -(height * 0.24 - height * 0.21),r:20,color:"#FFFFFF",opacity:0.50,children:_jsx(Shadow,{dx:1,dy:2,blur:12,color:"rgba(0,0,0,0.05)"})}),_jsx(Circle,{cx:width * 0.37,cy:cloud1Y,r:14,color:"#F0F8FF",opacity:0.40,children:_jsx(Shadow,{dx:1,dy:2,blur:12,color:"rgba(0,0,0,0.04)"})})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.62,cy:cloud2Y,r:15,color:"#F0F8FF",opacity:0.40,children:_jsx(Shadow,{dx:1,dy:2,blur:10,color:"rgba(0,0,0,0.04)"})}),_jsx(Circle,{cx:width * 0.69,cy:cloud2Y -(height * 0.27 - height * 0.24),r:19,color:"#FFFFFF",opacity:0.50,children:_jsx(Shadow,{dx:1,dy:2,blur:10,color:"rgba(0,0,0,0.05)"})}),_jsx(Circle,{cx:width * 0.76,cy:cloud2Y -(height * 0.27 - height * 0.26),r:13,color:"#F8F8FF",opacity:0.45,children:_jsx(Shadow,{dx:1,dy:2,blur:10,color:"rgba(0,0,0,0.04)"})})]})]}),_jsxs(Path,{path:staticGrassPath,children:[_jsx(LinearGradient,{start:vec(0,grassStartY - 20),end:vec(0,grassStartY + 20),colors:['#32CD32','#228B22','#006400']}),_jsx(Shadow,{dx:0,dy:-2,blur:4,color:"rgba(0,0,0,0.2)"})]}),Array.from({length:25},(_,i)=>{const x = width / 25 * i + i % 3 * 5;const grassHeight = 15 + i % 4 * 5;const grassType = i % 3;const bladePath = Skia.Path.Make();bladePath.moveTo(x,grassStartY);if(grassType === 0){bladePath.quadTo(x + 1,grassStartY - grassHeight * 0.6,x + 1,grassStartY - grassHeight);return _jsx(Path,{path:bladePath,style:"stroke",strokeWidth:1.5,color:"#16a34a",opacity:0.8},`grass-${i}`);}else if(grassType === 1){bladePath.quadTo(x + 2,grassStartY - grassHeight * 0.4,x + 3,grassStartY - grassHeight);return _jsx(Path,{path:bladePath,style:"stroke",strokeWidth:2,color:"#15803d",opacity:0.7},`grass-${i}`);}else{const midHeight = grassHeight * 0.5;bladePath.quadTo(x + 1,grassStartY - midHeight,x + 2,grassStartY - grassHeight);return _jsx(Path,{path:bladePath,style:"stroke",strokeWidth:2.5,color:"#166534",opacity:0.6},`grass-${i}`);}}),_jsxs(Group,{children:[_jsxs(Group,{children:[_jsxs(Rect,{x:width * 0.05,y:grassStartY - 150,width:20,height:150,children:[_jsx(LinearGradient,{start:vec(0,0),end:vec(20,0),colors:['#654321','#8B4513','#A0522D','#8B4513']}),_jsx(Shadow,{dx:3,dy:0,blur:6,color:"rgba(0,0,0,0.4)"})]}),_jsx(Circle,{cx:width * 0.05 + 10,cy:grassStartY - 150,r:38,color:"#1B5E20",opacity:0.9,children:_jsx(Shadow,{dx:4,dy:4,blur:10,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:width * 0.05 + 18,cy:grassStartY - 180,r:32,color:"#2E7D32",opacity:0.8}),_jsx(Circle,{cx:width * 0.05 + 25,cy:grassStartY - 140,r:28,color:"#388E3C",opacity:0.7}),_jsx(Circle,{cx:width * 0.05 + 2,cy:grassStartY - 120,r:30,color:"#2E7D32",opacity:0.75})]}),_jsxs(Group,{children:[_jsxs(Rect,{x:width * 0.88,y:grassStartY - 200,width:18,height:200,children:[_jsx(LinearGradient,{start:vec(0,0),end:vec(18,0),colors:['#4A2C2A','#654321','#8B4513','#654321']}),_jsx(Shadow,{dx:-3,dy:0,blur:6,color:"rgba(0,0,0,0.4)"})]}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 120,r:35,color:"#0D4F0C",opacity:0.95,children:_jsx(Shadow,{dx:-4,dy:4,blur:10,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 180,r:32,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 240,r:28,color:"#2E7D32",opacity:0.9})]})]}),_jsxs(Group,{children:[_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.15,cy:grassStartY - 60,r:26,color:"#1B5E20",opacity:0.95,children:_jsx(Shadow,{dx:3,dy:3,blur:8,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:width * 0.18,cy:grassStartY - 90,r:22,color:"#2E7D32",opacity:0.9}),_jsx(Circle,{cx:width * 0.21,cy:grassStartY - 70,r:18,color:"#388E3C",opacity:0.8})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.72,cy:grassStartY - 35,r:28,color:"#0D4F0C",opacity:0.95,children:_jsx(Shadow,{dx:-2,dy:3,blur:8,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:width * 0.75,cy:grassStartY - 70,r:24,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.69,cy:grassStartY - 25,r:22,color:"#2E7D32",opacity:0.85})]})]}),_jsx(Group,{children:flowerPositions.map((pos,i)=>{const colors = ['#FF6B6B','#FF69B4','#9370DB','#4169E1','#FF8C00','#32CD32'];const color = colors[i % colors.length];const size = 3 + i % 3;return _jsxs(Group,{children:[_jsx(Circle,{cx:pos.x,cy:pos.y,r:size,color:color,opacity:0.8,children:_jsx(Shadow,{dx:0,dy:1,blur:1,color:"rgba(0,0,0,0.2)"})}),_jsx(Circle,{cx:pos.x,cy:pos.y,r:size * 0.4,color:"#FFD700",opacity:0.9})]},`flower-${i}`);})})]}),children]});};GameBackground.displayName = 'GameBackground';

package/lib/module/games/fruit-merger/components/ScoreBoard.js

@@ -1,58 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { useTime } from "../FruitMergerStore.js";
-import { FRUIT_MERGER_COLORS } from "../FruitMergerConstants.js";
-import { formatTime } from "../FruitMergerService.js";
-import { ScoreBoardContainer } from "../../../helpers/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ScoreBoard = /*#__PURE__*/React.memo(({
-  offset = 0
-}) => {
-  const time = useTime();
-  const formattedTime = useMemo(() => formatTime(time), [time]);
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: FRUIT_MERGER_COLORS.SCORE_BACKGROUND,
-    borderColor: FRUIT_MERGER_COLORS.SCORE_BORDER,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.scoreBoard,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreItem,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "TIME"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.scoreValue,
-          children: formattedTime
-        })]
-      })
-    })
-  });
-});
-const styles = StyleSheet.create({
-  scoreBoard: {
-    flexDirection: 'row',
-    justifyContent: 'space-around',
-    alignItems: 'center'
-  },
-  scoreItem: {
-    alignItems: 'center',
-    flex: 1
-  },
-  scoreLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: FRUIT_MERGER_COLORS.SCORE_TEXT,
-    marginBottom: 4,
-    letterSpacing: 1
-  },
-  scoreValue: {
-    fontSize: 24,
-    fontWeight: '900',
-    color: FRUIT_MERGER_COLORS.SCORE_TEXT
-  }
-});
-ScoreBoard.displayName = 'ScoreBoard';
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React,{useMemo}from 'react';import{View,Text,StyleSheet}from 'react-native';import{useTime}from "../FruitMergerStore.js";import{FRUIT_MERGER_COLORS}from "../FruitMergerConstants.js";import{formatTime}from "../FruitMergerService.js";import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const ScoreBoard = React.memo(({offset = 0})=>{const time = useTime();const formattedTime = useMemo(()=> formatTime(time),[time]);return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:FRUIT_MERGER_COLORS.SCORE_BACKGROUND,borderColor:FRUIT_MERGER_COLORS.SCORE_BORDER,children:_jsx(View,{style:styles.scoreBoard,children:_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.scoreLabel,children:"TIME"}),_jsx(Text,{style:styles.scoreValue,children:formattedTime})]})})});});const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'space-around',alignItems:'center'},scoreItem:{alignItems:'center',flex:1},scoreLabel:{fontSize:16,fontWeight:'700',color:FRUIT_MERGER_COLORS.SCORE_TEXT,marginBottom:4,letterSpacing:1},scoreValue:{fontSize:25,fontWeight:'900',color:FRUIT_MERGER_COLORS.SCORE_TEXT}});ScoreBoard.displayName = 'ScoreBoard';

package/lib/module/games/fruit-merger/components/index.js

@@ -1,7 +1 @@
-"use strict";
-
-export { ScoreBoard } from "./ScoreBoard.js";
-export { FruitItem } from "./FruitItem.js";
-export { GameArea } from "./GameArea.js";
-export { GameBackground } from "./GameBackground.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{ScoreBoard}from "./ScoreBoard.js";export{FruitItem}from "./FruitItem.js";export{GameArea}from "./GameArea.js";export{GameBackground}from "./GameBackground.js";