Tiling Design Tool | 12.24

About

Tiling Tool is a prototype beszier design tool for playing with iterative tile design adjustments and configurations. This tools was developed for the exploration of motif generation. Files can be downloaded and reuploaded for further editing or SVGs of tiling desings can be downloaded.

Play

Tool

Code

Github repo

How it Works

In the tile design workspace on the right, click adds anchor points with draggable control handles for curve shaping. New tiles and new beziers can be added from the top menu bar.

Edge nodes can be added to snap anchor points to by pressing hot key 'Q'. Edge Nodes ensure precise bezier alignment across tiles and transformations. Edge node symmetry points can be turned on by double clicking an edge node then selecting the ghost nodes to be turned on.

Click in tile layout workspace to add tile copies of active tile design. Double click a tile to transform or delete.

Left: Green Edge Node added to design space. Right: anchor point being clicked to node.
Left: Double click edge node to enter node symmetry selection mode. Right: symmetric edge nodes turned on.
Left: Line across tiles aligned by edge nodes to create closed shape. Right: double click tiles to transform then in layout workspace.

Design Hot Keys

Layout Hot Keys