Project Overview
Explore how tessellations work by creating your own! Tesselations interlock shapes without overlaps or gaps to fill the screen. With Tesselation Designer you can design with 35 different types of tesselations.
Morph the outlined shape by clicking and dragging the edges and corners. The shape will stay perfectly interlocked.
Use the the left mouse button to drag corners and add curves to edges. Use the right mouse button to switch between creating curved lines and straight edges. Use the center mouse button to delete points. Switch to other tessellation patterns with the selector at the bottom of the page.
Tools Used
TypeScript
JavaScript
HTML
CSS