Framer

Announcing Framer: Images into Comic Pages

A tool for quickly making the frames around images, for comics and for graphic novels.

The tool allows you to drag various lines into position, then drop images into the spaces, which are cropped to the boundaries. You can move the images and the frame edges to get the result you want. Export your results as a .png.

Try it Here

Spike Solution - Just the Frame

This is a spike solution putting together pieces I already had. You can drag the letters A to H to reshape the frame. It is notable for what it does not do:

The main thing it shows is merging of the line shapes to make a frame. This is done by first drawing the black outline lines, and then overpainting with the white interior fills.

There are chevron end-shapes on these lines. By the time it becomes the actual framer these will have become flat ends.

Spike Solution - With Image Cropping

The second spike solution just draws thin lines, not actual frames, but it now finds the bounded regions. Claude put the different pieces together, first finding the intersections of all lines, splitting the lines into parts, finding smallest cycles and treating those as regions.

Claude's main oversight was not realising that the regions had to be clockwise to work. After pointing that problem out, Claude was able to add a test for that and reverse the direction of anticlockwise regions.

This spike solution worked because I first chatted with Claude about what I wanted - specifically I did not want a flood-fill algorithm. All told, the prompting and iterating to get this spike solution took about 40 mins.

Chronology