Skip to content

fjzll/StringArtGeneratorLili

Repository files navigation

String Art Generator

Transform your digital photographs into mathematical string art patterns with our sophisticated web application. Using advanced algorithmic processing, convert images into instructions for creating physical string art pieces where thread is wound between pins arranged around a circular hoop.

🌐 Live Demo: https://stringartgenerator.co

✨ Features

  • Advanced Image Processing Pipeline: Automatic square cropping, grayscale conversion, and circular masking
  • Mathematical String Art Engine: Algorithmic optimization to determine optimal line sequences
  • Four Optimized Presets: Fine Detail, Bold Impact, Soft Portrait, and Professional settings
  • Interactive Web Interface: Drag-and-drop upload with mobile-optimized canvas
  • Real-time Visualization: Watch the string art generation process with live progress feedback

🚀 Quick Start

Visit https://stringartgenerator.co to start creating string art immediately, or run locally:

npm install
npm run dev

🛠️ Tech Stack

  • Frontend: React 19 + TypeScript + Vite
  • Styling: Tailwind CSS + Radix UI
  • Animation: Framer Motion
  • State Management: Zustand

🎯 Use Cases

  • Educational: Teaching mathematical concepts through visual art
  • Artistic: Creating unique string art pieces from personal photos
  • Commercial: Generating string art for galleries or custom orders
  • Research: Exploring optimization algorithms and image processing

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📝 License

This project is open source and available under the MIT License.