aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
88 lines • 2.83 kB
TypeScript
import React from "react";
export interface BiomeData {
type: "forest" | "ocean" | "desert" | "tundra" | "grassland" | "rainforest" | "mountain" | "swamp";
temperature: number;
humidity: number;
windSpeed: number;
lightLevel: number;
season: "spring" | "summer" | "autumn" | "winter";
timeOfDay: number;
id: string;
}
export interface BiomeParticle {
x: number;
y: number;
vx: number;
vy: number;
size: number;
opacity: number;
color: [number, number, number];
type: "leaf" | "pollen" | "dust" | "sand" | "snow" | "ice" | "spark" | "water" | "droplet" | "spore" | "insect" | "bubble" | "fog" | "cloud";
lifetime: number;
rotation: number;
rotationSpeed: number;
id: string;
}
export interface BiomeLayer {
name: string;
depth: number;
opacity: number;
elements: BiomeElement[];
parallaxSpeed: number;
id: string;
}
export interface BiomeElement {
type: "tree" | "cloud" | "mountain" | "grass" | "water" | "rock" | "flower" | "animal";
x: number;
y: number;
width: number;
height: number;
size?: number;
color: [number, number, number];
opacity: number;
animation?: string;
id: string;
}
export interface GlassBiomeSimulatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/** Canvas width */
width?: number;
/** Canvas height */
height?: number;
/** Current biome data */
biome?: BiomeData;
/** Particle density multiplier */
particleDensity?: number;
/** Animation speed */
animationSpeed?: number;
/** Whether to show weather effects */
showWeatherEffects?: boolean;
/** Whether to show day/night cycle */
dayNightCycle?: boolean;
/** Seasonal transitions */
seasonalTransitions?: boolean;
/** Wildlife activity level */
wildlifeActivity?: number;
/** Ambient sound levels */
ambientSoundLevel?: number;
/** Wind effect strength */
windStrength?: number;
/** Whether to show atmospheric layers */
showAtmosphericLayers?: boolean;
/** Camera parallax enabled */
parallaxEnabled?: boolean;
/** Biome change handler */
onBiomeChange?: (biome: BiomeData) => void;
/** Season change handler */
onSeasonChange?: (season: BiomeData["season"]) => void;
/** Time change handler */
onTimeChange?: (timeOfDay: number) => void;
/** Show controls */
showControls?: boolean;
/** Show biome info */
showBiomeInfo?: boolean;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
}
export declare const GlassBiomeSimulator: React.ForwardRefExoticComponent<GlassBiomeSimulatorProps & React.RefAttributes<HTMLDivElement>>;
export default GlassBiomeSimulator;
//# sourceMappingURL=GlassBiomeSimulator.d.ts.map