@austencloud/backgrounds 0.1.0

package/dist/backgrounds/cherry-blossom/services/CherryBlossomBackgroundSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CherryBlossomBackgroundSystem.js","sourceRoot":"","sources":["../../../../src/backgrounds/cherry-blossom/services/CherryBlossomBackgroundSystem.ts"],"names":[],"mappings":"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"}

package/dist/backgrounds/cherry-blossom/services/CherryBlossomPetalSystem.d.ts

@@ -0,0 +1,17 @@
+import type { Dimensions, QualityLevel } from "../../../core/domain/types.js";
+import type { CherryPetal } from "../domain/models/cherry-blossom-models.js";
+/**
+ * Creates and manages the cherry blossom petal particle system
+ */
+export declare function createCherryBlossomPetalSystem(): {
+    initialize: (dimensions: Dimensions, quality: QualityLevel) => CherryPetal[];
+    update: (petals: CherryPetal[], dimensions: Dimensions, frameMultiplier: number, windForce?: number) => CherryPetal[];
+    draw: (petals: CherryPetal[], ctx: CanvasRenderingContext2D, _dimensions: Dimensions, layerVisibility?: {
+        petalsFar: boolean;
+        petalsMid: boolean;
+        petalsNear: boolean;
+    }) => void;
+    adjustToResize: (petals: CherryPetal[], oldDimensions: Dimensions, newDimensions: Dimensions, quality: QualityLevel) => CherryPetal[];
+    setQuality: (petals: CherryPetal[], dimensions: Dimensions, quality: QualityLevel) => CherryPetal[];
+};
+//# sourceMappingURL=CherryBlossomPetalSystem.d.ts.map

package/dist/backgrounds/cherry-blossom/services/CherryBlossomPetalSystem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CherryBlossomPetalSystem.d.ts","sourceRoot":"","sources":["../../../../src/backgrounds/cherry-blossom/services/CherryBlossomPetalSystem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,2CAA2C,CAAC;AA8CzF;;GAEG;AACH,wBAAgB,8BAA8B;6BAM9B,UAAU,WACb,YAAY,KACpB,WAAW,EAAE;qBA+bN,WAAW,EAAE,cACT,UAAU,mBACL,MAAM,cACZ,MAAM,KAChB,WAAW,EAAE;mBA2KN,WAAW,EAAE,OAChB,wBAAwB,eAChB,UAAU,oBACL;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAChF,IAAI;6BA2CG,WAAW,EAAE,iBACN,UAAU,iBACV,UAAU,WAChB,YAAY,KACpB,WAAW,EAAE;yBAyDN,WAAW,EAAE,cACT,UAAU,WACb,YAAY,KACpB,WAAW,EAAE;EAwBjB"}

package/dist/backgrounds/cherry-blossom/services/CherryBlossomPetalSystem.js

