{"id":646,"date":"2012-11-15T03:48:43","date_gmt":"2012-11-15T03:48:43","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/?p=646"},"modified":"2012-11-15T03:48:43","modified_gmt":"2012-11-15T03:48:43","slug":"water-drop-mosaic","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/2012\/11\/15\/water-drop-mosaic\/","title":{"rendered":"Water Drop Mosaic"},"content":{"rendered":"<p>I attribute the word mosiac with this piece because of the dark lines that appear between the mixing colors. The original intent was to allow the person to click on the sketch to release drops of color. Those colors would then expand slowly across the piece. Eventually multiple drops collide and mix into another color. The process still does this, but the dark lines seperate the area of mixtures from the original color so that a moving mosaic style creation is released on the sketch.<br \/>\nI find the patterns very alluring do to there flowing color patterns as the drops mix. Also, the sharper lines contrast the more organic growth of the drop and their natural color.<\/p>\n<p><script type=\"application\/processing\">\r\n\/\/Info: http:\/\/processingjs.org\/reference\r\n\/\/ Watered Paint 5000\r\n\/\/ \r\n\/\/ By: Alex Clemens\r\n\/\/ \r\n\r\n\r\ncolor BG_Color = color( 0, 0, 0 );\r\ncolor[] COLORS = new color[ 60 ];\r\nint index;\r\n\r\n\r\nint[] indexX = new int[ 60 ];\r\nint[] indexY = new int[ 60 ];\r\n\r\n\r\nint[] radX = new int[ 60 ];\r\nint[] radY = new int[ 60 ];\r\n\r\nint[] affectX = new int[ 60 ];\r\nint[] affectY = new int[ 60 ];\r\n\r\n\r\nint NumOfWaterDrops = 0;\r\n\r\n\r\nvoid setup()\r\n{\r\n  size( 600, 600 );\r\n  background( BG_Color );\r\n  frameRate( 25 );\r\n  \r\n  \r\n  for( index = 0; index < 60; index = index + 1 )\r\n{\r\n  COLORS[ index ] = color( random( 255 ), random( 255 ), random( 255 ), 2 );\r\n}\r\n  \r\n  for( index = 0; index < 60; index += 1 )\r\n{\r\n  indexY[ index ] = indexX[ index ] = -1;\r\n}\r\n  \r\n  for( index = 0; index < 60; index += 1 )\r\n{\r\n  radY[ index ] = radX[ index ] = 10;\r\n}\r\n\r\nfor( index = 0; index < 60; index += 1 )\r\n{\r\n  affectX[ index ] = int( random( 30 ) );\r\n}\r\n\r\nfor( index = 0; index < 60; index += 1 )\r\n{\r\n  affectY[ index ] = int( random( 30 ) );\r\n}\r\n}\r\n\r\n\r\n\r\nvoid draw()\r\n{\r\n  \r\n  for ( index = 0; index < 60; index += 1  )\r\n  { \r\n      if ( indexX[ index ] < 0 )\r\n      {\r\n        ;\r\n      }\r\n      else\r\n      {\r\n        fill( COLORS[index] );\r\n        ellipse( indexX[ index ], indexY[ index ], radX[ index ], radY[ index ] );\r\n        radX[ index ] = radX[ index ] + int(random( 2 ));\r\n        radY[ index ] = radY[ index ] + int(random( 2 ));\r\n      }\r\n   } \r\n}\r\n\r\n\r\nvoid mousePressed()\r\n{\r\n  if ( NumOfWaterDrops >= 60 )\r\n  {\r\n    NumOfWaterDrops = 0;\r\n  }\r\n  indexX[ NumOfWaterDrops ] = mouseX;\r\n  indexY[ NumOfWaterDrops ] = mouseY;\r\n  \r\n  NumOfWaterDrops += 1;\r\n   \/*\r\n   index = 0; \/\/ NumOfWaterDrops;\r\n   \r\n    fill( COLORS[index] );\r\n    ellipse( indexX[ index ], indexY[ index ], radX[ index ], radY[ index ] );\r\n    radX[ index ] = radX[ index ] + int(random( 10 )) = affectX[ index ];\r\n    radY[ index ] = radY[ index ] + int(random( 10 )) + affectY[ index ];\r\n   *\/\r\n}\r\n\r\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I attribute the word mosiac with this piece because of the dark lines that appear between the mixing colors. The original intent was to allow the person to click on the sketch to release drops of color. Those colors would &hellip; <a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/2012\/11\/15\/water-drop-mosaic\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/646"}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":5,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/646\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/posts\/646\/revisions\/651"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/media?parent=646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/categories?post=646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3x00_B12\/wp-json\/wp\/v2\/tags?post=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}