I knew from the start that I wanted to make buttons to change the dots’ colors, but couldn’t quite figure out how to make them use complimentary <\/em>colors. Instead I opted for the dots to simply use similar <\/em>colors, using slightly different RGB values based on which button I pressed. Below are the red, green, and blue variants:<\/p>\n\n\n\n
<\/figure><\/li>
<\/figure><\/li>
<\/figure><\/li><\/ul>\n\n\n\n
To make things a little more interesting, I also added code that randomized the size of the corner and edge dots:<\/p>\n\n\n\n
<\/figure><\/li>
<\/figure><\/li><\/ul>\n\n\n\n\n\n\n\n
Lastly, here is the code that runs the whole operation:<\/p>\n\n\n\n<\/figure>\n\n\n\n
The crowded part at the top of the patch controls the RGB values for each sphere (corner ones are less saturated, the middle is neutral, and the others are more saturated), and the branches next to it controls the random sizing. The other blocks just display the final shapes, each with a different position in the world.<\/p>\n\n\n\n
For this assignment, I was inspired by Thomas Downing’s “Dots” series, in which dots of complimentary colors form circles or grids: I knew from the start that I wanted to make buttons to change the dots’ colors, but couldn’t quite figure out how to make them use complimentary colors. Instead I opted for the dots… <\/p>\n
![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/downing.jpg\")
![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Pink.png\")
<\/figure><\/li>![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Green-1.png\")
<\/figure><\/li>![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Blue_02-1.png\")
<\/figure><\/li><\/ul>\n\n\n\n![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Blue_01.png\")
<\/figure><\/li>![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Blue_02.png\")
<\/figure><\/li><\/ul>\n\n\n\n![\"\"](\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Max-code.png\")
<\/figure>\n\n\n\n