LJV - Lissajous Visualizer
A beautiful real-time music visualizer that creates mesmerizing Lissajous curves from your audio files. Built with modern web technologies and packaged as a native desktop application.
output.mov
Note that the demo audio is scuffed because I'm recording the playback. Also, if the video doesn't work, try YouTube
Music in the demo is Razihel - Love U provided by NoCopyrightSounds
What are Lissajous Curves?
Lissajous curves are mathematical figures created by plotting two sinusoidal oscillations against each other. In LJV, the left and right audio channels are mapped to the X and Y axes respectively, creating stunning visual patterns that dance to your music.
Features
- Real-time Visualization: Hardware-accelerated WebGL2 rendering for smooth 60fps performance
- Beautiful Trail Effects: Additive blending creates natural glowing trails
- Audio File Support: Load and visualize any audio file supported by your browser
- Customizable Parameters:
- Point size and count
- Trail length
- Color customization
- Rotation and zoom controls
- Render modes (points/lines)
- Native Desktop Experience: Built with Tauri for a lightweight, secure application
Getting Started
Prerequisites
- Bun (JavaScript runtime)
- Rust (latest stable)
- System dependencies for Tauri (see Tauri Prerequisites)
Installation
# Clone the repository git clone https://github.com/ThatXliner/ljv/tree/main?tab=readme-ov-file cd ljv # Install dependencies bun install
Contributing
Contributions are welcome! Please feel free to submit a Pull Request. See contributing guidelines for more details.
License
AGPL v3.0+
Acknowledgments
- Inspired by the classic Lissajous curve oscilloscope visualizations
- Built with the amazing Tauri and Svelte ecosystems
Made with ❤️ using Tauri + SvelteKit