Download and save images from the website
For images that are animated:
  • click anywhere on the right side of the image to toggle the animation on and off.
  • once the animation has been toggled off, then, clicking on the left or middle parts of the image will trigger image download actions.
For images that are not animated:
  • click anywhere on the left side of the image to download an image at the currently displayed size.
  • click anywhere in the middle part of the image to download an image that is sized at 1080 pixels.
May 26, 2020 view post
Even odd fill rule with complementary colors

Recursion is used to draw a random number of lines across the canvas. A random color is selected, then, a complementary color is calculated based on the selected color. One color is randomly selected for the background and the other is used to fill in the shapes created by the intersecting lines using the even-odd fill algorithm. Uses Canvas API for drawing and responsive sizing to adjust image calculations to the browser window size.

May 25, 2020 view post
Triangles colored with tetradic colors

The canvas is randomly divided into a grid. Recursion is used to draw isoceles triangles into random cells in the grid. A random color is selected, then, a tetradic color set is calculated based on the selected color. The background is randomly segmented into 2 rectangles. Colors from the color set are randomly assigned to the background rectangles and the shapes being drawn into the cells. Recursion repeats until all cells are drawn. New image is drawn and whole process repeats to generate a new image. Uses Canvas API for drawing and responsive sizing to adjust image calculations to the browser window size.

May 24, 2020 view post
Shapes colored with monochromatic colors

The canvas is randomly divided into a grid. Recursion is used to draw a random shape into each cell in the grid. A random color is selected, then, a monochromatic color set is calculated based on the selected color. The background is randomly segmented into 4 rectangles. Colors from the color set are randomly assigned to the background rectangles and the shapes being drawn into the cells. Recursion repeats until all cells are drawn. New image is drawn and whole process repeats to generate a new image. Uses Canvas API for drawing and responsive sizing to adjust image calculations to the browser window size.

May 23, 2020 view post
Shapes colored with complementary colors

The canvas is randomly divided into a grid. Recursion is used to draw a random shape into each cell in the grid. A random color is selected, then, a complementary color is calculated based on the selected color. One color is randomly selected for the background and the other is used for the shapes. Recursion repeats until all cells are drawn. New image is drawn and whole process repeats to generate a new image. Uses Canvas API for drawing and responsive sizing to adjust image calculations to the browser window size.

©2020 Chi Nguyen