Portfolio: Tiles #2

Tiles #2

Generated tile pattern created with JavaScript and SVG.

Playing with generating SVG graphics via JavaScript. This is modified from an earlier version. The color scheme is changed and an enhanced pattern is generated by randomly overlaying triangles on the squares. Triangles are colored by tints or shades using the HSL color space, depending on size. Tiles are also randomly rotated in increments of 90 degrees.

See the Pen Tiles #2 by Patricia Kruep (@littleberry) on CodePen.