
# [025](/025)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/025_prb-zxv-efv-qqj-hoj-zio_zla-xqt-tvh-xcg?raw=true)

For the last design in this painting series I wanted to focus on the texture of the strokes so reduced the palette to a single colour, and I zoomed in on the flow field to focus on one main sweep across the design.

I think the artwork is exceptionally beautiful, I feel the power in each of the strokes and they look quite realistic, but with a tiny hint of the synthetic. I struggled with how much to vary the lightness of the strokes to make it a solvable puzzle, and think I dissatisfied both sides. The artwork is compromised by artificial highs and lows, while the majority of the puzzle pieces were so samey they were very difficult to place.



# [024](/024)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/024_qgd-zsn-vhu-dpe-ycp-iig_akk-zbx-sms-frz?raw=true)

This design daubs short, thick brushstrokes on the digital canvas. I thought its basic colour groupings would make for quite an easy and boring puzzle, but I was surprised how the subtle changes in colours and the soft edges between the blotches made is great to solve. I was stumped towards the end with the larger planes of light blue but they came together eventually.



# [023](/023)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/023_jzz-nxc-jix-olt-qdo-hey_ins-syq-xeq-kca?raw=true)

An evolution of [022](/022), this tapers the start and end of each stroke and varies their lightness more significantly, creating more natural paint-like shapes on the canvas.



# [022](/022)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/022_lza-tnj-vkb-lug-ors-zgw_ete-yxl-vlv-ius?raw=true)

This is the start in a series of expressionist paintings using flow fields.

For each stroke a set of bristles is created - small circles randomly arranged within a larger circle, with slightly varying brightnesses. The bristles are dragged across the design in the direction of the flow. The low opacity strokes overlapping create a mottled paintbrush effect.

The outcomes look like they could be made by a toddler splashing paint on a canvas, so decided to lean in to that and opt with bright, clashing poster paint-esque colours.

The resulting puzzle had a good spread of colours, and although the textures of the brushstrokes were quite subtle they helped to guide the solve; overall very enjoyable.



# [021](/021)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/021_sdh-vts-mbs-nzu_wab-zdg-khr-cje?raw=true)

This uses triangles to form the strokes on a higher fidelity flow field, resulting in highly chaotic, crystalline designs.

I found the jigsaw much harder to solve than expected, because although there are clear swathes of colour throughout the puzzle, the pieces don't lead on from one another in an obvious way.



# [020](/020)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/020_iyo-lks-mrj-hpg_ivl-rtu-yvc-ppm?raw=true)

In this design strokes are formed from a series of rectangles, creating thick marker lines when straight but splaying out as they curve. The strokes vary in width much more than in recent designs, so the results are much less predictable (and with the re-intoduction of a larger range of hues, often ugly). The lack of rounded corners give the design a glitchy aesthetic which work well.

I picked quite a tame result to turn into the jigsaw - not too far from the gradient effect seen in [019](/019) - but I enjoyed following the edges of the larger block-coloured shapes to complete the composition.



# [019](/019)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/019_les-ata-zpn_gfq-ioy-jgv-gkb?raw=true)

The strokes are packed tightly together at a low opacity, making sweeping, feathery fans. In high density areas the strokes blend together to create a painterly effect, but in emptier areas the shape of the spines is made clear.

This was the closest to a gradient puzzle I've made so far - where the main strategy of solving it was to find the brightest / darkest / pinkest / bluest pieces and place them in order; I find this type of design much less engaging than having also to consider the texture, orientation, or composition of pieces to put them together.



# [018](/018)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/018_ico-omr-mlv-vwi_fdn-bay-xlt-ire?raw=true)

Instead of the solid colour strokes in [017](/017) and [018](/018), this turns them into spines where the rounded spokes fill out the width of the stroke.

I selected a design for the puzzle which had a very distinct gradient running across it, making it much easier to put together from one side rather than doing all the edge pieces first.



# [017](/017)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/017_zao-ozs-qlq-osa_prm-vxo-jlb-vue?raw=true)

In this design the strokes expand to fill the empty space, creating eerie, almost biological forms. This inverts the colours of [016](/016) with a luminous light-on-dark pallette.

