Overview

This is a paper.js sketch inspired by Josef Albers’ Interaction of Color.

It is intended to demonstrate some aspects of the PaperJS library while giving the user some view into Albers’ view on color.

Following Plates are able to be rendered and interacted with:

• Plate IV-1
• Plate IV-3
• Plate IV-4
• Plate V-3

Controls

Mouse

• Click + Drag - Move a shape around.
• Doubleclick + F - Bring the shape to foreground (so it appears above all others).
• Doubleclick + B - Send the shape to the background (so it appears below all others).
• Doubleclick + f - Bring the shape forward one layer.
• Doubleclick + b - Send the shape back one layer.

References:

• Wikipedia: Josef Albers
• Albers Foundation

Links:

• Live View
• Source on Github

Screenshots:

Plate IV-1

Plate IV-3

Plate IV-4

Plate V-3