Different pixel sizes in one image - radial small to big

Processing Coding Questions
18

For anyone who wishes to start with a very basic radial pixellation, here’s a simple sketch, created with Processing Python Mode:
python_pixellated_jupiter
The original image is from here:

Here’s the code:

# Radial pixellation of Jupiter
# @ javagar - October 26, 2021
def setup():
    size(330, 330)
    global img
    # image from https://en.wikipedia.org/wiki/Jupiter
    img = loadImage("Jupiter_and_its_shrunken_Great_Red_Spot.jpeg")
    rectMode(CENTER)
    noStroke() # do not draw stroke; only draw fill
    noLoop() # draw() will run only once
    
def draw():
    global img
    # coordinates of the center of the image and the canvas
    center_x, center_y = width / 2, height / 2
    # display the image
    image(img, 0, 0)
    # process random pixels
    for i in range(10000):
        # identify a random pixel
        x, y = int(random(img.width)), int(random(img.height))
        # get color of the pixel
        pix = get(x, y)
        # set fill to color of the pixel
        fill(pix)
        # get distance of pixel from center
        d = dist(center_x, center_y, x, y)
        # draw square; size controlled by distance from center
        square(x, y, d / 20)

See the embedded comments for explanations of the code.

Feel free to copy and modify this for your own education and use, and of course, feel free to ask questions.

1 Like