I know this thing! The limiting object of this picture is one of a pair of tiles whose fractal boundaries automatically enforce Penrose's matching rules discovered around 1992 and illustrated here:
https://tilings.math.uni-bielefeld.de/substitution/fractal-kite-dart/
Also, I wonder if you knew that Roger Penrose was about to win the Nobel Prize when you did this? :)
Hmm, that's interesting :D That'll might be my next notebook then, drawing that limit boundary, and then tiling it.
And that Penrose was just about to win the Nobel Prize is super coincidental, I did not know haha. i was just intrigued from having watched a popular science youtube video lol -- https://www.youtube.com/watch?v=48sCx-wBs34
Do it! That would be awesome :D
Implementation note though, that I placed the "svg trick" in this notebook: I wrote the transforms in the svg `transform` attribute, and let the DOM nesting structure do the "heavy lifting". This made it easier to write, but also less performant and a bit lexx flexible to apply I believe. I believe Mark (above) did the maths purely mathematically, so take a look at his code too. Or, write out the transforms I used in javascript, possibly using a library like `transformation-matrix` or `rematrix` or `glMatrix`.
Penrose P2 via substitution, with SVG | Kelley van Evert | Observable