@@ -0,0 +1,632 @@
+import { CHERRY_COUNTS, CHERRY_COUNTS_MOBILE, CHERRY_DISTRIBUTION, CHERRY_PHYSICS, CHERRY_PHYSICS_MOBILE, CHERRY_SIZE, CHERRY_ROTATION, CHERRY_OPACITY, CHERRY_COLORS, CHERRY_FLOWER, CHERRY_PETAL, CHERRY_BOUNDS, CHERRY_PARALLAX, } from "../domain/constants/cherry-blossom-constants.js";
+/**
+ * Detect if viewport is mobile-sized
+ */
+function isMobile() {
+    if (typeof window === "undefined")
+        return false;
+    return window.innerWidth < 768;
+}
+/**
+ * Assign a random depth layer based on distribution percentages
+ */
+function assignDepth() {
+    const roll = Math.random();
+    if (roll < CHERRY_PARALLAX.far.distribution) {
+        return "far";
+    }
+    else if (roll < CHERRY_PARALLAX.far.distribution + CHERRY_PARALLAX.mid.distribution) {
+        return "mid";
+    }
+    else {
+        return "near";
+    }
+}
+/**
+ * Get parallax config for a depth layer
+ */
+function getDepthConfig(depth) {
+    return CHERRY_PARALLAX[depth];
+}
+/**
+ * Creates and manages the cherry blossom petal particle system
+ */
+export function createCherryBlossomPetalSystem() {
+    /**
+     * Initialize petals with stratified vertical distribution
+     * This ensures even spacing across the screen instead of random clusters
+     */
+    function initialize(dimensions, quality) {
+        const count = getPetalCount(quality);
+        const petals = [];
+        // Use stratified sampling for even vertical distribution
+        // Divide screen into horizontal bands, place one particle per band with jitter
+        const bandHeight = dimensions.height / count;
+        for (let i = 0; i < count; i++) {
+            const bandStart = i * bandHeight;
+            // Random Y position within this band (stratified with jitter)
+            const stratifiedY = bandStart + Math.random() * bandHeight;
+            petals.push(createPetalWithPosition(dimensions, stratifiedY));
+        }
+        return petals;
+    }
+    /**
+     * Create petal at a specific Y position (for stratified initialization)
+     * Used during initial population - starts with zero horizontal velocity
+     * so petals appear in place rather than flying in from the side
+     */
+    function createPetalWithPosition(dimensions, y) {
+        const x = Math.random() * dimensions.width;
+        // 30% chance of being a full flower, 70% single petal
+        const isFlower = Math.random() < CHERRY_DISTRIBUTION.FLOWER_PROBABILITY;
+        // Size variation - flowers are larger
+        const size = isFlower
+            ? CHERRY_SIZE.FLOWER.MIN + Math.random() * CHERRY_SIZE.FLOWER.RANGE
+            : CHERRY_SIZE.PETAL.MIN + Math.random() * CHERRY_SIZE.PETAL.RANGE;
+        // Base falling speed - slower for larger items (parallax effect)
+        const baseVy = (CHERRY_PHYSICS.FALLING_SPEED_BASE +
+            Math.random() * CHERRY_PHYSICS.FALLING_SPEED_RANGE) *
+            (1 / (size / 4));
+        // Drift bias determines the petal's tendency to drift one direction
+        // but initial velocity is ZERO so petals don't fly in from the side
+        const driftBias = (Math.random() - 0.5) * 2 * CHERRY_PHYSICS.DRIFT_BIAS_RANGE;
+        // Start with no horizontal velocity - wind will gradually move them
+        const vx = 0;
+        // Rotation properties - flowers rotate slower
+        const rotationSpeed = isFlower
+            ? (Math.random() - CHERRY_ROTATION.RANDOMNESS) *
+                CHERRY_ROTATION.FLOWER_SPEED
+            : (Math.random() - CHERRY_ROTATION.RANDOMNESS) *
+                CHERRY_ROTATION.PETAL_SPEED;
+        // Sway properties - primary oscillation
+        const swayAmplitude = CHERRY_PHYSICS.SWAY_AMPLITUDE_MIN +
+            Math.random() * CHERRY_PHYSICS.SWAY_AMPLITUDE_RANGE;
+        const swayOffset = Math.random() * Math.PI * 2;
+        // Secondary sway - different phase for complexity
+        const secondarySwayOffset = Math.random() * Math.PI * 2;
+        // Tumble properties - controls fall speed variation
+        const tumblePhase = Math.random() * Math.PI * 2;
+        const tumbleSpeed = CHERRY_PHYSICS.TUMBLE_SPEED_MIN +
+            Math.random() * CHERRY_PHYSICS.TUMBLE_SPEED_RANGE;
+        // Flutter intensity - petals flutter more than flowers
+        const flutterIntensity = isFlower
+            ? Math.random() * 0.3
+            : 0.4 + Math.random() * 0.6;
+        // Color variation - vibrant flowers, varied petals
+        const colorVariant = Math.random();
+        let r, g, b;
+        if (isFlower) {
+            // Flowers get vibrant, saturated colors
+            if (colorVariant < CHERRY_COLORS.FLOWER_MAGENTA.probability) {
+                // Vibrant magenta-pink (showstoppers)
+                r = CHERRY_COLORS.FLOWER_MAGENTA.r;
+                g =
+                    CHERRY_COLORS.FLOWER_MAGENTA.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_MAGENTA.gMax -
+                                CHERRY_COLORS.FLOWER_MAGENTA.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_MAGENTA.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_MAGENTA.bMax -
+                                CHERRY_COLORS.FLOWER_MAGENTA.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.FLOWER_PINK.probability) {
+                // Bright cherry pink
+                r = CHERRY_COLORS.FLOWER_PINK.r;
+                g =
+                    CHERRY_COLORS.FLOWER_PINK.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_PINK.gMax - CHERRY_COLORS.FLOWER_PINK.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_PINK.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_PINK.bMax - CHERRY_COLORS.FLOWER_PINK.bMin));
+            }
+            else {
+                // Soft blush (lighter accent)
+                r = CHERRY_COLORS.FLOWER_BLUSH.r;
+                g =
+                    CHERRY_COLORS.FLOWER_BLUSH.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_BLUSH.gMax -
+                                CHERRY_COLORS.FLOWER_BLUSH.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_BLUSH.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_BLUSH.bMax -
+                                CHERRY_COLORS.FLOWER_BLUSH.bMin));
+            }
+        }
+        else {
+            // Petals get a mix of deep and soft colors
+            if (colorVariant < CHERRY_COLORS.PETAL_ROSE.probability) {
+                // Deep rose (adds depth)
+                r = CHERRY_COLORS.PETAL_ROSE.r;
+                g =
+                    CHERRY_COLORS.PETAL_ROSE.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_ROSE.gMax - CHERRY_COLORS.PETAL_ROSE.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_ROSE.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_ROSE.bMax - CHERRY_COLORS.PETAL_ROSE.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.PETAL_PINK.probability) {
+                // Soft pink
+                r = CHERRY_COLORS.PETAL_PINK.r;
+                g =
+                    CHERRY_COLORS.PETAL_PINK.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_PINK.gMax - CHERRY_COLORS.PETAL_PINK.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_PINK.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_PINK.bMax - CHERRY_COLORS.PETAL_PINK.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.PETAL_CREAM.probability) {
+                // Cream (contrast)
+                r = CHERRY_COLORS.PETAL_CREAM.r;
+                g =
+                    CHERRY_COLORS.PETAL_CREAM.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_CREAM.gMax - CHERRY_COLORS.PETAL_CREAM.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_CREAM.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_CREAM.bMax - CHERRY_COLORS.PETAL_CREAM.bMin));
+            }
+            else {
+                // Soft lavender (subtle variety)
+                r =
+                    CHERRY_COLORS.PETAL_LAVENDER.r +
+                        Math.floor(Math.random() * CHERRY_COLORS.PETAL_LAVENDER.rRange);
+                g =
+                    CHERRY_COLORS.PETAL_LAVENDER.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_LAVENDER.gMax -
+                                CHERRY_COLORS.PETAL_LAVENDER.gMin));
+                b = CHERRY_COLORS.PETAL_LAVENDER.b;
+            }
+        }
+        // Assign depth layer for parallax effect
+        const depth = assignDepth();
+        return {
+            x,
+            y,
+            size,
+            vx,
+            vy: baseVy,
+            baseVy,
+            rotation: Math.random() * Math.PI * 2,
+            rotationSpeed,
+            opacity: isFlower
+                ? CHERRY_OPACITY.FLOWER.MIN +
+                    Math.random() * CHERRY_OPACITY.FLOWER.RANGE
+                : CHERRY_OPACITY.PETAL.MIN + Math.random() * CHERRY_OPACITY.PETAL.RANGE,
+            swayOffset,
+            swayAmplitude,
+            secondarySwayOffset,
+            tumblePhase,
+            tumbleSpeed,
+            flutterIntensity,
+            driftBias,
+            color: { r, g, b },
+            isFlower,
+            depth,
+        };
+    }
+    /**
+     * Get petal count based on quality level and viewport size
+     */
+    function getPetalCount(quality) {
+        const counts = isMobile() ? CHERRY_COUNTS_MOBILE : CHERRY_COUNTS;
+        switch (quality) {
+            case "high":
+                return counts.high;
+            case "medium":
+                return counts.medium;
+            case "low":
+                return counts.low;
+            default:
+                return counts.medium;
+        }
+    }
+    /**
+     * Create a single cherry blossom petal or flower
+     */
+    function createPetal(dimensions, randomizeY = false) {
+        const x = Math.random() * dimensions.width;
+        const y = randomizeY
+            ? Math.random() * dimensions.height
+            : -CHERRY_BOUNDS.RESPAWN_BUFFER;
+        // 30% chance of being a full flower, 70% single petal
+        const isFlower = Math.random() < CHERRY_DISTRIBUTION.FLOWER_PROBABILITY;
+        // Size variation - flowers are larger
+        const size = isFlower
+            ? CHERRY_SIZE.FLOWER.MIN + Math.random() * CHERRY_SIZE.FLOWER.RANGE
+            : CHERRY_SIZE.PETAL.MIN + Math.random() * CHERRY_SIZE.PETAL.RANGE;
+        // Base falling speed - slower for larger items (parallax effect)
+        const baseVy = (CHERRY_PHYSICS.FALLING_SPEED_BASE +
+            Math.random() * CHERRY_PHYSICS.FALLING_SPEED_RANGE) *
+            (1 / (size / 4));
+        // Initial horizontal drift with bias
+        const driftBias = (Math.random() - 0.5) * 2 * CHERRY_PHYSICS.DRIFT_BIAS_RANGE;
+        const vx = (Math.random() - 0.5) * CHERRY_PHYSICS.DRIFT_AMPLITUDE + driftBias;
+        // Rotation properties - flowers rotate slower
+        const rotationSpeed = isFlower
+            ? (Math.random() - CHERRY_ROTATION.RANDOMNESS) *
+                CHERRY_ROTATION.FLOWER_SPEED
+            : (Math.random() - CHERRY_ROTATION.RANDOMNESS) *
+                CHERRY_ROTATION.PETAL_SPEED;
+        // Sway properties - primary oscillation
+        const swayAmplitude = CHERRY_PHYSICS.SWAY_AMPLITUDE_MIN +
+            Math.random() * CHERRY_PHYSICS.SWAY_AMPLITUDE_RANGE;
+        const swayOffset = Math.random() * Math.PI * 2;
+        // Secondary sway - different phase for complexity
+        const secondarySwayOffset = Math.random() * Math.PI * 2;
+        // Tumble properties - controls fall speed variation
+        const tumblePhase = Math.random() * Math.PI * 2;
+        const tumbleSpeed = CHERRY_PHYSICS.TUMBLE_SPEED_MIN +
+            Math.random() * CHERRY_PHYSICS.TUMBLE_SPEED_RANGE;
+        // Flutter intensity - petals flutter more than flowers
+        const flutterIntensity = isFlower
+            ? Math.random() * 0.3
+            : 0.4 + Math.random() * 0.6;
+        // Color variation - vibrant flowers, varied petals
+        const colorVariant = Math.random();
+        let r, g, b;
+        if (isFlower) {
+            // Flowers get vibrant, saturated colors
+            if (colorVariant < CHERRY_COLORS.FLOWER_MAGENTA.probability) {
+                r = CHERRY_COLORS.FLOWER_MAGENTA.r;
+                g =
+                    CHERRY_COLORS.FLOWER_MAGENTA.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_MAGENTA.gMax -
+                                CHERRY_COLORS.FLOWER_MAGENTA.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_MAGENTA.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_MAGENTA.bMax -
+                                CHERRY_COLORS.FLOWER_MAGENTA.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.FLOWER_PINK.probability) {
+                r = CHERRY_COLORS.FLOWER_PINK.r;
+                g =
+                    CHERRY_COLORS.FLOWER_PINK.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_PINK.gMax - CHERRY_COLORS.FLOWER_PINK.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_PINK.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_PINK.bMax - CHERRY_COLORS.FLOWER_PINK.bMin));
+            }
+            else {
+                r = CHERRY_COLORS.FLOWER_BLUSH.r;
+                g =
+                    CHERRY_COLORS.FLOWER_BLUSH.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_BLUSH.gMax -
+                                CHERRY_COLORS.FLOWER_BLUSH.gMin));
+                b =
+                    CHERRY_COLORS.FLOWER_BLUSH.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.FLOWER_BLUSH.bMax -
+                                CHERRY_COLORS.FLOWER_BLUSH.bMin));
+            }
+        }
+        else {
+            // Petals get a mix of deep and soft colors
+            if (colorVariant < CHERRY_COLORS.PETAL_ROSE.probability) {
+                r = CHERRY_COLORS.PETAL_ROSE.r;
+                g =
+                    CHERRY_COLORS.PETAL_ROSE.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_ROSE.gMax - CHERRY_COLORS.PETAL_ROSE.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_ROSE.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_ROSE.bMax - CHERRY_COLORS.PETAL_ROSE.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.PETAL_PINK.probability) {
+                r = CHERRY_COLORS.PETAL_PINK.r;
+                g =
+                    CHERRY_COLORS.PETAL_PINK.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_PINK.gMax - CHERRY_COLORS.PETAL_PINK.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_PINK.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_PINK.bMax - CHERRY_COLORS.PETAL_PINK.bMin));
+            }
+            else if (colorVariant < CHERRY_COLORS.PETAL_CREAM.probability) {
+                r = CHERRY_COLORS.PETAL_CREAM.r;
+                g =
+                    CHERRY_COLORS.PETAL_CREAM.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_CREAM.gMax - CHERRY_COLORS.PETAL_CREAM.gMin));
+                b =
+                    CHERRY_COLORS.PETAL_CREAM.bMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_CREAM.bMax - CHERRY_COLORS.PETAL_CREAM.bMin));
+            }
+            else {
+                r =
+                    CHERRY_COLORS.PETAL_LAVENDER.r +
+                        Math.floor(Math.random() * CHERRY_COLORS.PETAL_LAVENDER.rRange);
+                g =
+                    CHERRY_COLORS.PETAL_LAVENDER.gMin +
+                        Math.floor(Math.random() *
+                            (CHERRY_COLORS.PETAL_LAVENDER.gMax -
+                                CHERRY_COLORS.PETAL_LAVENDER.gMin));
+                b = CHERRY_COLORS.PETAL_LAVENDER.b;
+            }
+        }
+        // Assign depth layer for parallax effect
+        const depth = assignDepth();
+        return {
+            x,
+            y,
+            size,
+            vx,
+            vy: baseVy,
+            baseVy,
+            rotation: Math.random() * Math.PI * 2,
+            rotationSpeed,
+            opacity: isFlower
+                ? CHERRY_OPACITY.FLOWER.MIN +
+                    Math.random() * CHERRY_OPACITY.FLOWER.RANGE
+                : CHERRY_OPACITY.PETAL.MIN + Math.random() * CHERRY_OPACITY.PETAL.RANGE,
+            swayOffset,
+            swayAmplitude,
+            secondarySwayOffset,
+            tumblePhase,
+            tumbleSpeed,
+            flutterIntensity,
+            driftBias,
+            color: { r, g, b },
+            isFlower,
+            depth,
+        };
+    }
+    /**
+     * Update petal positions and properties with wind-driven physics
+     * Wind force replaces rigid sine-wave sway for natural movement
+     */
+    function update(petals, dimensions, frameMultiplier, windForce = 0) {
+        // Use mobile physics if on mobile viewport
+        const physics = isMobile() ? CHERRY_PHYSICS_MOBILE : CHERRY_PHYSICS;
+        return petals.map((petal) => {
+            // Update phase animations
+            const newSwayOffset = petal.swayOffset + physics.SWAY_SPEED * frameMultiplier;
+            const newSecondarySwayOffset = petal.secondarySwayOffset + physics.SECONDARY_SWAY_SPEED * frameMultiplier;
+            const newTumblePhase = petal.tumblePhase + petal.tumbleSpeed * frameMultiplier;
+            // Tumble factor (0-1): represents how "flat" the petal is to airflow
+            // When tumbleFactor is high (near 1), petal is flat = more drag = slower fall
+            // When tumbleFactor is low (near 0), petal is edge-on = less drag = faster fall
+            const tumbleFactor = (Math.sin(newTumblePhase) + 1) / 2;
+            // Calculate current fall speed based on tumble (tumble-drag coupling)
+            // Flat petals (high tumbleFactor) fall slower, edge-on petals fall faster
+            const dragModifier = 1 - tumbleFactor * physics.TUMBLE_DRAG_FACTOR;
+            const currentVy = petal.baseVy * dragModifier;
+            // === WIND-DRIVEN HORIZONTAL MOVEMENT ===
+            // Apply wind force as acceleration (scaled by how "flat" the petal is)
+            // Flat petals catch more wind
+            const windCatchFactor = 0.5 + tumbleFactor * 0.5;
+            let newVx = petal.vx + windForce * windCatchFactor * 0.08 * frameMultiplier;
+            // Air resistance / damping (petals slow down when wind stops)
+            newVx *= 0.992;
+            // Subtle flutter - very small, just adds life (not the primary motion)
+            const flutterPhase = newSwayOffset * (physics.FLUTTER_SPEED / physics.SWAY_SPEED);
+            const flutter = Math.sin(flutterPhase) *
+                physics.FLUTTER_AMPLITUDE *
+                petal.flutterIntensity *
+                tumbleFactor *
+                0.3; // Reduced flutter intensity
+            // Position update: velocity-based movement + tiny flutter
+            let newX = petal.x + (newVx + petal.driftBias * 0.5 + flutter) * frameMultiplier;
+            const newY = petal.y + currentVy * frameMultiplier;
+            // Rotation varies with horizontal velocity - faster movement = more spin
+            const velocityRotationBoost = Math.abs(newVx) * 0.02;
+            const rotationModifier = 1 + tumbleFactor * physics.ROTATION_TUMBLE_FACTOR + velocityRotationBoost;
+            const newRotation = petal.rotation +
+                petal.rotationSpeed * rotationModifier * frameMultiplier;
+            // Respawn if petal has fallen below the viewport
+            if (newY > dimensions.height + CHERRY_BOUNDS.RESPAWN_BUFFER) {
+                return createPetal(dimensions, false);
+            }
+            // Wrap horizontally
+            if (newX < -CHERRY_BOUNDS.RESPAWN_BUFFER) {
+                newX = dimensions.width + CHERRY_BOUNDS.RESPAWN_BUFFER;
+            }
+            else if (newX > dimensions.width + CHERRY_BOUNDS.RESPAWN_BUFFER) {
+                newX = -CHERRY_BOUNDS.RESPAWN_BUFFER;
+            }
+            return {
+                ...petal,
+                x: newX,
+                y: newY,
+                vx: newVx,
+                vy: currentVy,
+                rotation: newRotation,
+                swayOffset: newSwayOffset,
+                secondarySwayOffset: newSecondarySwayOffset,
+                tumblePhase: newTumblePhase,
+            };
+        });
+    }
+    /**
+     * Draw a single petal with depth-adjusted size and opacity
+     */
+    function drawPetal(petal, ctx, sizeMultiplier, opacityMultiplier) {
+        const { x, y, size, rotation, opacity, color, isFlower } = petal;
+        const adjustedSize = size * sizeMultiplier;
+        const adjustedOpacity = opacity * opacityMultiplier;
+        ctx.save();
+        ctx.translate(x, y);
+        ctx.rotate(rotation);
+        if (isFlower) {
+            // Draw glow effect behind flower
+            const glowRadius = adjustedSize * CHERRY_FLOWER.GLOW.RADIUS;
+            const glowGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, glowRadius);
+            glowGradient.addColorStop(0, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_FLOWER.GLOW.INNER_OPACITY})`);
+            glowGradient.addColorStop(0.4, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_FLOWER.GLOW.OPACITY})`);
+            glowGradient.addColorStop(1, `rgba(${color.r}, ${color.g}, ${color.b}, 0)`);
+            ctx.fillStyle = glowGradient;
+            ctx.fillRect(-glowRadius, -glowRadius, glowRadius * 2, glowRadius * 2);
+            // Draw a full cherry blossom flower (5 petals)
+            for (let i = 0; i < CHERRY_FLOWER.PETAL_COUNT; i++) {
+                const angle = (i * Math.PI * 2) / CHERRY_FLOWER.PETAL_COUNT;
+                ctx.save();
+                ctx.rotate(angle);
+                const gradient = ctx.createRadialGradient(0, adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, 0, 0, adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * 0.6);
+                gradient.addColorStop(CHERRY_FLOWER.GRADIENT_INNER, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity})`);
+                gradient.addColorStop(CHERRY_FLOWER.GRADIENT_MID, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_FLOWER.MID_OPACITY})`);
+                gradient.addColorStop(CHERRY_FLOWER.GRADIENT_OUTER, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_FLOWER.OUTER_OPACITY})`);
+                ctx.fillStyle = gradient;
+                ctx.beginPath();
+                ctx.moveTo(0, 0);
+                ctx.quadraticCurveTo(adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.TOP_Y, adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.MID_Y);
+                ctx.quadraticCurveTo(adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.BOTTOM_Y, 0, adjustedSize * CHERRY_FLOWER.CURVE.END_Y);
+                ctx.quadraticCurveTo(-adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.BOTTOM_Y, -adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.MID_Y);
+                ctx.quadraticCurveTo(-adjustedSize * CHERRY_FLOWER.CURVE.WIDTH_FACTOR, adjustedSize * CHERRY_FLOWER.CURVE.TOP_Y, 0, 0);
+                ctx.fill();
+                ctx.restore();
+            }
+            // Draw yellow center
+            const centerGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, adjustedSize * CHERRY_FLOWER.CENTER.RADIUS_MULTIPLIER);
+            centerGradient.addColorStop(0, `rgba(${CHERRY_FLOWER.CENTER.COLOR.r}, ${CHERRY_FLOWER.CENTER.COLOR.g}, ${CHERRY_FLOWER.CENTER.COLOR.b}, ${adjustedOpacity})`);
+            centerGradient.addColorStop(1, `rgba(${CHERRY_FLOWER.CENTER.OUTER_COLOR.r}, ${CHERRY_FLOWER.CENTER.OUTER_COLOR.g}, ${CHERRY_FLOWER.CENTER.OUTER_COLOR.b}, ${adjustedOpacity * CHERRY_FLOWER.CENTER.OUTER_OPACITY})`);
+            ctx.fillStyle = centerGradient;
+            ctx.beginPath();
+            ctx.arc(0, 0, adjustedSize * CHERRY_FLOWER.CENTER.RADIUS_MULTIPLIER, 0, Math.PI * 2);
+            ctx.fill();
+        }
+        else {
+            // Draw single petal
+            const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, adjustedSize);
+            gradient.addColorStop(CHERRY_PETAL.GRADIENT.INNER, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity})`);
+            gradient.addColorStop(CHERRY_PETAL.GRADIENT.MID, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_PETAL.OPACITY.MID})`);
+            gradient.addColorStop(CHERRY_PETAL.GRADIENT.OUTER, `rgba(${color.r}, ${color.g}, ${color.b}, ${adjustedOpacity * CHERRY_PETAL.OPACITY.OUTER})`);
+            ctx.fillStyle = gradient;
+            ctx.beginPath();
+            ctx.ellipse(0, 0, adjustedSize * CHERRY_PETAL.ELLIPSE.PRIMARY.width, adjustedSize * CHERRY_PETAL.ELLIPSE.PRIMARY.height, 0, 0, Math.PI * 2);
+            ctx.fill();
+            ctx.beginPath();
+            ctx.ellipse(0, 0, adjustedSize * CHERRY_PETAL.ELLIPSE.SECONDARY.width, adjustedSize * CHERRY_PETAL.ELLIPSE.SECONDARY.height, CHERRY_PETAL.ELLIPSE.SECONDARY.rotation, 0, Math.PI * 2);
+            ctx.fill();
+        }
+        ctx.restore();
+    }
+    /**
+     * Draw petals and flowers with parallax depth ordering
+     * Renders far -> mid -> near for proper depth layering
+     */
+    function draw(petals, ctx, _dimensions, layerVisibility) {
+        // Default to all layers visible
+        const visibility = layerVisibility ?? { petalsFar: true, petalsMid: true, petalsNear: true };
+        // Group petals by depth
+        const farPetals = [];
+        const midPetals = [];
+        const nearPetals = [];
+        for (const petal of petals) {
+            if (petal.depth === "far")
+                farPetals.push(petal);
+            else if (petal.depth === "mid")
+                midPetals.push(petal);
+            else
+                nearPetals.push(petal);
+        }
+        // Draw in depth order: far -> mid -> near
+        if (visibility.petalsFar) {
+            const cfg = CHERRY_PARALLAX.far;
+            for (const petal of farPetals) {
+                drawPetal(petal, ctx, cfg.sizeMultiplier, cfg.opacityMultiplier);
+            }
+        }
+        if (visibility.petalsMid) {
+            const cfg = CHERRY_PARALLAX.mid;
+            for (const petal of midPetals) {
+                drawPetal(petal, ctx, cfg.sizeMultiplier, cfg.opacityMultiplier);
+            }
+        }
+        if (visibility.petalsNear) {
+            const cfg = CHERRY_PARALLAX.near;
+            for (const petal of nearPetals) {
+                drawPetal(petal, ctx, cfg.sizeMultiplier, cfg.opacityMultiplier);
+            }
+        }
+    }
+    /**
+     * Adjust petals when viewport resizes
+     * Handles edge cases like zero dimensions gracefully
+     */
+    function adjustToResize(petals, oldDimensions, newDimensions, quality) {
+        const targetCount = getPetalCount(quality);
+        // Safety check: if old dimensions are invalid, reinitialize completely
+        if (oldDimensions.width <= 0 || oldDimensions.height <= 0) {
+            return initialize(newDimensions, quality);
+        }
+        // Safety check: if new dimensions are invalid, keep existing petals
+        if (newDimensions.width <= 0 || newDimensions.height <= 0) {
+            return petals;
+        }
+        const scaleX = newDimensions.width / oldDimensions.width;
+        const scaleY = newDimensions.height / oldDimensions.height;
+        // Safety check: if scale is unreasonable (>10x change), reinitialize
+        if (scaleX > 10 || scaleX < 0.1 || scaleY > 10 || scaleY < 0.1 ||
+            !isFinite(scaleX) || !isFinite(scaleY)) {
+            return initialize(newDimensions, quality);
+        }
+        // Scale existing petals and clamp to valid range
+        const adjusted = petals.map((petal) => {
+            const newX = petal.x * scaleX;
+            const newY = petal.y * scaleY;
+            // Clamp positions to valid viewport range (with buffer)
+            const clampedX = Math.max(-CHERRY_BOUNDS.RESPAWN_BUFFER, Math.min(newDimensions.width + CHERRY_BOUNDS.RESPAWN_BUFFER, newX));
+            const clampedY = Math.max(-CHERRY_BOUNDS.RESPAWN_BUFFER, Math.min(newDimensions.height + CHERRY_BOUNDS.RESPAWN_BUFFER, newY));
+            return {
+                ...petal,
+                x: clampedX,
+                y: clampedY,
+                // Reset velocity on resize to prevent weird momentum
+                vx: petal.vx * 0.5,
+            };
+        });
+        // Add or remove petals to match target count
+        while (adjusted.length < targetCount) {
+            adjusted.push(createPetal(newDimensions, true));
+        }
+        while (adjusted.length > targetCount) {
+            adjusted.pop();
+        }
+        return adjusted;
+    }
+    /**
+     * Update quality level
+     */
+    function setQuality(petals, dimensions, quality) {
+        const targetCount = getPetalCount(quality);
+        if (petals.length < targetCount) {
+            // Add more petals
+            const toAdd = targetCount - petals.length;
+            for (let i = 0; i < toAdd; i++) {
+                petals.push(createPetal(dimensions, true));
+            }
+        }
+        else if (petals.length > targetCount) {
+            // Remove excess petals
+            petals = petals.slice(0, targetCount);
+        }
+        return petals;
+    }
+    return {
+        initialize,
+        update,
+        draw,
+        adjustToResize,
+        setQuality,
+    };
+}
+//# sourceMappingURL=CherryBlossomPetalSystem.js.map