Aug 7, 2021
p5.js
Only visual
Warping effects like rotating a deck of cards on a table.
This effect is created by first drawing a set of square one of top of the other with increasing sizes. Then the rotation of each card is a function of its size. The smaller ones rotate more than the larger squares.
Below is an interactive piece. Move your mouse from left to right to vary the rotation of the cards.
Below is a variation without stroke, and the fill color of the square is changed as per its size.