Metatile

Render substitution tilings live in your browser.

Some Demos:

• Penrose Rhomb (source)*

• Penrose Kite-Dart (source)

• Fibonacci (source)* with ancestor tiles also drawn.

• Sadun's T(9/20) (source)*

• A grid of 50 consecutive examples of Sadun's family.

• Animated Pinwheel demonstrating an experimental WebGL renderer without any vertex attribute buffers. (This works much better in Firefox than Chrome)

• Random

For a list of implemented rules, see src/rules. While most files in rules are individual substitution rules, pinwheel.ts can generate any of the countably infinite family of pinwheel-like tilings described by Sadun.

TilingElement.ts is the Web Component interface to metatile. As a web-component, most knobs are exposed via HTML attributes.

<mq-tiling
    rule="Ammann-Beenker"
    v="100,5"
    u="1500,1500"
></mq-tiling>

See params.ts for a complete list.

Alternatively, most of the knobs can be adjusted via the GET string of the demo URL.

A PNG can be saved via the canvas' context menu in Firefox and Chrome. Instructions for the SVG and WebGL renderers are forthcoming.

New rules are easy to add and pull requests are welcome.

Pictured right:

• Penrose Rhombs*
• Radin's Pinwheel*
• Ammann-Beenker*