I found it fun to match the more-isolated groups of colour together before connecting all the edge pieces of the puzzle and work outwards from there.



# [016](/016)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/016_hmy-osy-bwk-unc_quv-sjw-wmk-fbo?raw=true)

Evolving from [015](/015), the strokes on each layer are positioned using noise, creating clusters of strokes across the design.

This also introduces a generative colour palette; the hue and brightness are selected using noise, light layers use a 'multiply' blend mode and dark colours use 'screen', creating really unique and beautiful intersections between the strokes.

I found this much more pleasant to solve than [015](/015) because of how the colours are grouped across the design.



# [015](/015)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/015_gld-bjl-lvq_ubp-vxr-svd-ncj?raw=true)

Layers of strokes are composited over one another with slightly altered flow fields; the blend modes of each layer create a vivid palette where the colours intersect.

Although the layered effect created a beautiful design it made for a really tricky jigsaw. Finding the thickest strokes to follow was confused by all of the stacked strokes, and it was impossible to group pieces by colour as the colours are spread across the design.



# [014](/014)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/014_bub-ahr-pba_zgf-kbo-rwn-sxo?raw=true)

In this design the longest strokes are transparent, leaving thick empty trails in a design otherwise crowded with curves.

I thought leaving gaps in the design would make it really clear which pieces border the empty strokes and provide a skeleton to work from, but the solid green pieces were the hardest to match up (in retrospect, a very obvious consequence), so solving the puzzle relied on finding the thickest pieces and working outwards from there.



# [013](/013)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/013_eui-xjv-ter_grw-guj-xfx-yqv?raw=true)

This design renders the strokes from flow fields as a series of dots. The colours of the dots correspond to the orientation of the stroke, the total length of the stroke, and how far through the stroke the dot is.

This was a terrifically difficult and unenjoyable puzzle to solve because there was very little continuity of the strokes between the pieces, and the colours aren't significantly distinguished across the design to be able to group in any meaningful way.



# [012](/012)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/012_jyi-bfc-qle_qng-nzp-sgs-hvn?raw=true)

Alongside the flow fields technique of the previous two designs, this design uses circle packing to fill in the spaces between the strokes, each circle picking its colour from the closest strokes.

Although the dots add a lot to the visual feel of the design, when it came to solving the puzzle they were of little importance, or even a distraction as they sometimes looked deceivingly like the end of a stroke. Chiefly this puzzle was solved by finding pieces that each had two colours of strokes and forming lines between them.



# [011](/011)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/011_ahl-bfc-qle_zlq-mpj-hck-swd?raw=true)

In this small evolution from [010](/010) the strokes are much longer and thinner, often with four or five strokes passing through a single piece. This made the puzzle much harder to solve as each piece felt like it could belong anywhere on the board. I tried to follow the path of the longest, darkest strokes, but even these weren't differentiated enough in colour, thickness or curvature to be easy to piece together.



# [010](/010)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/010_xml-luf-yuv-imy_yzh-tuy-zot-dfn?raw=true)

