react-native-games 0.3.0

package/lib/module/games/space-traveller/components/GameBackground.js

@@ -0,0 +1,294 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { Dimensions } from 'react-native';
+import { Canvas, LinearGradient, Rect, Circle, Group, Shadow, vec } from '@shopify/react-native-skia';
+import { useSharedValue, withRepeat, withTiming, withSequence, interpolate, Extrapolation, Easing } from 'react-native-reanimated';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width,
+  height
+} = Dimensions.get('window');
+export const GameBackground = ({
+  children
+}) => {
+  // Optimized animated values - reduced from 4 to 2 for better performance
+  const starTwinkle = useSharedValue(0);
+  const spaceFloat = useSharedValue(0); // Combined animation for planet, nebula, and asteroids
+
+  useEffect(() => {
+    // Optimized star twinkling with easing for smoother animation
+    starTwinkle.value = withRepeat(withSequence(withTiming(1, {
+      duration: 3000,
+      easing: Easing.inOut(Easing.ease)
+    }), withTiming(0.4, {
+      duration: 3000,
+      easing: Easing.inOut(Easing.ease)
+    })), -1, false);
+
+    // Combined space animation for all floating elements
+    spaceFloat.value = withRepeat(withTiming(1, {
+      duration: 15000,
+      easing: Easing.inOut(Easing.ease)
+    }), -1, true // Reverse for smooth back-and-forth motion
+    );
+  }, []);
+  const animatedBackgroundStyle = useAnimatedStyle(() => {
+    return {
+      transform: []
+    };
+  });
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [{
+      flex: 1
+    }, animatedBackgroundStyle],
+    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: height,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          start: vec(0, 0),
+          end: vec(0, height),
+          colors: ['#0c0a1f', '#1a1b3a', '#2d1b69', '#1e1b4b', '#0c0a1f']
+        })
+      }), /*#__PURE__*/_jsx(Group, {
+        children: Array.from({
+          length: 40
+        }, (_, i) => {
+          const x = width / 8 * (i % 8) + i % 5 * 25;
+          const y = height / 5 * Math.floor(i / 8) + i % 3 * 40;
+          const size = 1 + i % 3 * 0.4;
+          const isAnimated = i % 3 === 0; // Only animate every 3rd star for performance
+
+          return /*#__PURE__*/_jsx(Circle, {
+            cx: x,
+            cy: y,
+            r: size,
+            color: "#ffffff",
+            opacity: isAnimated ? interpolate(starTwinkle.value, [0, 1], [0.4, 0.9], Extrapolation.CLAMP) : 0.6
+          }, `star-${i}`);
+        })
+      }), /*#__PURE__*/_jsx(Group, {
+        children: Array.from({
+          length: 8
+        }, (_, i) => {
+          const positions = [{
+            x: width * 0.15,
+            y: height * 0.2
+          }, {
+            x: width * 0.8,
+            y: height * 0.3
+          }, {
+            x: width * 0.3,
+            y: height * 0.5
+          }, {
+            x: width * 0.7,
+            y: height * 0.6
+          }, {
+            x: width * 0.2,
+            y: height * 0.7
+          }, {
+            x: width * 0.85,
+            y: height * 0.8
+          }, {
+            x: width * 0.5,
+            y: height * 0.15
+          }, {
+            x: width * 0.6,
+            y: height * 0.85
+          }];
+          const pos = positions[i];
+          if (!pos) return null;
+          const size = 2.5 + i % 2 * 0.5;
+          const isAnimated = i % 2 === 0; // Only animate every other bright star
+
+          return /*#__PURE__*/_jsx(Group, {
+            children: /*#__PURE__*/_jsx(Circle, {
+              cx: pos.x,
+              cy: pos.y,
+              r: size,
+              color: "#ffffff",
+              opacity: isAnimated ? interpolate(starTwinkle.value, [0, 1], [0.7, 1], Extrapolation.CLAMP) : 0.8,
+              children: /*#__PURE__*/_jsx(Shadow, {
+                dx: 0,
+                dy: 0,
+                blur: 10 // Static blur for better performance
+                ,
+                color: "#ffffff"
+              })
+            })
+          }, `bright-star-${i}`);
+        })
+      }), /*#__PURE__*/_jsxs(Group, {
+        transform: [{
+          translateX: width * 0.85
+        }, {
+          translateY: height * 0.2
+        }, {
+          rotate: interpolate(spaceFloat.value, [0, 1], [0, Math.PI * 2], Extrapolation.CLAMP)
+        }, {
+          translateX: -width * 0.85
+        }, {
+          translateY: -height * 0.2
+        }],
+        children: [/*#__PURE__*/_jsx(Circle, {
+          cx: width * 0.85,
+          cy: height * 0.2,
+          r: 32,
+          color: "#4c1d95",
+          opacity: 0.8,
+          children: /*#__PURE__*/_jsx(Shadow, {
+            dx: -2,
+            dy: 2,
+            blur: 8,
+            color: "rgba(0,0,0,0.5)"
+          })
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: width * 0.85 - 6,
+          cy: height * 0.2 - 4,
+          r: 10,
+          color: "#5b21b6",
+          opacity: 0.6
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: width * 0.85 + 4,
+          cy: height * 0.2 + 6,
+          r: 6,
+          color: "#6d28d9",
+          opacity: 0.5
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: width * 0.85 - 8,
+          cy: height * 0.2 - 8,
+          r: 6,
+          color: "#a855f7",
+          opacity: 0.3
+        })]
+      }), /*#__PURE__*/_jsxs(Group, {
+        children: [/*#__PURE__*/_jsxs(Group, {
+          transform: [{
+            translateX: interpolate(spaceFloat.value, [0, 1], [-3, 3], Extrapolation.CLAMP)
+          }],
+          children: [/*#__PURE__*/_jsx(Circle, {
+            cx: width * 0.2,
+            cy: height * 0.6,
+            r: 40,
+            color: "#7c3aed",
+            opacity: 0.12,
+            children: /*#__PURE__*/_jsx(Shadow, {
+              dx: 0,
+              dy: 0,
+              blur: 15,
+              color: "#7c3aed"
+            })
+          }), /*#__PURE__*/_jsx(Circle, {
+            cx: width * 0.24,
+            cy: height * 0.58,
+            r: 28,
+            color: "#a855f7",
+            opacity: 0.1
+          })]
+        }), /*#__PURE__*/_jsxs(Group, {
+          transform: [{
+            translateX: interpolate(spaceFloat.value, [0, 1], [2, -2], Extrapolation.CLAMP)
+          }],
+          children: [/*#__PURE__*/_jsx(Circle, {
+            cx: width * 0.7,
+            cy: height * 0.4,
+            r: 30,
+            color: "#3b82f6",
+            opacity: 0.1,
+            children: /*#__PURE__*/_jsx(Shadow, {
+              dx: 0,
+              dy: 0,
+              blur: 12,
+              color: "#3b82f6"
+            })
+          }), /*#__PURE__*/_jsx(Circle, {
+            cx: width * 0.72,
+            cy: height * 0.38,
+            r: 20,
+            color: "#60a5fa",
+            opacity: 0.08
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Group, {
+        children: Array.from({
+          length: 5
+        }, (_, i) => {
+          const positions = [{
+            x: width * 0.15,
+            y: height * 0.3
+          }, {
+            x: width * 0.85,
+            y: height * 0.5
+          }, {
+            x: width * 0.3,
+            y: height * 0.75
+          }, {
+            x: width * 0.75,
+            y: height * 0.2
+          }, {
+            x: width * 0.5,
+            y: height * 0.85
+          }];
+          const pos = positions[i];
+          if (!pos) return null;
+          const size = 3 + i % 3;
+          const isAnimated = i % 2 === 0; // Only animate every other asteroid
+
+          return /*#__PURE__*/_jsxs(Group, {
+            transform: isAnimated ? [{
+              translateX: interpolate(spaceFloat.value, [0, 1], [-1.5, 1.5], Extrapolation.CLAMP)
+            }] : [],
+            children: [/*#__PURE__*/_jsx(Circle, {
+              cx: pos.x,
+              cy: pos.y,
+              r: size,
+              color: "#6b7280",
+              opacity: 0.5,
+              children: /*#__PURE__*/_jsx(Shadow, {
+                dx: 1,
+                dy: 1,
+                blur: 2,
+                color: "rgba(0,0,0,0.3)"
+              })
+            }), /*#__PURE__*/_jsx(Circle, {
+              cx: pos.x - size * 0.25,
+              cy: pos.y - size * 0.25,
+              r: size * 0.3,
+              color: "#9ca3af",
+              opacity: 0.3
+            })]
+          }, `asteroid-${i}`);
+        })
+      }), /*#__PURE__*/_jsx(Group, {
+        children: Array.from({
+          length: 15
+        }, (_, i) => {
+          const x = width / 5 * (i % 5) + i % 3 * 20;
+          const y = height / 3 * Math.floor(i / 5) + i % 4 * 30;
+          const size = 0.5 + i % 2 * 0.2;
+          return /*#__PURE__*/_jsx(Circle, {
+            cx: x,
+            cy: y,
+            r: size,
+            color: "#e5e7eb",
+            opacity: 0.25
+          }, `dust-${i}`);
+        })
+      })]
+    }), children]
+  });
+};
+//# sourceMappingURL=GameBackground.js.map

