own-the-canvas 1.0.7 → 1.0.9

package/README.md

@@ -54,14 +54,14 @@ All components accept a `preset` prop for instant themed defaults — override a
 
 ### DragonCursor
 
-A sinuous dragon body that trails your cursor in real time. Segments, wings, optional fire breath — all configurable.
+A sinuous dragon body that trails your cursor in real time. Segments, wings, optional fire breath, and a background star field with optional per-star glow halos — all configurable.
 
 **Presets:** `default · emerald · inferno · void · ice`
 
 ```tsx
 import { DragonCursor } from "own-the-canvas";
 
-<DragonCursor preset="inferno" segmentCount={24} showFire wingSpan={70} />
+<DragonCursor preset="inferno" segmentCount={24} showFire wingSpan={70} starCount={80} glowingStars />
 ```
 
 | Prop | Type | Default | Description |
@@ -71,6 +71,10 @@ import { DragonCursor } from "own-the-canvas";
 | `wingSpan` | `number` | `60` | Wing span in px |
 | `showFire` | `boolean` | `false` | Enable fire breath |
 | `followSpeed` | `number` | `0.15` | Cursor follow lerp speed |
+| `starCount` | `number` | `60` | Number of background stars |
+| `starColor` | `string` | `"#ffffff"` | Star color |
+| `glowingStars` | `boolean` | `false` | Layered halo glow on ~28% of stars |
+| `starGlowBlur` | `number` | `8` | Glow blur radius for glowing stars |
 
 ---
 
@@ -221,14 +225,14 @@ import { BubbleUniverse } from "own-the-canvas";
 
 ### Rain
 
-Falling rain streaks with sinusoidal wind drift and splash particles on ground impact. Great as a layered overlay.
+Falling rain streaks with sinusoidal wind drift, splash particles on ground impact, and a background star field with optional glow halos. Great as a layered overlay.
 
 **Presets:** `default · storm · drizzle · neon · golden`
 
 ```tsx
 import { Rain } from "own-the-canvas";
 
-<Rain preset="storm" dropCount={400} wind={0.6} showSplashes />
+<Rain preset="storm" dropCount={400} wind={0.6} showSplashes starCount={60} glowingStars />
 ```
 
 | Prop | Type | Default | Description |
@@ -238,6 +242,10 @@ import { Rain } from "own-the-canvas";
 | `wind` | `number` | `0.3` | Horizontal wind drift |
 | `dropColor` | `string` | `"#000000"` | Drop stroke color |
 | `showSplashes` | `boolean` | `true` | Splash particles on impact |
+| `starCount` | `number` | `60` | Number of background stars |
+| `starColor` | `string` | `"#ffffff"` | Star color |
+| `glowingStars` | `boolean` | `false` | Layered halo glow on ~28% of stars |
+| `starGlowBlur` | `number` | `8` | Glow blur radius for glowing stars |
 
 ---
 

package/lib/components/BlackHole/BlackHole.d.ts

@@ -24,6 +24,14 @@ export interface BlackHoleProps extends BaseCanvasProps {
     speed?: number;
     /** Cursor shifts the singularity position (default: true) */
     interactive?: boolean;
+    /** Number of background stars (default: 0) */
+    starCount?: number;
+    /** Star color (default: "#ffffff") */
+    starColor?: string;
+    /** Enable glow on some stars (default: false) */
+    glowingStars?: boolean;
+    /** Glow blur radius for glowing stars (default: 8) */
+    starGlowBlur?: number;
     /** Named preset */
     preset?: BlackHolePreset | string;
 }

package/lib/components/BlackHole/useBlackHole.d.ts

@@ -12,5 +12,9 @@ export interface UseBlackHoleOptions {
     lensing: boolean;
     speed: number;
     interactive: boolean;
+    starCount: number;
+    starColor: string;
+    glowingStars: boolean;
+    starGlowBlur: number;
 }
 export declare function useBlackHole(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseBlackHoleOptions): void;

package/lib/components/DragonCursor/DragonCursor.d.ts

