Lux
Generate beautiful gradient Lissajous curve cards and download them as PNG.
My Role
Developer & Designer
Tools
React
Canvas API
0:00/0:00
Overview
Lux is a generative art tool that creates mesmerizing Lissajous curves with gradient effects. Users can customize parameters to generate unique parametric curves and export them as high-quality PNG images.
Process
- Arc browser's generative cards demonstrated the appeal of algorithmic beauty. I built my own version with deeper parameter control for more intentional outputs
- Designed constrained parameter ranges instead of infinite values. Every combination guarantees visually appealing curves rather than random noise
- Hand-crafted each gradient palette by studying color theory and digital art references. Experimented with neomorphic UI as a stylistic departure from my usual work
- Solved Canvas API positioning and sizing challenges to achieve pixel-perfect curve rendering at any viewport size
- Used GitHub Copilot to accelerate implementation while maintaining full control over UI design and user experience
- Built with modular architecture to enable future feature expansion while maintaining real-time performance