Creative Code Experiments & Idea Visualisations | Mozaic As a Living Escher Tessellation

Home

Creative Code Experiments &

Idea Visualisations

Creative Code

Experiments &

Idea Visualisations

Creative Code

Experiments &

Idea Visualisations

Creative Code Experiments & Idea Visualisations

Mozaic As a Living Escher Tessellation

Mozaic As a Living Escher

Tessellation

Role:
Drew the illustrated motifs, worked out the tiling that lets them repeat with no gaps (a two-motif / a solo-motif translational tessellation – Escher's "regular division of the plane"), and built it into an interactive web cover with AI-assisted code.

Role:
Drew the 2 motifs, worked out the tiling that lets them repeat with no gaps (a two-motif translational tessellation – Escher's "regular division of the plane"), and built it into an interactive web cover with AI-assisted code.

Impact:
The tiles fill the screen, sway slightly, and spread apart under the cursor before settling back. A hand-drawn pattern made into a working interactive piece.

Spec:
The illustrated hand-drawn motifs · seamless two-vector tessellation (zero-gap) · real-time cursor-reactive field @ ~60 fps · responsive fullscreen

Tools:
Adobe Photoshop, Claude Code, HTML / JavaScript

Spec:
2 hand-drawn motifs · seamless two-vector tessellation (zero-gap) · real-time cursor-reactive field @ ~60 fps · responsive fullscreen

Tools:
Adobe Photoshop, Claude Code, HTML / JavaScript

Ginkgo Leaves