Community

About

This application is an interactive particle system called "Interactive Particle Galaxy." It creates a visually engaging experience by generating particles that respond to user interactions and audio input. The app allows users to customize various parameters of the particle system, including particle count, speed, size, color themes, physics modes, and shapes. To use the app, users can interact with the particle canvas using mouse or touch inputs. They can also access a settings panel to adjust the particle system's properties, such as enabling audio reactivity, which allows particles to respond to sound captured from the microphone. Users can toggle fullscreen mode, reset the particle system, and take screenshots of their particle galaxy. The app is built using React and TypeScript, leveraging libraries such as Radix UI for UI components and Lucide for icons. It utilizes the HTML5 Canvas API for rendering the particle animations and employs hooks for managing state and effects, including a custom hook to detect mobile devices. Key features of the app include: - Customizable particle properties: Users can adjust particle count, speed, size, and shape. - Multiple color themes and physics modes: Users can select from predefined themes and physics behaviors, such as gravity or vortex effects. - Audio reactivity: Particles can respond to audio input from the user's microphone, creating a dynamic visual experience. - Settings panel: A user-friendly interface for adjusting particle system settings and applying presets. - Fullscreen mode: Users can expand the canvas to fill the entire screen for an immersive experience. - Screenshot functionality: Users can capture and save images of their particle galaxy. Overall, the Interactive Particle Galaxy app provides a rich and interactive visual experience, allowing users to explore and customize a captivating particle system.