react-native-games 0.3.0

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

@@ -0,0 +1,227 @@
+"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 Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';
+import { GAME_CONFIG, ANIMATION_CONFIG } from "../BalloonBlasterService.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const BalloonComponent = ({
+  balloon,
+  onPop
+}) => {
+  // Animated values for smooth movement
+  const translateX = useSharedValue(balloon.position.x);
+  const translateY = useSharedValue(balloon.position.y);
+  const rotation = useSharedValue(balloon.rotation);
+  const scale = useSharedValue(balloon.isPopped ? 0 : 1);
+  const opacity = useSharedValue(balloon.isPopped ? 0 : 1);
+
+  // Update animated values when balloon properties change
+  useEffect(() => {
+    translateX.value = withSpring(balloon.position.x, ANIMATION_CONFIG.BALLOON_SPRING);
+    translateY.value = withSpring(balloon.position.y, ANIMATION_CONFIG.BALLOON_SPRING);
+    rotation.value = withSpring(balloon.rotation, ANIMATION_CONFIG.BALLOON_SPRING);
+  }, [balloon.position.x, balloon.position.y, balloon.rotation]);
+
+  // Handle popped state with animation
+  useEffect(() => {
+    if (balloon.isPopped) {
+      scale.value = withTiming(0, ANIMATION_CONFIG.SLICE_TIMING);
+      opacity.value = withTiming(0, ANIMATION_CONFIG.SLICE_TIMING);
+    } else {
+      scale.value = withSpring(1, ANIMATION_CONFIG.BALLOON_SPRING);
+      opacity.value = withSpring(1, ANIMATION_CONFIG.BALLOON_SPRING);
+    }
+  }, [balloon.isPopped]);
+
+  // Animated style
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: translateX.value
+      }, {
+        translateY: translateY.value
+      }, {
+        rotate: `${rotation.value}rad`
+      }, {
+        scale: scale.value
+      }],
+      opacity: opacity.value
+    };
+  });
+  const containerStyle = {
+    position: 'absolute',
+    width: GAME_CONFIG.BALLOON_SIZE,
+    height: GAME_CONFIG.BALLOON_SIZE,
+    zIndex: balloon.isBomb ? 10 : 5
+  };
+  const getBalloonColors = () => {
+    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)
+      };
+    }
+    if (balloon.isBonus) return {
+      primary: '#FFD700',
+      secondary: '#FFEB3B',
+      highlight: '#FFF59D',
+      shadow: '#CC8800'
+    };
+
+    // Use balloon's vibrant colors with enhanced gradients
+    const baseColor = balloon.type.color || '#FF0080';
+    return {
+      primary: baseColor,
+      secondary: lightenColor(baseColor, 0.3),
+      highlight: lightenColor(baseColor, 0.5),
+      shadow: darkenColor(baseColor, 0.3)
+    };
+  };
+
+  // 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 = () => {
+    const path = Skia.Path.Make();
+    const startX = center.x;
+    const startY = balloonHeight - 2;
+
+    // Create a seed based on balloon ID for consistent random curves per balloon
+    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;
+    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 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);
+    }
+    return path;
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [containerStyle, animatedStyle],
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => {
+        console.log('Balloon tapped:', balloon.id);
+        onPop?.(balloon.id);
+      },
+      activeOpacity: 0.8,
+      style: {
+        width: balloonWidth,
+        height: totalHeight
+      },
+      children: /*#__PURE__*/_jsxs(Canvas, {
+        style: {
+          width: balloonWidth,
+          height: 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, {
+          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]
+          })
+        }), /*#__PURE__*/_jsx(Oval, {
+          x: balloonWidth * 0.15,
+          y: balloonHeight * 0.1,
+          width: balloonWidth * 0.4,
+          height: balloonHeight * 0.3,
+          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
+        }), 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(),
+            color: "#FF0000",
+            opacity: 0.9
+          }), /*#__PURE__*/_jsx(Path, {
+            path: Skia.Path.Make().moveTo(center.x, center.y - 6).lineTo(center.x, center.y + 1),
+            color: "#FFFFFF",
+            style: "stroke",
+            strokeWidth: 2,
+            strokeCap: "round"
+          }), /*#__PURE__*/_jsx(Circle, {
+            cx: center.x,
+            cy: center.y + 4,
+            r: 1.5,
+            color: "#FFFFFF"
+          })]
+        }), !balloon.isBonus && /*#__PURE__*/_jsx(Path, {
+          path: generateCurvedStringPath(),
+          color: "#8B4513" // Regular brown string for all balloons including bombs
+          ,
+          style: "stroke",
+          strokeWidth: 1.5,
+          strokeCap: "round",
+          strokeJoin: "round"
+        }), balloon.isBonus && /*#__PURE__*/_jsx(Oval, {
+          x: -5,
+          y: -5,
+          width: balloonWidth + 10,
+          height: balloonHeight + 10,
+          color: "#FFD700",
+          opacity: 0.2
+        })]
+      })
+    })
+  });
+};
+//# sourceMappingURL=BalloonComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","TouchableOpacity","Canvas","LinearGradient","vec","Path","Skia","Oval","Circle","Animated","useSharedValue","useAnimatedStyle","withSpring","withTiming","GAME_CONFIG","ANIMATION_CONFIG","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BalloonComponent","balloon","onPop","translateX","position","x","translateY","y","rotation","scale","isPopped","opacity","value","BALLOON_SPRING","SLICE_TIMING","animatedStyle","transform","rotate","containerStyle","width","BALLOON_SIZE","height","zIndex","isBomb","getBalloonColors","primary","secondary","highlight","shadow","isBonus","baseColor","type","color","lightenColor","darkenColor","amount","hex","replace","r","Math","min","parseInt","substr","round","g","b","toString","padStart","max","colors","balloonWidth","balloonHeight","stringLength","totalHeight","center","generateCurvedStringPath","path","Make","startX","startY","seed","id","split","reduce","acc","char","charCodeAt","random","index","moveTo","segments","segmentHeight","i","waveAmplitude","waveOffset","controlX1","controlY1","controlX2","controlY2","cubicTo","View","style","children","onPress","console","log","activeOpacity","pointerEvents","start","end","lineTo","close","strokeWidth","strokeCap","cx","cy","strokeJoin"],"sourceRoot":"../../../../../src","sources":["games/balloon-blaster/components/BalloonComponent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { BalloonComponent } from "./BalloonComponent.js";
+import { SliceTrail } from "./SliceTrail.js";
+import { ParticleSystem } from "./ParticleSystem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GameArea = ({
+  balloons,
+  balloonAnimations,
+  slicePath,
+  isSlicing,
+  particles,
+  onBalloonPop,
+  children
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.gameArea,
+    children: [balloons.map(balloon => {
+      const animation = balloonAnimations.get(balloon.id);
+      return /*#__PURE__*/_jsx(BalloonComponent, {
+        balloon: balloon,
+        animation: animation,
+        onPop: onBalloonPop
+      }, balloon.id);
+    }), /*#__PURE__*/_jsx(SliceTrail, {
+      path: slicePath,
+      isVisible: isSlicing
+    }), /*#__PURE__*/_jsx(ParticleSystem, {
+      particles: particles
+    }), children]
+  });
+};
+const styles = StyleSheet.create({
+  gameArea: {
+    flex: 1,
+    position: 'relative',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=GameArea.js.map

package/lib/module/games/balloon-blaster/components/GameArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","BalloonComponent","SliceTrail","ParticleSystem","jsx","_jsx","jsxs","_jsxs","GameArea","balloons","balloonAnimations","slicePath","isSlicing","particles","onBalloonPop","children","style","styles","gameArea","map","balloon","animation","get","id","onPop","path","isVisible","create","flex","position","overflow"],"sourceRoot":"../../../../../src","sources":["games/balloon-blaster/components/GameArea.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYlD,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC,SAAS;EAAEC,SAAS;EAAEC,SAAS;EAAEC,YAAY;EAAEC;AAAS,CAAC,KAAK;EAC7I,oBACER,KAAA,CAACR,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC,QAAS;IAAAH,QAAA,GAE1BN,QAAQ,CAACU,GAAG,CAACC,OAAO,IAAI;MACvB,MAAMC,SAAS,GAAGX,iBAAiB,CAACY,GAAG,CAACF,OAAO,CAACG,EAAE,CAAC;MAEnD,oBAAOlB,IAAA,CAACJ,gBAAgB;QAAkBmB,OAAO,EAAEA,OAAQ;QAACC,SAAS,EAAEA,SAAU;QAACG,KAAK,EAAEV;MAAa,GAAxEM,OAAO,CAACG,EAAkE,CAAC;IAC3G,CAAC,CAAC,eAGFlB,IAAA,CAACH,UAAU;MAACuB,IAAI,EAAEd,SAAU;MAACe,SAAS,EAAEd;IAAU,CAAE,CAAC,eAGrDP,IAAA,CAACF,cAAc;MAACU,SAAS,EAAEA;IAAU,CAAE,CAAC,EAGvCE,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGjB,UAAU,CAAC2B,MAAM,CAAC;EAC/BT,QAAQ,EAAE;IACRU,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}