package/lib/module/games/space-traveller/components/GameBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Dimensions","Canvas","LinearGradient","Rect","Circle","Group","Shadow","vec","useSharedValue","withRepeat","withTiming","withSequence","interpolate","Extrapolation","Easing","Animated","useAnimatedStyle","jsx","_jsx","jsxs","_jsxs","width","height","get","GameBackground","children","starTwinkle","spaceFloat","value","duration","easing","inOut","ease","animatedBackgroundStyle","transform","View","style","flex","position","top","left","right","bottom","x","y","start","end","colors","Array","from","length","_","i","Math","floor","size","isAnimated","cx","cy","r","color","opacity","CLAMP","positions","pos","dx","dy","blur","translateX","translateY","rotate","PI"],"sourceRoot":"../../../../../src","sources":["games/space-traveller/components/GameBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/space-traveller/components/GameControls.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
+export const GameControls = ({
+  isPlaying,
+  gameOver,
+  onStartGame,
+  onStopGame
+}) => {
+  const buttonScale = useSharedValue(1);
+  const pulseAnimation = useSharedValue(1);
+  useEffect(() => {
+    // Pulse animation for start button when game is not playing
+    if (!isPlaying) {
+      pulseAnimation.value = withRepeat(withSequence(withTiming(1.05, {
+        duration: 1000
+      }), withTiming(1, {
+        duration: 1000
+      })), -1, false);
+    } else {
+      pulseAnimation.value = withTiming(1, {
+        duration: 300
+      });
+    }
+  }, [isPlaying]);
+  const handlePressIn = () => {
+    buttonScale.value = withSpring(0.95);
+  };
+  const handlePressOut = () => {
+    buttonScale.value = withSpring(1);
+  };
+  const animatedButtonStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        scale: buttonScale.value * (!isPlaying ? pulseAnimation.value : 1)
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.controlsContainer,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.controlsRow,
+      children: !isPlaying ? /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+        onPress: onStartGame,
+        onPressIn: handlePressIn,
+        onPressOut: handlePressOut,
+        style: [styles.buttonContainer, styles.startButton, animatedButtonStyle],
+        activeOpacity: 0.8,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.buttonContent,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.startButtonText,
+            children: gameOver ? 'LAUNCH AGAIN' : 'LAUNCH MISSION'
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonSubtext,
+            children: gameOver ? 'Start a new space mission!' : 'Navigate through space!'
+          })]
+        })
+      }) : /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+        onPress: onStopGame,
+        onPressIn: handlePressIn,
+        onPressOut: handlePressOut,
+        style: [styles.buttonContainer, styles.stopButton, animatedButtonStyle],
+        activeOpacity: 0.8,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.buttonContent,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.stopButtonText,
+            children: "ABORT MISSION"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonSubtext,
+            children: "End current space mission"
+          })]
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  controlsContainer: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 20,
+    paddingHorizontal: 20
+  },
+  controlsRow: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  buttonContainer: {
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 12,
+    elevation: 8
+  },
+  startButton: {
+    backgroundColor: '#10b981',
+    // Emerald green to match space theme
+    paddingHorizontal: 32,
+    paddingVertical: 20,
+    borderRadius: 30,
+    shadowColor: '#10b981',
+    justifyContent: 'center',
+    alignItems: 'center',
+    minHeight: 70,
+    minWidth: 200,
+    borderWidth: 3,
+    borderColor: '#34d399',
+    // Light green border
+    position: 'relative',
+    overflow: 'hidden'
+  },
+  stopButton: {
+    backgroundColor: '#dc2626',
+    // Red
+    paddingHorizontal: 32,
+    paddingVertical: 20,
+    borderRadius: 30,
+    shadowColor: '#dc2626',
+    justifyContent: 'center',
+    alignItems: 'center',
+    minHeight: 70,
+    minWidth: 200,
+    borderWidth: 3,
+    borderColor: '#f87171',
+    // Light red border
+    position: 'relative',
+    overflow: 'hidden'
+  },
+  buttonContent: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  startButtonText: {
+    fontSize: 20,
+    fontWeight: '800',
+    color: '#ffffff',
+    textAlign: 'center',
+    textShadowColor: 'rgba(0, 0, 0, 0.3)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2,
+    letterSpacing: 1
+  },
+  stopButtonText: {
+    fontSize: 20,
+    fontWeight: '800',
+    color: '#ffffff',
+    textAlign: 'center',
+    textShadowColor: 'rgba(0, 0, 0, 0.3)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2,
+    letterSpacing: 1
+  },
+  buttonSubtext: {
+    fontSize: 12,
+    fontWeight: '600',
+    color: 'rgba(255, 255, 255, 0.8)',
+    textAlign: 'center',
+    marginTop: 4,
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=GameControls.js.map

package/lib/module/games/space-traveller/components/GameControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","View","TouchableOpacity","Text","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","withRepeat","withSequence","withTiming","jsx","_jsx","jsxs","_jsxs","AnimatedTouchableOpacity","createAnimatedComponent","GameControls","isPlaying","gameOver","onStartGame","onStopGame","buttonScale","pulseAnimation","value","duration","handlePressIn","handlePressOut","animatedButtonStyle","transform","scale","style","styles","controlsContainer","children","controlsRow","onPress","onPressIn","onPressOut","buttonContainer","startButton","activeOpacity","buttonContent","startButtonText","buttonSubtext","stopButton","stopButtonText","create","justifyContent","alignItems","paddingVertical","paddingHorizontal","flexDirection","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","borderRadius","shadowColor","minHeight","minWidth","borderWidth","borderColor","position","overflow","fontSize","fontWeight","color","textAlign","textShadowColor","textShadowOffset","textShadowRadius","letterSpacing","marginTop"],"sourceRoot":"../../../../../src","sources":["games/space-traveller/components/GameControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/space-traveller/components/GameOverModal.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import React from 'react';
+import { View, TouchableOpacity, Text, Modal, StyleSheet, Dimensions } from 'react-native';
+import { Canvas, LinearGradient, Rect, vec } from '@shopify/react-native-skia';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width,
+  height
+} = Dimensions.get('window');
+export const GameOverModal = ({
+  isVisible,
+  score,
+  onPlayAgain
+}) => {
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => {},
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.gameOverOverlay,
+      children: [/*#__PURE__*/_jsx(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: height,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(0, height),
+            colors: ['#0c0a1f', '#1a1b3a', '#2d1b69', '#1e1b4b']
+          })
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.gameOverModal,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.gameOverEmoji,
+          children: "\uD83D\uDE80"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.gameOverTitle,
+          children: "Mission Complete!"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.scoreContainer,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.finalScoreLabel,
+            children: "Final Score"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.finalScoreValue,
+            children: score
+          })]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: onPlayAgain,
+          style: styles.playAgainButton,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.playAgainText,
+            children: "\uD83D\uDE80 Launch Again"
+          })
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  gameOverOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(12, 10, 31, 0.3)',
+    // Deep space overlay
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  gameOverModal: {
+    backgroundColor: 'rgba(30, 27, 75, 0.5)',
+    // Deep space blue with transparency
+    borderRadius: 24,
+    padding: 32,
+    marginHorizontal: 24,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.6,
+    shadowRadius: 16,
+    elevation: 16,
+    borderWidth: 2,
+    borderColor: 'rgba(139, 92, 246, 0.6)',
+    // Purple space border
+    maxWidth: 400,
+    width: '100%'
+  },
+  gameOverEmoji: {
+    fontSize: 64,
+    textAlign: 'center',
+    marginBottom: 16
+  },
+  gameOverTitle: {
+    color: '#ffffff',
+    fontSize: 28,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    marginBottom: 24,
+    textShadowColor: 'rgba(0,0,0,0.5)',
+    textShadowOffset: {
+      width: 2,
+      height: 2
+    },
+    textShadowRadius: 4
+  },
+  scoreContainer: {
+    alignItems: 'center',
+    marginBottom: 20,
+    backgroundColor: 'rgba(45, 27, 105, 0.8)',
+    // Darker space blue
+    borderRadius: 16,
+    padding: 20,
+    borderWidth: 1,
+    borderColor: 'rgba(139, 92, 246, 0.3)'
+  },
+  finalScoreLabel: {
+    fontSize: 18,
+    color: '#e2e8f0',
+    fontWeight: 'bold',
+    marginBottom: 8,
+    textShadowColor: 'rgba(0,0,0,0.5)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2
+  },
+  finalScoreValue: {
+    fontSize: 36,
+    color: '#fbbf24',
+    // Bright yellow
+    fontWeight: 'bold',
+    textAlign: 'center',
+    textShadowColor: 'rgba(0,0,0,0.5)',
+    textShadowOffset: {
+      width: 2,
+      height: 2
+    },
+    textShadowRadius: 4
+  },
+  playAgainButton: {
+    backgroundColor: '#22c55e',
+    // Bright green
+    paddingVertical: 18,
+    paddingHorizontal: 36,
+    borderRadius: 20,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 8,
+    elevation: 8
+  },
+  playAgainText: {
+    color: '#ffffff',
+    fontWeight: 'bold',
+    fontSize: 18,
+    textAlign: 'center',
+    textShadowColor: 'rgba(0,0,0,0.3)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2
+  }
+});
+//# sourceMappingURL=GameOverModal.js.map