The first in a series of designs based on flow fields - every point on the canvas corresponds to a direction (this is created using two-dimensional [simplex noise](https://en.wikipedia.org/wiki/Simplex_noise)); a stroke starts at a random point on the canvas and travels in the direction of that point corresponds to, landing on a new point and following its direction, and so on, creating a curving stroke. You can read more about flow fields and their uses in generative art in [this excellent essay by Tyler Hobbs](https://tylerxhobbs.com/essays/2020/flow-fields).

In this design the colour of each stroke is determined by its length, strokes thicken as they follow the path of the field, and stop when they come near another stroke. Each stroke being a slightly different colour made it a lot easier to distinguish between different areas of colour than in previous block-colour designs, although the often-minimal difference in shades sometimes required a lot of squinting to differentiate.



# [009](/009)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/009_lah-lll-yjd-edr-yqn_uav-efp-cka-xja?raw=true)

In this design the start and end of each stroke blur into their surroundings because the circles that make up the thick strokes are drawn with a low opacity.

The small hints of where the colours blend into each other made this puzzle a treat to solve, compared to the samey hard line edges in [007](/007) and [008](/008).



# [008](/008)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/008_qog-djz-nlo-ymb-kpn_qps-jrl-yww-wji?raw=true)

Similar to the simple block-colour design of [007](/007) but where the thickness of each mirrored worm varies along its path, resulting in glutinous, yonic forms.

Although the shapes created with this design feel very different to [007](/007), the resultant jigsaw solve felt extremely similar, paying attention solely to how the curves separate the contrasting colours.



# [007](/007)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/007_ogt-gad-uby-xhl-soc_xpl-gbj-bqy-ebu?raw=true)

Returning to simpler forms, a happy accident while trying to make mirrored pairs of worms led to this block-colour design. The jagged edges from worm clashes appear sparingly; brash colours and simple curves are the primary features of the design.

Unlike the dense textures of the previous few puzzles, this pattern was more pure - the solve relying entirely on matching neigbouring colours, made more difficult by the restricted colour palette.



# [006](/006)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/006_kdo-zya-xnv-uum-ejs_gtx-xat-eoh-que?raw=true)

Evolving from the previous two puzzles, this design adds one more degree of orientational complexity by using triangular worms pointing in two directions.

I found the solve less engaging than [005](/005) because the curves were much looser, so there wasn't a lot of variation in the thicknesses of the lines between neighbours. I was largely reliant on grouping colours and orientations rather than being able to pick out neighbouring pieces by eye.



# [005](/005)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/005_acr-arl-ayd-qxv-zya_tol-zop-ovo-qfo?raw=true)

Evolving from [004](/004), this design uses square instead of circular worms. Each piece has lines at right angles with varying thicknesses and offsets.

The constraints in this design made it a delightful puzzle to solve; the limited colour pallette loosely groups areas of the puzzle, but the gradation of the lines and edges where the two orientations meet were the keys to solving it.



# [004](/004)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/004_bhx-wni-eri-qgn-hyx_rpv-wzk-yiv-phv?raw=true)

Similarly to [002](/002), this design has worms exploding from the centre, but the shadow points away from the worms' starting point. With a tight gap between the two offset circles the resulting crescents are much more defined.

This puzzles presented an interesting challenge because almost all the pieces are the single background colour, with only five foreground colours to differentiate between. Solving the puzzle was largely contingent on matching up the highlighted edges of the curves and matching orientations between the crescents.



# [003](/003)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/003_nqp-luy-ntg-ghj_aum-wln-bqg-sac?raw=true)

This design uses one main accent colour to offset each of the worms. The worms oscillate horizontally in alternating directions, limiting the spiky texture to two orientations.



# [002](/002)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/002_zeb-usb-gcg-xgj-qod_hsj-usg-zlg-nnh?raw=true)

With a more limited colour palette, each worm starts in the centre of the design and travels outwards. Unlike [001](/001) the layers are rendered sequentially instead of one worm at a time, resulting in craggy lines where the worms clash into one other.



# [001](/001)

![canvas](https://res.cloudinary.com/abstract-puzzles/image/upload/w_2000/001_rtb-wzn-tii-xnq-qgo-enq_rsj-gbc-ptu-hnw?raw=true)

For my first series of jigsaws I wanted to use a classic jigsaw pattern so I could explore what makes traditional jigsaws so engaging - what levels of complexity in colour, shape, and texture hit the sweet spot between a puzzle being boring because it's too easy and frustrating because it's too hard?

The jigsaw pattern is created using a cartesian grid where each of the cross points is distorted by layers of 2D simplex noise, the distortion is softened towards the outside to make the edge pieces more uniform in shape. To make the pieces lines are drawn between each of the points, adding a tab that points in a random direction. The first pass of this algorithm is lightweight - there's no intelligent mapping to ensure the pieces are similar sizes or to avoid pieces with four or zero tabs.

The design for this puzzle is inspired by [one of my first generative art sketches](https://twitter.com/charlotte_dann/status/785482524621467650). It uses wondering worms (curving at a constant speed but changing direction every now and then) where the head of each worm is drawn as two circles offset from one another, resulting in a crescent hatching between the two layers. The vibrant colours and bold shapes made this a joy to solve.
