Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Low Poly Image Converter

A web-based tool to transform your images into beautiful low-poly art using Delaunay triangulation.

Features

  • Pure JavaScript Implementation - No external dependencies, works entirely in your browser
  • Privacy-Focused - All processing is done locally, no data is uploaded to any server
  • Customizable - Adjust the number of triangles and detail points to get the perfect result
  • SVG Export - Download your low-poly art as scalable vector graphics
  • Responsive Design - Works on desktop and mobile devices

How It Works

The application uses advanced computer graphics algorithms to create low-poly art:

  1. Edge Detection - Analyzes your image to identify important edges and features
  2. Point Sampling - Intelligently places sample points, focusing on areas with more detail
  3. Delaunay Triangulation - Creates a mesh of triangles using the Bowyer-Watson algorithm
  4. Color Averaging - Each triangle's color is calculated from the original image
  5. SVG Generation - Exports the result as a crisp, scalable vector graphic

Usage

  1. Upload an Image - Click the upload area or drag and drop an image
  2. Adjust Settings
    • Detail Points: Number of sample points to extract from the image (50-2000)
    • Triangle Count: Target number of triangles in the final result (50-5000)
  3. Generate - Click "Generate Low Poly" to process your image
  4. Download - Save your creation as an SVG file

Tips for Best Results

  • Start with 500 detail points and 500 triangles for a balanced result
  • Use more detail points for images with complex patterns or many details
  • Use fewer triangles for a more abstract, artistic look
  • Use more triangles for a more detailed, faithful representation
  • High-contrast images tend to produce more striking results

Technical Details

  • Delaunay Triangulation: Ensures optimal triangle shapes with no overlaps
  • Edge-Weighted Sampling: Places more points in detailed areas of the image
  • Barycentric Color Sampling: Accurately captures colors within each triangle
  • Triangle Simplification: Reduces triangle count while preserving important details

Browser Compatibility

Works in all modern browsers that support:

  • HTML5 Canvas
  • ES6 JavaScript
  • File API

Local Development

Simply open index.html in your browser. No build process required!

Deployment

This project is designed to work seamlessly with GitHub Pages:

  1. Push the code to your repository
  2. Enable GitHub Pages in repository settings
  3. Select the branch to deploy
  4. Your app will be live at https://username.github.io/repository-name/

License

This is an open-source reimplementation inspired by lowpoly.kronick.ru, created to preserve this functionality for the community.

Credits

  • Inspired by the original lowpoly.kronick.ru website
  • Implements Bowyer-Watson Delaunay triangulation algorithm
  • Built with vanilla JavaScript for maximum compatibility and performance

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages