Image Trianglifier
Along with the new site design, I have released a small project of mine - an image trianglifier. Although it has a weird name (that is even more difficult to spell!), it's function is quite simple: It draws a customisable number of triangles on an image of your choice.
You can find it here.
To use it, simply drag an image onto the page or click "Choose file". When the image has loaded, your image will appear in the left. Click the render button to trianglify your image. The image size is limited to 1000 pixels due to a bug that crashes chrome when you try to render large canvases to a file. If anybody has any idea how to fix this, please leave a comment below.
You can also change the settings at the right hand side in the dat.gui interface. Each setting is explained beifly below:
| Property | Description |
|---|---|
iterations |
The number of triangles drawn. |
trianglesize |
The size of the bounding box in which each triangle is drawn. |
coloursampleradius |
The size of the area from which an average colour is picked for each triangle. Warning: Setting this to a high value can cause lots of lag! |
render |
Render the image and display the result to the right. |
More information about each setting can be found by clicking "Click to toggle description" below the blue box. Still don't have an answer to your question? Leave a comment below.
Suggestions for improvement are always appreciated.