@@ -22,6 +22,14 @@ export interface DragonCursorProps extends BaseCanvasProps {
     showFire?: boolean;
     /** Dragon follows cursor (default: true) */
     interactive?: boolean;
+    /** Number of background stars (default: 0) */
+    starCount?: number;
+    /** Star color (default: "#ffffff") */
+    starColor?: string;
+    /** Enable glow on some stars (default: false) */
+    glowingStars?: boolean;
+    /** Glow blur radius for glowing stars (default: 8) */
+    starGlowBlur?: number;
     /** Named preset */
     preset?: DragonCursorPreset | string;
 }

package/lib/components/DragonCursor/useDragonCursor.d.ts

@@ -11,5 +11,9 @@ export interface UseDragonCursorOptions {
     wingSpan: number;
     showFire: boolean;
     interactive: boolean;
+    starCount: number;
+    starColor: string;
+    glowingStars: boolean;
+    starGlowBlur: number;
 }
 export declare function useDragonCursor(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseDragonCursorOptions): void;

package/lib/components/Fireworks/Fireworks.d.ts

@@ -30,6 +30,14 @@ export interface FireworksProps extends BaseCanvasProps {
     backgroundColor?: string;
     /** Shell upward speed (default: 12) */
     shellSpeed?: number;
+    /** Number of background stars (default: 0) */
+    starCount?: number;
+    /** Star color (default: "#ffffff") */
+    starColor?: string;
+    /** Enable glow on some stars (default: false) */
+    glowingStars?: boolean;
+    /** Glow blur radius for glowing stars (default: 8) */
+    starGlowBlur?: number;
     /** Named preset */
     preset?: FireworksPreset | string;
 }

package/lib/components/Fireworks/useFireworks.d.ts

@@ -15,6 +15,10 @@ export interface UseFireworksOptions {
     glowBlur: number;
     backgroundColor: string;
     shellSpeed: number;
+    starCount: number;
+    starColor: string;
+    glowingStars: boolean;
+    starGlowBlur: number;
 }
 export declare function useFireworks(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseFireworksOptions): {
     launch: (x?: number) => void;

package/lib/components/FlowField/FlowField.d.ts

@@ -33,6 +33,12 @@ export interface FlowFieldProps extends BaseCanvasProps {
     timeSpeed?: number;
     /** Add curl noise component for more swirling flow (default: false) */
     curl?: boolean;
+    /** Mouse cursor attracts nearby particles (default: false) */
+    interactive?: boolean;
+    /** Radius in px around cursor that attracts particles (default: 100) */
+    attractRadius?: number;
+    /** Attraction force strength (default: 3) */
+    attractStrength?: number;
     /** Named preset: "default" | "neon" | "ocean" | "lava" | "forest" | "monochrome" */
     preset?: FlowFieldPreset | string;
 }

package/lib/components/FlowField/useFlowField.d.ts

@@ -12,5 +12,8 @@ export interface UseFlowFieldOptions {
     animated: boolean;
     timeSpeed: number;
     curl: boolean;
+    interactive: boolean;
+    attractRadius: number;
+    attractStrength: number;
 }
 export declare function useFlowField(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseFlowFieldOptions): void;

package/lib/components/Rain/Rain.d.ts

@@ -24,6 +24,14 @@ export interface RainProps extends BaseCanvasProps {
     showSplashes?: boolean;
     /** Canvas background color. (default: "#ffffff") */
     backgroundColor?: string;
+    /** Number of background stars (default: 0) */
+    starCount?: number;
+    /** Star color (default: "#ffffff") */
+    starColor?: string;
+    /** Enable glow on some stars (default: false) */
+    glowingStars?: boolean;
+    /** Glow blur radius for glowing stars (default: 8) */
+    starGlowBlur?: number;
     /** Named preset. */
     preset?: RainPreset | string;
 }

package/lib/components/Rain/useRain.d.ts

@@ -12,5 +12,9 @@ export interface UseRainOptions {
     splashColor: string;
     showSplashes: boolean;
     backgroundColor: string;
+    starCount: number;
+    starColor: string;
+    glowingStars: boolean;
+    starGlowBlur: number;
 }
 export declare function useRain(canvasRef: RefObject<HTMLCanvasElement | null>, options: UseRainOptions): void;