react-native-games 1.0.0 → 1.2.0

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

@@ -1,1267 +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');
-// Create grass path based on dynamic ground height
-const createGrassPath = grassStartY => {
-  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 flower positions based on dynamic grass line
-const createFlowerPositions = grassStartY => {
-  return Array.from({
-    length: 12
-  }, (_, i) => ({
-    x: width / 12 * i + i % 3 * 15 + 20,
-    y: grassStartY - 10 - i % 4 * 8
-  }));
-};
-
-// Static computed values
-const staticSunRays = createStaticSunRays();
-export const GameBackground = ({
-  children,
-  offset = 0
-}) => {
-  // Dynamic ground height based on offset
-  const buttonAreaHeight = offset > 0 ? 150 : 250;
-  const grassStartY = height - buttonAreaHeight;
-
-  // Create dynamic paths based on ground height
-  const grassPath = createGrassPath(grassStartY);
-  const flowerPositions = createFlowerPositions(grassStartY);
-
-  // Adjust sun and cloud positions based on offset
-  const sunY = height * 0.15 + offset * 0.9;
-  const cloud1Y = height * 0.24 + offset * 0.9;
-  const cloud2Y = height * 0.27 + offset * 0.9;
-  const cloud3Y = height * 0.19 + offset * 0.9;
-  const cloud4Y = height * 0.15 + offset * 0.9;
-  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__*/_jsx(Circle, {
-            cx: width * 0.15,
-            cy: cloud1Y + (height * 0.26 - height * 0.24),
-            r: 8,
-            color: "#F8F8FF",
-            opacity: 0.25
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.35,
-            cy: cloud1Y - (height * 0.24 - height * 0.18),
-            r: 6,
-            color: "#FFFFFF",
-            opacity: 0.30
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.40,
-            cy: cloud1Y - (height * 0.24 - height * 0.22),
-            r: 5,
-            color: "#F0F8FF",
-            opacity: 0.20
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.22,
-            cy: cloud1Y - (height * 0.24 - height * 0.18),
-            r: 7,
-            color: "#FFFFFF",
-            opacity: 0.35
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.28,
-            cy: cloud1Y - (height * 0.24 - height * 0.20),
-            r: 5,
-            color: "#FFFFFF",
-            opacity: 0.25
-          })]
-        }), /*#__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__*/_jsx(Circle, {
-            cx: width * 0.81,
-            cy: cloud2Y + (height * 0.28 - height * 0.27),
-            r: 9,
-            color: "#F0F8FF",
-            opacity: 0.35,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 1,
-              blur: 8,
-              color: "rgba(0,0,0,0.03)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.65,
-            cy: cloud2Y + (height * 0.29 - height * 0.27),
-            r: 6,
-            color: "#F8F8FF",
-            opacity: 0.20
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.78,
-            cy: cloud2Y - (height * 0.27 - height * 0.23),
-            r: 4,
-            color: "#FFFFFF",
-            opacity: 0.25
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.67,
-            cy: cloud2Y - (height * 0.27 - height * 0.23),
-            r: 5,
-            color: "#FFFFFF",
-            opacity: 0.30
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.84,
-            cy: cloud3Y,
-            r: 10,
-            color: "#F0F8FF",
-            opacity: 0.35,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 6,
-              color: "rgba(0,0,0,0.03)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.89,
-            cy: cloud3Y - (height * 0.19 - height * 0.17),
-            r: 12,
-            color: "#FFFFFF",
-            opacity: 0.40,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 6,
-              color: "rgba(0,0,0,0.03)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.93,
-            cy: cloud3Y,
-            r: 8,
-            color: "#F8F8FF",
-            opacity: 0.30,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 6,
-              color: "rgba(0,0,0,0.02)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.96,
-            cy: cloud3Y - (height * 0.19 - height * 0.18),
-            r: 4,
-            color: "#F0F8FF",
-            opacity: 0.15
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.86,
-            cy: cloud3Y + (height * 0.21 - height * 0.19),
-            r: 3,
-            color: "#FFFFFF",
-            opacity: 0.20
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.45,
-            cy: cloud4Y,
-            r: 8,
-            color: "#F8F8FF",
-            opacity: 0.25,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 4,
-              color: "rgba(0,0,0,0.02)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.50,
-            cy: height * 0.13,
-            r: 10,
-            color: "#FFFFFF",
-            opacity: 0.30,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 4,
-              color: "rgba(0,0,0,0.02)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.54,
-            cy: height * 0.15,
-            r: 6,
-            color: "#F0F8FF",
-            opacity: 0.20,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 1,
-              blur: 4,
-              color: "rgba(0,0,0,0.01)"
-            })
-          })]
-        })]
-      }), /*#__PURE__*/_jsxs(Path, {
-        path: grassPath,
-        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; // Fixed pattern instead of random
-        const grassHeight = 15 + i % 4 * 5; // Fixed heights
-        const grassType = i % 3; // Fixed types
-
-        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}`);
-        }
-      }), Array.from({
-        length: 20
-      }, (_, i) => {
-        const x = width / 20 * i + i % 2 * 10; // Fixed positions
-        const y = grassStartY - 5 + i % 3 * 5; // Fixed Y positions
-        const grassClusterHeight = 10 + i % 3 * 2; // Fixed heights
-
-        const clusterPath = Skia.Path.Make();
-        clusterPath.moveTo(x, y);
-        clusterPath.lineTo(x + 1, y - grassClusterHeight);
-        clusterPath.moveTo(x + 2, y);
-        clusterPath.lineTo(x + 3, y - grassClusterHeight * 0.8);
-        clusterPath.moveTo(x + 4, y);
-        clusterPath.lineTo(x + 5, y - grassClusterHeight * 0.6);
-        return /*#__PURE__*/_jsx(Path, {
-          path: clusterPath,
-          style: "stroke",
-          strokeWidth: 1,
-          color: "#22c55e",
-          opacity: 0.4
-        }, `cluster-${i}`);
-      }), Array.from({
-        length: 8
-      }, (_, i) => {
-        const x = width / 8 * i + i % 3 * 20; // Fixed positions
-        const y = grassStartY + 30 + i % 4 * 15; // Fixed Y positions
-        const size = 2 + i % 3; // Fixed sizes
-
-        return /*#__PURE__*/_jsx(Circle, {
-          cx: x,
-          cy: y,
-          r: size,
-          color: "#8B4513",
-          opacity: 0.6
-        }, 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(Rect, {
-            x: width * 0.05 + 3,
-            y: grassStartY - 120,
-            width: 1,
-            height: 90,
-            color: "#5D4037",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 + 7,
-            y: grassStartY - 140,
-            width: 1.5,
-            height: 110,
-            color: "#4A2C2A",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 + 12,
-            y: grassStartY - 100,
-            width: 1,
-            height: 70,
-            color: "#5D4037",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 + 16,
-            y: grassStartY - 130,
-            width: 1.5,
-            height: 100,
-            color: "#4A2C2A",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 + 18,
-            y: grassStartY - 130,
-            width: 12,
-            height: 4,
-            color: "#8B4513",
-            opacity: 0.9,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 1,
-              blur: 2,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 - 2,
-            y: grassStartY - 100,
-            width: 10,
-            height: 3,
-            color: "#A0522D",
-            opacity: 0.8,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: -1,
-              dy: 1,
-              blur: 2,
-              color: "rgba(0,0,0,0.3)"
-            })
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.05 + 15,
-            y: grassStartY - 160,
-            width: 8,
-            height: 3,
-            color: "#8B4513",
-            opacity: 0.7,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 1,
-              blur: 2,
-              color: "rgba(0,0,0,0.2)"
-            })
-          }), /*#__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__*/_jsx(Circle, {
-            cx: width * 0.05 - 5,
-            cy: grassStartY - 160,
-            r: 25,
-            color: "#1B5E20",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 8,
-            cy: grassStartY - 200,
-            r: 26,
-            color: "#4CAF50",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 20,
-            cy: grassStartY - 200,
-            r: 22,
-            color: "#66BB6A",
-            opacity: 0.5
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 12,
-            cy: grassStartY - 170,
-            r: 20,
-            color: "#388E3C",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 6,
-            cy: grassStartY - 140,
-            r: 18,
-            color: "#2E7D32",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 15,
-            cy: grassStartY - 220,
-            r: 15,
-            color: "#81C784",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 3,
-            cy: grassStartY - 210,
-            r: 12,
-            color: "#A5D6A7",
-            opacity: 0.5
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 28,
-            cy: grassStartY - 180,
-            r: 14,
-            color: "#81C784",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 - 8,
-            cy: grassStartY - 180,
-            r: 16,
-            color: "#66BB6A",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 5,
-            cy: grassStartY - 230,
-            r: 10,
-            color: "#C8E6C9",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 18,
-            cy: grassStartY - 240,
-            r: 8,
-            color: "#E8F5E8",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.05 + 22,
-            cy: grassStartY - 190,
-            r: 6,
-            color: "#C8E6C9",
-            opacity: 0.8
-          })]
-        }), /*#__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(Rect, {
-            x: width * 0.88 + 2,
-            y: grassStartY - 170,
-            width: 1,
-            height: 150,
-            color: "#3E2723",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.88 + 6,
-            y: grassStartY - 190,
-            width: 1.5,
-            height: 170,
-            color: "#2E1A16",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.88 + 11,
-            y: grassStartY - 160,
-            width: 1,
-            height: 130,
-            color: "#3E2723",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: width * 0.88 + 14,
-            y: grassStartY - 180,
-            width: 1.5,
-            height: 160,
-            color: "#2E1A16",
-            opacity: 0.9
-          }), /*#__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 + 5,
-            cy: grassStartY - 100,
-            r: 30,
-            color: "#1B5E20",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 13,
-            cy: grassStartY - 110,
-            r: 28,
-            color: "#2E7D32",
-            opacity: 0.8
-          }), /*#__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 + 6,
-            cy: grassStartY - 170,
-            r: 26,
-            color: "#2E7D32",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 12,
-            cy: grassStartY - 190,
-            r: 24,
-            color: "#388E3C",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 9,
-            cy: grassStartY - 240,
-            r: 28,
-            color: "#2E7D32",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 7,
-            cy: grassStartY - 230,
-            r: 22,
-            color: "#388E3C",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 11,
-            cy: grassStartY - 250,
-            r: 20,
-            color: "#4CAF50",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 9,
-            cy: grassStartY - 300,
-            r: 22,
-            color: "#388E3C",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 8,
-            cy: grassStartY - 290,
-            r: 18,
-            color: "#4CAF50",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 10,
-            cy: grassStartY - 310,
-            r: 15,
-            color: "#66BB6A",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 4,
-            cy: grassStartY - 150,
-            r: 8,
-            color: "#0D4F0C",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 14,
-            cy: grassStartY - 170,
-            r: 6,
-            color: "#1B5E20",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 3,
-            cy: grassStartY - 220,
-            r: 5,
-            color: "#0D4F0C",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 15,
-            cy: grassStartY - 240,
-            r: 7,
-            color: "#2E7D32",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 12,
-            cy: grassStartY - 280,
-            r: 8,
-            color: "#81C784",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 11,
-            cy: grassStartY - 320,
-            r: 6,
-            color: "#A5D6A7",
-            opacity: 0.5
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.88 + 13,
-            cy: grassStartY - 190,
-            r: 5,
-            color: "#C8E6C9",
-            opacity: 0.7
-          })]
-        })]
-      }), /*#__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__*/_jsx(Circle, {
-            cx: width * 0.12,
-            cy: grassStartY - 80,
-            r: 20,
-            color: "#2E7D32",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.09,
-            cy: grassStartY - 50,
-            r: 16,
-            color: "#1B5E20",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.16,
-            cy: grassStartY - 100,
-            r: 19,
-            color: "#4CAF50",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.19,
-            cy: grassStartY - 95,
-            r: 15,
-            color: "#66BB6A",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.15,
-            cy: grassStartY - 90,
-            r: 14,
-            color: "#388E3C",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.17,
-            cy: grassStartY - 70,
-            r: 12,
-            color: "#2E7D32",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.13,
-            cy: grassStartY - 95,
-            r: 10,
-            color: "#81C784",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.20,
-            cy: grassStartY - 85,
-            r: 8,
-            color: "#A5D6A7",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.11,
-            cy: grassStartY - 70,
-            r: 9,
-            color: "#66BB6A",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.22,
-            cy: grassStartY - 80,
-            r: 7,
-            color: "#81C784",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.16,
-            cy: grassStartY - 105,
-            r: 6,
-            color: "#C8E6C9",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.19,
-            cy: grassStartY - 100,
-            r: 4,
-            color: "#E8F5E8",
-            opacity: 0.7
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.35,
-            cy: grassStartY - 40,
-            r: 21,
-            color: "#1B5E20",
-            opacity: 0.9,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 2,
-              dy: 2,
-              blur: 6,
-              color: "rgba(0,0,0,0.25)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.37,
-            cy: grassStartY - 60,
-            r: 17,
-            color: "#2E7D32",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.33,
-            cy: grassStartY - 30,
-            r: 15,
-            color: "#388E3C",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.36,
-            cy: grassStartY - 80,
-            r: 13,
-            color: "#4CAF50",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.32,
-            cy: grassStartY - 60,
-            r: 10,
-            color: "#66BB6A",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.38,
-            cy: grassStartY - 50,
-            r: 8,
-            color: "#81C784",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.34,
-            cy: grassStartY - 90,
-            r: 5,
-            color: "#A5D6A7",
-            opacity: 0.8
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.52,
-            cy: grassStartY - 45,
-            r: 25,
-            color: "#1B5E20",
-            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.55,
-            cy: grassStartY - 75,
-            r: 21,
-            color: "#2E7D32",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.49,
-            cy: grassStartY - 35,
-            r: 19,
-            color: "#388E3C",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.54,
-            cy: grassStartY - 100,
-            r: 16,
-            color: "#4CAF50",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.50,
-            cy: grassStartY - 70,
-            r: 14,
-            color: "#66BB6A",
-            opacity: 0.75
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.47,
-            cy: grassStartY - 90,
-            r: 11,
-            color: "#81C784",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.56,
-            cy: grassStartY - 55,
-            r: 9,
-            color: "#A5D6A7",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.51,
-            cy: grassStartY - 85,
-            r: 4,
-            color: "#FF69B4",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.54,
-            cy: grassStartY - 75,
-            r: 3.5,
-            color: "#FF6B6B",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.49,
-            cy: grassStartY - 55,
-            r: 3,
-            color: "#FF1744",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.52,
-            cy: grassStartY - 105,
-            r: 6,
-            color: "#C8E6C9",
-            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(Circle, {
-            cx: width * 0.74,
-            cy: grassStartY - 85,
-            r: 19,
-            color: "#388E3C",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.68,
-            cy: grassStartY - 55,
-            r: 17,
-            color: "#4CAF50",
-            opacity: 0.75
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.77,
-            cy: grassStartY - 45,
-            r: 14,
-            color: "#66BB6A",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.66,
-            cy: grassStartY - 75,
-            r: 12,
-            color: "#81C784",
-            opacity: 0.65
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.71,
-            cy: grassStartY - 95,
-            r: 10,
-            color: "#A5D6A7",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.73,
-            cy: grassStartY - 100,
-            r: 3,
-            color: "#9C27B0",
-            opacity: 0.9
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.70,
-            cy: grassStartY - 90,
-            r: 2.5,
-            color: "#673AB7",
-            opacity: 0.85
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.76,
-            cy: grassStartY - 55,
-            r: 3.5,
-            color: "#FF9800",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.73,
-            cy: grassStartY - 110,
-            r: 7,
-            color: "#C8E6C9",
-            opacity: 0.8
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.75,
-            cy: grassStartY - 90,
-            r: 5,
-            color: "#E8F5E8",
-            opacity: 0.7
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.25,
-            cy: grassStartY - 15,
-            r: 15,
-            color: "#1B5E20",
-            opacity: 0.8,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 1,
-              dy: 2,
-              blur: 4,
-              color: "rgba(0,0,0,0.2)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.27,
-            cy: grassStartY - 35,
-            r: 12,
-            color: "#2E7D32",
-            opacity: 0.75
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.23,
-            cy: grassStartY - 5,
-            r: 10,
-            color: "#388E3C",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.26,
-            cy: grassStartY - 45,
-            r: 7,
-            color: "#66BB6A",
-            opacity: 0.6
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.65,
-            cy: grassStartY - 5,
-            r: 13,
-            color: "#2E7D32",
-            opacity: 0.8,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: -1,
-              dy: 2,
-              blur: 4,
-              color: "rgba(0,0,0,0.2)"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.67,
-            cy: grassStartY - 25,
-            r: 10,
-            color: "#388E3C",
-            opacity: 0.75
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.63,
-            cy: grassStartY + 5,
-            r: 8,
-            color: "#4CAF50",
-            opacity: 0.7
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.66,
-            cy: grassStartY - 35,
-            r: 5,
-            color: "#81C784",
-            opacity: 0.6
-          })]
-        })]
-      }), /*#__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; // Simplified size calculation
-
-          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]
-  });
-};
-//# 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 createGrassPath = grassStartY =>{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 createFlowerPositions = grassStartY =>{return Array.from({length:12},(_,i)=>({x:width / 12 * i + i % 3 * 15 + 20,y:grassStartY - 10 - i % 4 * 8}));};const staticSunRays = createStaticSunRays();export const GameBackground =({children,offset = 0})=>{const buttonAreaHeight = offset > 0 ? 150:250;const grassStartY = height - buttonAreaHeight;const grassPath = createGrassPath(grassStartY);const flowerPositions = createFlowerPositions(grassStartY);const sunY = height * 0.15 + offset * 0.9;const cloud1Y = height * 0.24 + offset * 0.9;const cloud2Y = height * 0.27 + offset * 0.9;const cloud3Y = height * 0.19 + offset * 0.9;const cloud4Y = height * 0.15 + offset * 0.9;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)"})}),_jsx(Circle,{cx:width * 0.15,cy:cloud1Y +(height * 0.26 - height * 0.24),r:8,color:"#F8F8FF",opacity:0.25}),_jsx(Circle,{cx:width * 0.35,cy:cloud1Y -(height * 0.24 - height * 0.18),r:6,color:"#FFFFFF",opacity:0.30}),_jsx(Circle,{cx:width * 0.40,cy:cloud1Y -(height * 0.24 - height * 0.22),r:5,color:"#F0F8FF",opacity:0.20}),_jsx(Circle,{cx:width * 0.22,cy:cloud1Y -(height * 0.24 - height * 0.18),r:7,color:"#FFFFFF",opacity:0.35}),_jsx(Circle,{cx:width * 0.28,cy:cloud1Y -(height * 0.24 - height * 0.20),r:5,color:"#FFFFFF",opacity:0.25})]}),_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)"})}),_jsx(Circle,{cx:width * 0.81,cy:cloud2Y +(height * 0.28 - height * 0.27),r:9,color:"#F0F8FF",opacity:0.35,children:_jsx(Shadow,{dx:1,dy:1,blur:8,color:"rgba(0,0,0,0.03)"})}),_jsx(Circle,{cx:width * 0.65,cy:cloud2Y +(height * 0.29 - height * 0.27),r:6,color:"#F8F8FF",opacity:0.20}),_jsx(Circle,{cx:width * 0.78,cy:cloud2Y -(height * 0.27 - height * 0.23),r:4,color:"#FFFFFF",opacity:0.25}),_jsx(Circle,{cx:width * 0.67,cy:cloud2Y -(height * 0.27 - height * 0.23),r:5,color:"#FFFFFF",opacity:0.30})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.84,cy:cloud3Y,r:10,color:"#F0F8FF",opacity:0.35,children:_jsx(Shadow,{dx:0,dy:1,blur:6,color:"rgba(0,0,0,0.03)"})}),_jsx(Circle,{cx:width * 0.89,cy:cloud3Y -(height * 0.19 - height * 0.17),r:12,color:"#FFFFFF",opacity:0.40,children:_jsx(Shadow,{dx:0,dy:1,blur:6,color:"rgba(0,0,0,0.03)"})}),_jsx(Circle,{cx:width * 0.93,cy:cloud3Y,r:8,color:"#F8F8FF",opacity:0.30,children:_jsx(Shadow,{dx:0,dy:1,blur:6,color:"rgba(0,0,0,0.02)"})}),_jsx(Circle,{cx:width * 0.96,cy:cloud3Y -(height * 0.19 - height * 0.18),r:4,color:"#F0F8FF",opacity:0.15}),_jsx(Circle,{cx:width * 0.86,cy:cloud3Y +(height * 0.21 - height * 0.19),r:3,color:"#FFFFFF",opacity:0.20})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.45,cy:cloud4Y,r:8,color:"#F8F8FF",opacity:0.25,children:_jsx(Shadow,{dx:0,dy:1,blur:4,color:"rgba(0,0,0,0.02)"})}),_jsx(Circle,{cx:width * 0.50,cy:height * 0.13,r:10,color:"#FFFFFF",opacity:0.30,children:_jsx(Shadow,{dx:0,dy:1,blur:4,color:"rgba(0,0,0,0.02)"})}),_jsx(Circle,{cx:width * 0.54,cy:height * 0.15,r:6,color:"#F0F8FF",opacity:0.20,children:_jsx(Shadow,{dx:0,dy:1,blur:4,color:"rgba(0,0,0,0.01)"})})]})]}),_jsxs(Path,{path:grassPath,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}`);}}),Array.from({length:20},(_,i)=>{const x = width / 20 * i + i % 2 * 10;const y = grassStartY - 5 + i % 3 * 5;const grassClusterHeight = 10 + i % 3 * 2;const clusterPath = Skia.Path.Make();clusterPath.moveTo(x,y);clusterPath.lineTo(x + 1,y - grassClusterHeight);clusterPath.moveTo(x + 2,y);clusterPath.lineTo(x + 3,y - grassClusterHeight * 0.8);clusterPath.moveTo(x + 4,y);clusterPath.lineTo(x + 5,y - grassClusterHeight * 0.6);return _jsx(Path,{path:clusterPath,style:"stroke",strokeWidth:1,color:"#22c55e",opacity:0.4},`cluster-${i}`);}),Array.from({length:8},(_,i)=>{const x = width / 8 * i + i % 3 * 20;const y = grassStartY + 30 + i % 4 * 15;const size = 2 + i % 3;return _jsx(Circle,{cx:x,cy:y,r:size,color:"#8B4513",opacity:0.6},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(Rect,{x:width * 0.05 + 3,y:grassStartY - 120,width:1,height:90,color:"#5D4037",opacity:0.8}),_jsx(Rect,{x:width * 0.05 + 7,y:grassStartY - 140,width:1.5,height:110,color:"#4A2C2A",opacity:0.7}),_jsx(Rect,{x:width * 0.05 + 12,y:grassStartY - 100,width:1,height:70,color:"#5D4037",opacity:0.6}),_jsx(Rect,{x:width * 0.05 + 16,y:grassStartY - 130,width:1.5,height:100,color:"#4A2C2A",opacity:0.8}),_jsx(Rect,{x:width * 0.05 + 18,y:grassStartY - 130,width:12,height:4,color:"#8B4513",opacity:0.9,children:_jsx(Shadow,{dx:1,dy:1,blur:2,color:"rgba(0,0,0,0.3)"})}),_jsx(Rect,{x:width * 0.05 - 2,y:grassStartY - 100,width:10,height:3,color:"#A0522D",opacity:0.8,children:_jsx(Shadow,{dx:-1,dy:1,blur:2,color:"rgba(0,0,0,0.3)"})}),_jsx(Rect,{x:width * 0.05 + 15,y:grassStartY - 160,width:8,height:3,color:"#8B4513",opacity:0.7,children:_jsx(Shadow,{dx:1,dy:1,blur:2,color:"rgba(0,0,0,0.2)"})}),_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}),_jsx(Circle,{cx:width * 0.05 - 5,cy:grassStartY - 160,r:25,color:"#1B5E20",opacity:0.8}),_jsx(Circle,{cx:width * 0.05 + 8,cy:grassStartY - 200,r:26,color:"#4CAF50",opacity:0.6}),_jsx(Circle,{cx:width * 0.05 + 20,cy:grassStartY - 200,r:22,color:"#66BB6A",opacity:0.5}),_jsx(Circle,{cx:width * 0.05 + 12,cy:grassStartY - 170,r:20,color:"#388E3C",opacity:0.9}),_jsx(Circle,{cx:width * 0.05 + 6,cy:grassStartY - 140,r:18,color:"#2E7D32",opacity:0.8}),_jsx(Circle,{cx:width * 0.05 + 15,cy:grassStartY - 220,r:15,color:"#81C784",opacity:0.6}),_jsx(Circle,{cx:width * 0.05 + 3,cy:grassStartY - 210,r:12,color:"#A5D6A7",opacity:0.5}),_jsx(Circle,{cx:width * 0.05 + 28,cy:grassStartY - 180,r:14,color:"#81C784",opacity:0.6}),_jsx(Circle,{cx:width * 0.05 - 8,cy:grassStartY - 180,r:16,color:"#66BB6A",opacity:0.7}),_jsx(Circle,{cx:width * 0.05 + 5,cy:grassStartY - 230,r:10,color:"#C8E6C9",opacity:0.7}),_jsx(Circle,{cx:width * 0.05 + 18,cy:grassStartY - 240,r:8,color:"#E8F5E8",opacity:0.6}),_jsx(Circle,{cx:width * 0.05 + 22,cy:grassStartY - 190,r:6,color:"#C8E6C9",opacity:0.8})]}),_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(Rect,{x:width * 0.88 + 2,y:grassStartY - 170,width:1,height:150,color:"#3E2723",opacity:0.9}),_jsx(Rect,{x:width * 0.88 + 6,y:grassStartY - 190,width:1.5,height:170,color:"#2E1A16",opacity:0.8}),_jsx(Rect,{x:width * 0.88 + 11,y:grassStartY - 160,width:1,height:130,color:"#3E2723",opacity:0.7}),_jsx(Rect,{x:width * 0.88 + 14,y:grassStartY - 180,width:1.5,height:160,color:"#2E1A16",opacity:0.9}),_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 + 5,cy:grassStartY - 100,r:30,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 13,cy:grassStartY - 110,r:28,color:"#2E7D32",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 180,r:32,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 6,cy:grassStartY - 170,r:26,color:"#2E7D32",opacity:0.85}),_jsx(Circle,{cx:width * 0.88 + 12,cy:grassStartY - 190,r:24,color:"#388E3C",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 240,r:28,color:"#2E7D32",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 7,cy:grassStartY - 230,r:22,color:"#388E3C",opacity:0.85}),_jsx(Circle,{cx:width * 0.88 + 11,cy:grassStartY - 250,r:20,color:"#4CAF50",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 9,cy:grassStartY - 300,r:22,color:"#388E3C",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 8,cy:grassStartY - 290,r:18,color:"#4CAF50",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 10,cy:grassStartY - 310,r:15,color:"#66BB6A",opacity:0.7}),_jsx(Circle,{cx:width * 0.88 + 4,cy:grassStartY - 150,r:8,color:"#0D4F0C",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 14,cy:grassStartY - 170,r:6,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.88 + 3,cy:grassStartY - 220,r:5,color:"#0D4F0C",opacity:0.7}),_jsx(Circle,{cx:width * 0.88 + 15,cy:grassStartY - 240,r:7,color:"#2E7D32",opacity:0.8}),_jsx(Circle,{cx:width * 0.88 + 12,cy:grassStartY - 280,r:8,color:"#81C784",opacity:0.6}),_jsx(Circle,{cx:width * 0.88 + 11,cy:grassStartY - 320,r:6,color:"#A5D6A7",opacity:0.5}),_jsx(Circle,{cx:width * 0.88 + 13,cy:grassStartY - 190,r:5,color:"#C8E6C9",opacity:0.7})]})]}),_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}),_jsx(Circle,{cx:width * 0.12,cy:grassStartY - 80,r:20,color:"#2E7D32",opacity:0.85}),_jsx(Circle,{cx:width * 0.09,cy:grassStartY - 50,r:16,color:"#1B5E20",opacity:0.9}),_jsx(Circle,{cx:width * 0.16,cy:grassStartY - 100,r:19,color:"#4CAF50",opacity:0.7}),_jsx(Circle,{cx:width * 0.19,cy:grassStartY - 95,r:15,color:"#66BB6A",opacity:0.6}),_jsx(Circle,{cx:width * 0.15,cy:grassStartY - 90,r:14,color:"#388E3C",opacity:0.9}),_jsx(Circle,{cx:width * 0.17,cy:grassStartY - 70,r:12,color:"#2E7D32",opacity:0.8}),_jsx(Circle,{cx:width * 0.13,cy:grassStartY - 95,r:10,color:"#81C784",opacity:0.7}),_jsx(Circle,{cx:width * 0.20,cy:grassStartY - 85,r:8,color:"#A5D6A7",opacity:0.6}),_jsx(Circle,{cx:width * 0.11,cy:grassStartY - 70,r:9,color:"#66BB6A",opacity:0.8}),_jsx(Circle,{cx:width * 0.22,cy:grassStartY - 80,r:7,color:"#81C784",opacity:0.7}),_jsx(Circle,{cx:width * 0.16,cy:grassStartY - 105,r:6,color:"#C8E6C9",opacity:0.8}),_jsx(Circle,{cx:width * 0.19,cy:grassStartY - 100,r:4,color:"#E8F5E8",opacity:0.7})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.35,cy:grassStartY - 40,r:21,color:"#1B5E20",opacity:0.9,children:_jsx(Shadow,{dx:2,dy:2,blur:6,color:"rgba(0,0,0,0.25)"})}),_jsx(Circle,{cx:width * 0.37,cy:grassStartY - 60,r:17,color:"#2E7D32",opacity:0.85}),_jsx(Circle,{cx:width * 0.33,cy:grassStartY - 30,r:15,color:"#388E3C",opacity:0.8}),_jsx(Circle,{cx:width * 0.36,cy:grassStartY - 80,r:13,color:"#4CAF50",opacity:0.7}),_jsx(Circle,{cx:width * 0.32,cy:grassStartY - 60,r:10,color:"#66BB6A",opacity:0.8}),_jsx(Circle,{cx:width * 0.38,cy:grassStartY - 50,r:8,color:"#81C784",opacity:0.7}),_jsx(Circle,{cx:width * 0.34,cy:grassStartY - 90,r:5,color:"#A5D6A7",opacity:0.8})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.52,cy:grassStartY - 45,r:25,color:"#1B5E20",opacity:0.95,children:_jsx(Shadow,{dx:2,dy:3,blur:8,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:width * 0.55,cy:grassStartY - 75,r:21,color:"#2E7D32",opacity:0.9}),_jsx(Circle,{cx:width * 0.49,cy:grassStartY - 35,r:19,color:"#388E3C",opacity:0.85}),_jsx(Circle,{cx:width * 0.54,cy:grassStartY - 100,r:16,color:"#4CAF50",opacity:0.8}),_jsx(Circle,{cx:width * 0.50,cy:grassStartY - 70,r:14,color:"#66BB6A",opacity:0.75}),_jsx(Circle,{cx:width * 0.47,cy:grassStartY - 90,r:11,color:"#81C784",opacity:0.7}),_jsx(Circle,{cx:width * 0.56,cy:grassStartY - 55,r:9,color:"#A5D6A7",opacity:0.6}),_jsx(Circle,{cx:width * 0.51,cy:grassStartY - 85,r:4,color:"#FF69B4",opacity:0.9}),_jsx(Circle,{cx:width * 0.54,cy:grassStartY - 75,r:3.5,color:"#FF6B6B",opacity:0.85}),_jsx(Circle,{cx:width * 0.49,cy:grassStartY - 55,r:3,color:"#FF1744",opacity:0.8}),_jsx(Circle,{cx:width * 0.52,cy:grassStartY - 105,r:6,color:"#C8E6C9",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(Circle,{cx:width * 0.74,cy:grassStartY - 85,r:19,color:"#388E3C",opacity:0.8}),_jsx(Circle,{cx:width * 0.68,cy:grassStartY - 55,r:17,color:"#4CAF50",opacity:0.75}),_jsx(Circle,{cx:width * 0.77,cy:grassStartY - 45,r:14,color:"#66BB6A",opacity:0.7}),_jsx(Circle,{cx:width * 0.66,cy:grassStartY - 75,r:12,color:"#81C784",opacity:0.65}),_jsx(Circle,{cx:width * 0.71,cy:grassStartY - 95,r:10,color:"#A5D6A7",opacity:0.6}),_jsx(Circle,{cx:width * 0.73,cy:grassStartY - 100,r:3,color:"#9C27B0",opacity:0.9}),_jsx(Circle,{cx:width * 0.70,cy:grassStartY - 90,r:2.5,color:"#673AB7",opacity:0.85}),_jsx(Circle,{cx:width * 0.76,cy:grassStartY - 55,r:3.5,color:"#FF9800",opacity:0.8}),_jsx(Circle,{cx:width * 0.73,cy:grassStartY - 110,r:7,color:"#C8E6C9",opacity:0.8}),_jsx(Circle,{cx:width * 0.75,cy:grassStartY - 90,r:5,color:"#E8F5E8",opacity:0.7})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.25,cy:grassStartY - 15,r:15,color:"#1B5E20",opacity:0.8,children:_jsx(Shadow,{dx:1,dy:2,blur:4,color:"rgba(0,0,0,0.2)"})}),_jsx(Circle,{cx:width * 0.27,cy:grassStartY - 35,r:12,color:"#2E7D32",opacity:0.75}),_jsx(Circle,{cx:width * 0.23,cy:grassStartY - 5,r:10,color:"#388E3C",opacity:0.7}),_jsx(Circle,{cx:width * 0.26,cy:grassStartY - 45,r:7,color:"#66BB6A",opacity:0.6}),_jsx(Circle,{cx:width * 0.65,cy:grassStartY - 5,r:13,color:"#2E7D32",opacity:0.8,children:_jsx(Shadow,{dx:-1,dy:2,blur:4,color:"rgba(0,0,0,0.2)"})}),_jsx(Circle,{cx:width * 0.67,cy:grassStartY - 25,r:10,color:"#388E3C",opacity:0.75}),_jsx(Circle,{cx:width * 0.63,cy:grassStartY + 5,r:8,color:"#4CAF50",opacity:0.7}),_jsx(Circle,{cx:width * 0.66,cy:grassStartY - 35,r:5,color:"#81C784",opacity:0.6})]})]}),_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]});};