Split an image into rectangles

I’ve searched the forum, but am unable to find this.
I have an image (1000 pixels x 1000 pixels) that I would like to slice into 100 square pieces, and then reorder those 100 squares to create a new image. I’d like some control over the order the pieces go back together.
Any help would be appreciated.

Hi @Red5, without a file or example image and going off your description only, maybe you could try the Import Image component, it will mesh your image using the pixel information, which you can resample and re-use the output mesh data, though I’m not sure if this is what you need:


Other than that it sounds like you want to split your image with a 10 x 10 square grid to then shuffle the fragments?

1 Like

Hello

Images are quite special. here 2 ways to view an image, like @René_Corella shows color is on pixel of the mesh. It is nice because there are some interpolation on faces. But when cropping you can can or not keep adjacent colors on each cropped image.

Here a little program I generate a color on mesh vertexes. 99x99 faces but 100x100 points, then cropped image in 10x10 pixels images, then transform them to mesh then jitter or not the images. The C# code has some memory management problem.

In order to have nice transition I choose a color per face on second component.

Here you need Nautilus plugin.

Bitmap has a crop component and you just have to inputs the rectangles. I will try to use it.

crop image.gh (17.0 KB)

Here is a way with Bitmap plugin, still Nautilus to transform it to mesh and pack, but you can save croped image with Bitmap, then reopen with Grasshopper component then pack with your own tools.

crop image BitmapNautilus plugin.gh (12.8 KB)

https://www.food4rhino.com/en/app/bitmap

https://www.food4rhino.com/en/app/nautilus

Also Javid tool is surely worth looking

https://www.food4rhino.com/en/app/javid

3 Likes

To add some more detail. I’ve been trying to find a way to use Grasshopper to take an image and sort it like this manual technique.

https://www.instagram.com/reel/DOoTFkliDwQ/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==

2 Likes

Nice idea

here is seems quite simple to replicate.

Mirror tiles, merge, then pack and play with ratio if image is not square

crop image BitmapNautilus plugin.gh (13.7 KB)

5 Likes

Fantastic, thank you!!
I was so focused on trying to use Grasshopper to replicate the physical steps the artist was doing to create this, that I didn’t think to look for a solution that considered what was happening in the final image

1 Like

No Mac version of the BITMAP+ plugin :worried:
I’ll have to try this on my PC later.

Did you try installing it ? Does it fail ? Many developers don’t have a Mac (or a PC) so most of the time Mac compatibility is not written but is here.

I don’t test Nautilus on Mac but uses McNeel tools to check compatibility.

I didn’t actually try it, but I will. Thanks

From you question it gave me idea to try to make an image using other images. Quite simple to to I just had to make a tool that gives mean color of an image.

Uploading: 2_images to images fille a la perle_zoom.png…

2 Likes