A web application that uses genetic algorithms to generate text-based art from images. The application creates artistic representations of images using text characters, with customizable parameters for font, size, and processing options.
![]() |
![]() |
![]() |
- Image upload and processing
- Customizable font settings (family, size, opacity, bold)
- Shadow effects for text
- Real-time processing with web workers
- Windows 95-inspired UI using React95
- Progress tracking and statistics
- Export functionality for generated images
- React
- TypeScript
- Vite
- React95 (Windows 95 UI components)
- Styled Components
- Web Workers for parallel processing
- Node.js (v16 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/bedri.git
cd bedri
- Install dependencies:
npm install
# or
yarn install
- Start the development server:
npm run dev
# or
yarn dev
- Open your browser and navigate to
http://localhost:5173
To build the project for production:
npm run build
# or
yarn build
The built files will be in the docs
directory.
- Upload an image using the "Upload Image" button
- Configure the processing settings:
- Number of blocks
- Font settings (family, size, opacity, bold)
- Shadow effects
- Number of iterations and generations
- Click "Start Processing" to begin the genetic algorithm
- Monitor the progress in real-time
- Once complete, you can download the generated image
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature
) - Commit your changes (
git commit -m 'Add some amazing feature'
) - Push to the branch (
git push origin feature/amazing-feature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.