Square’s Flair

If you want to turn banality into beauty, start here with three staid and static squares:

Stage #1


Now replace each red and yellow square with two new red and yellow squares orientated in the same way to the original square:

Stage #2


And repeat:

Stage #3


Stage #4


Stage #5


Stage #6


Stage #7


Stage #8


Stage #9


Stage #10


Stage #11


Stage #12


Stage #13


Stage #14


Stage #15


Stage #16


Stage #17


Stage #18


And you arrive in the end at a fractal called a dragon curve:

Dragon curve


Dragon curve (animated)


Elsewhere other-engageable

Curvous Energy — an introduction to dragon curves
All Posts — about dragon curves

Back to Drac’ #2

Boring, dull, staid, stiff, everyday, ordinary, unimaginative, unexceptional, crashingly conventional — the only interesting thing about squares is the number of ways you can say how uninteresting they are. Unlike triangles, which vary endlessly and entertainingly, squares are square in every sense of the word.

And they don’t get any better if you tilt them, as here:

Sub-squares from gray square (with corner-numbers)


Nothing interesting can emerge from that set of squares. Or can it? As I showed in Curvous Energy, it can. Suppose that the gray square is dividing into the colored squares like a kind of amoeba. And suppose that the colored squares divide in their turn. So square divides into sub-squares and sub-squares divide into sub-sub-squares. And so on. And all the squares keep the same relative orientation.

What happens if the gray square divides into sub-squares sq2 and sq9? And then sq2 and sq9 each divide into their own sq2 and sq9? And so on. Something very unsquare-like happens:

Square-split stage #1


Stage #2


Square-split #3


Square-split #4


Square-split #5


Square-split #6


Square-split #7


Square-split #8


Square-split #9


Square-split #10


Square-split #11


Square-split #12


Square-split #13


Square-split #14


Square-split #15


Square-split #16


Square-split (animated)


The square-split creates a beautiful fractal known as a dragon-curve:

Dragon-curve


Dragon-curve (red)


And dragon-curves, at various angles and in various sizes, emerge from every other possible pair of sub-squares:

Lots of dragon-curves


And you get other fractals if you manipulate the sub-squares, so that the corners are rotated or reverse-rotated:

