{"id":1328,"date":"2019-07-13T09:15:18","date_gmt":"2019-07-13T14:15:18","guid":{"rendered":"http:\/\/jimlund.org\/blog\/?page_id=1328"},"modified":"2020-09-12T17:23:02","modified_gmt":"2020-09-12T22:23:02","slug":"image-to-tiles","status":"publish","type":"page","link":"http:\/\/jimlund.org\/blog\/?page_id=1328","title":{"rendered":"Image to tiles"},"content":{"rendered":"\n

Gimp process<\/strong>
Gaussian blur 1-3 px x5
Mode -> Indexed using palette
Mode -> RGB
Save detailed palette image

Edges<\/em>
Enhance -> Despeckle
Edge detect -> Sobel 1.0
Threshold
Save edge image

Blocks<\/em>
Move to larger blocks \/ pixelate
Enhance -> Despeckle
Save block imag<\/p>\n\n\n\n

<\/p>\n\n\n\n

Inkscape for edge finding<\/strong>
Extensions -> Modify path -> Flatten beziers 2.0
Gives one path with all segments
Path -> Break Apart. Check, clean up.
Save as SVG.<\/p>\n\n\n\n


Info on edge detection, link<\/a>, link<\/a>,
Making an Inkscape Extension<\/strong>
Inkscape docs: main<\/a>, SVG<\/a>, SVG<\/a>, Python Pillow<\/a>,
Start from copy of Jitternodes extension.

Blocks<\/strong>
Save image to blocks as single pixels
Iterate over block pixels
-Add connected pixels to queue.
-Result is blocks with (pixel set, # of pixels, longest edge).


<\/p>\n\n\n\n

Steps to use Inkscape extensions to tile image:
Have use setup up guidelines using different extensions. Can use this code to have an extension write to a tile config file:
—from gimp_xcf.py—
svg_file = self.args[-1]
ttmp_orig = self.document.getroot()
docname = ttmp_orig.get(inkex.addNS(‘docname’,u’sodipodi’))
if docname is None: docname = self.args[-1]
——
Commands:
-For a border, tile on one\/both sides, tile in from edges or horrizontal\/vertical, fanning our from a seed
-Set background color(s)
-Tile background color horizontal \/ vertical, fanning our from seeds (set seed locations). Could put ‘control cues’ on a second layer.

Also, can tile in pieces, first a border, then another, or highlights, etc. Return tiles on a tile layer. This way the user can delete particularly bad ones, or backup and try a different approach.

For adding a new layer with a path, look to spirograph.py.<\/p>\n\n\n\n

Image palette<\/strong>
Using ImageMagick, make a montage image of color swatches.
Open in Gimp make image indexed with the correct number of colors.
Duplicate palette, rename, save.
Palette will be in ~\/.gimp-2.8\/palettes\/<name>.gpl

Open mosaic image, index to palette. Save as a png.
Extract palette RBG colors from an image:
convert <mosaic>.png -unique-colors -depth 16 txt:- > palette.txt

Resizing an image. Convert with ‘-sample’ to maintain color palette. Ordinary resizing adds new colors.<\/p>\n\n\n\n


<\/p>\n\n\n\n


<\/p>\n\n\n\n

Links<\/strong>
Use the Pixelate Effect on Images in GIMP<\/a>
How to smooth a scanned image using Gimp<\/a>
Convert a simple image to a vector graphic using GIMP and Inkscape<\/a>
“XDoG: An eXtended difference-of-Gaussians compendium including advanced image stylization”, pdf<\/a>
Converting raster pixels to polygons with GDAL python<\/a>
ArcGIS Raster to Polygon (Conversion)<\/a>
Straight skeleton<\/a>
How to compute Straight Skeletons using Python?<\/a>
Segmentation: A Simple Linear Iterative Clustering (SLIC) Superpixel Tutorial using Python<\/a>
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

OpenCV Morphological Transformations<\/a>
Finding Shapes in Images using Python and OpenCV<\/a>
Computer Vision Tutorial: A Step-by-Step Introduction to Image Segmentation Techniques (Part 1)<\/a>
How to detect area of pixels with the same color using OpenCV<\/a>
scikit-image: Comparison of segmentation and superpixel algorithms<\/a>
scikit-image: Module: segmentation<\/a>

Polygon splitting
Divide a polygon by a value<\/a>
<\/p>\n\n\n\n


Inkscape extentions<\/strong>
Script extensions<\/a>
Inkscape extention gallery<\/a>
How to Write Extensions<\/a>
inkex package<\/a>
Inkscape extensions chat<\/a>

<\/p>\n\n\n\n


<\/p>\n\n\n\n


<\/p>\n\n\n\n


<\/p>\n\n\n\n


<\/p>\n\n\n\n


<\/p>\n\n\n\n

<\/code><\/pre>\n\n\n\n

<\/p>\n\n\n\n
<\/code><\/pre>\n\n\n\n

<\/p>\n\n\n\n


<\/p>\n\n\n\n
Links:
5 Methods of Transforming Images to Mosaic Patterns<\/a>
  -Not directly applicable, more arty.<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"
Gimp processGaussian blur 1-3 px x5Mode -> Indexed using paletteMode -> RGBSave detailed palette image EdgesEnhance -> DespeckleEdge detect -> Sobel 1.0ThresholdSave edge image BlocksMove to larger blocks \/ pixelateEnhance -> DespeckleSave block imag Inkscape for edge findingExtensions -> Modify path -> Flatten beziers 2.0Gives one path with all segmentsPath -> Break Apart. Check, clean […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1316,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1328"}],"version-history":[{"count":13,"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/1328\/revisions"}],"predecessor-version":[{"id":1705,"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/1328\/revisions\/1705"}],"up":[{"embeddable":true,"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=\/wp\/v2\/pages\/1316"}],"wp:attachment":[{"href":"http:\/\/jimlund.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}