Canvas elements and their descriptions

0: square:	a square expanding and contracting.
animation 0 values:	corner = 1 * p, edge = 1 * p.
1: square:	a square expanding and contracting.
animation 1 values:	corner = 0.25 * p, edge = 0.25 * p.
2: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 2 values:	corner = 0.25, edge = 0.25 * p.
3: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 3 values:	corner = 0.25 * p, edge = 0.25.
4: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 4 values:	corner = 0.45 * p, edge = 0.25.
5: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 5 values:	corner = 0.45 * p, edge = 0.15 * p.
6: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 6 values:	corner = 0.45 * p, edge = map(p, 0, 1, 0.2, 0.35).
7: square and plus sign:	moving between a plus sign shape and a square, and a square with smaller squares coming out of each corner.
animation 7 values:	corner = map(p, 0, 1, 0.7, 0.15), edge = map(p, 0, 1, 0.2, 0.35).