Rotation = 1,2 (sub-square #1 unchanged, in sub-square #2 corner 1 becomes corner 2, 2 → 3, 3 → 4, 4 → 1)


rot = 1,2 (animated)


rot = 1,2 (colored)


rot = 1,5 (in sub-square #2 corner 1 stays the same, 4 → 2, 3 stays the same, 2 → 4)


rot = 1,5 (anim)


rot = 4,7 (sub-square #2 flipped and rotated)


rot = 4,7 (anim)


rot = 4,7 (col)


rot = 4,8


rot = 4,8 (anim)


rot = 4,8 (col)


sub-squares = 2,8; rot = 5,6


sub-squares = 2,8; rot = 5,6 (anim)


sub-squares = 2,8; rot = 5,6 (col)


Another kind of dragon-curve — rot = 3,2


rot = 3,2 (anim)


rot = 3,2 (col)


sub-squares = 4,5; rot = 3,9


sub-squares = 4,5; rot = 3,9 (anim)


sub-squares = 4,5; rot = 3,9 (col)


Elsewhere other-accessible…

Curvous Energy — a first look at dragon-curves
Back to Drac’ — a second look at dragon-curves

Back to Drac’

draconic, adj. /drəˈkɒnɪk/ pertaining to, or of the nature of, a dragon. [Latin draco, -ōnem, < Greek δράκων dragon] — The Oxford English Dictionary

In Curvous Energy, I looked at the strange, beautiful and complex fractal known as the dragon curve and showed how it can be created from a staid and sedentary square:

A dragon curve


Here are the stages whereby the dragon curve is created from a square. Note how each square at one stage generates a pair of further squares at the next stage:

Dragon curve from squares #1


Dragon curve from squares #2


Dragon curve from squares #3


Dragon curve from squares #4


Dragon curve from squares #5


Dragon curve from squares #6


Dragon curve from squares #7


Dragon curve from squares #8


Dragon curve from squares #9


Dragon curve from squares #10


Dragon curve from squares #11


Dragon curve from squares #12


Dragon curve from squares #13


Dragon curve from squares #14


Dragon curve from squares (animated)


The construction is very easy and there’s no tricky trigonometry, because you can use the vertices and sides of each old square to generate the vertices of the two new squares. But what happens if you use lines rather than squares to generate the dragon curve? You’ll discover that less is more:

Dragon curve from lines #1


Dragon curve from lines #2


Dragon curve from lines #3


Dragon curve from lines #4


Dragon curve from lines #5


Each line at one stage generates a pair of further lines at the next stage, but there’s no simple way to use the original line to generate the new ones. You have to use trigonometry and set the new lines at 45° to the old one. You also have to shrink the new lines by a fixed amount, 1/√2 = 0·70710678118654752… Here are further stages:

Dragon curve from lines #6


Dragon curve from lines #7


Dragon curve from lines #8


Dragon curve from lines #9


Dragon curve from lines #10


Dragon curve from lines #11


Dragon curve from lines #12


Dragon curve from lines #13


Dragon curve from lines #14


Dragon curve from lines (animated)


But once you have a program that can adjust the new lines, you can experiment with new angles. Here’s a dragon curve in which one new line is at an angle of 10°, while the other remains at 45° (after which the full shape is rotated by 180° because it looks better that way):

Dragon curve 10° and 45°


Dragon curve 10° and 45° (animated)


Dragon curve 10° and 45° (coloured)


Here are more examples of dragon curves generated with one line at 45° and the other line at a different angle:

Dragon curve 65°


Dragon curve 65° (anim)


Dragon curve 65° (col)


Dragon curve 80°


Dragon curve 80° (anim)


Dragon curve 80° (col)


Dragon curve 135°


Dragon curve 135° (anim)


Dragon curve 250°


Dragon curve 250° (anim)


Dragon curve 250° (col)


Dragon curve 260°


Dragon curve 260° (anim)


Dragon curve 260° (col)


Dragon curve 340°


Dragon curve 340° (anim)


Dragon curve 340° (col)


Dragon curve 240° and 20°


Dragon curve 240° and 20° (anim)


Dragon curve 240° and 20° (col)


Dragon curve various angles (anim)


Previously pre-posted:

Curvous Energy — a first look at dragon curves

Curvous Energy

Here is a strange and beautiful fractal known as a dragon curve:

A dragon curve (note: this is a twin-dragon curve or Davis-Knuth dragon)


And here is the shape generally regarded as the dullest and most everyday of all:

A square


But squares are square, so let’s go back to dragon-curves. This particular kind of dragon-curve looks a lot like a Chinese dragon. You can see the same writhing energy and scaliness:

Chinese dragon


Dragon-curve for comparison


Dragon-curves also look like some species of soft coral:

Red soft-coral


In short, dragon-curves are organic and lively, quite unlike the rigid, lifeless solidity of a square. But there’s more to a dragon-curve than immediately meets the eye. Dragon-curves are rep-tiles, that is, you can tile one with smaller copies of itself:

Dragon-curve rep-tiled with two copies of itself


Dragon-curve rep-4


Dragon-curve rep-8


Dragon-curve rep-16


Dragon-curve rep-32


Dragon-curve self-tiling (animated)


From the rep-32 dragon-curve, you can see that a dragon-curve can be surrounded by six copies of itself. Here’s an animation of the process:

Dragon-curve surrounded (anim)


And because dragon-curves are rep-tiles, they will tile the plane:

Dragon-curve tiling #1


Dragon-curve tiling #2


But how do you make these strange and beautiful shapes, with their myriad curves and curlicules, their energy and liveliness? It’s actually very simple. You start with the shape generally regarded as the dullest and most everyday of all:

A square


Then you see how the shape can be replaced by five smaller copies of itself:

Square overlaid by five smaller squares


Square replaced by five smaller squares


Then you set about replacing it with two of those smaller copies:

Replacing squares Stage #0


Replacing squares Stage #1


Then you do it again to each of the copies:

Replacing squares Stage #2


And again:

Replacing squares #3


And again:

Replacing squares #4


And keep on doing it:

Replacing squares #5


Replacing squares #6


Replacing squares #7


Replacing squares #8


Replacing squares #9


Replacing squares #10


Replacing squares #11


Replacing squares #12


Replacing squares #13


Replacing squares #14


Replacing squares #15


And in the end you’ve got a dragon-curve:

Dragon-curve built from squares


Dragon-curve built from squares (animated)