{"id":1264,"date":"2016-05-20T04:42:58","date_gmt":"2016-05-20T04:42:58","guid":{"rendered":"http:\/\/blogs.discovery.wisc.edu\/projects\/?p=1264"},"modified":"2016-05-20T04:42:58","modified_gmt":"2016-05-20T04:42:58","slug":"week-3-stripes-and-ridges","status":"publish","type":"post","link":"https:\/\/blogs.discovery.wisc.edu\/projects\/2016\/05\/20\/week-3-stripes-and-ridges\/","title":{"rendered":"Week 3 &#8211; Stripes and Ridges"},"content":{"rendered":"<p>Week 3 is here and I completed both a Processing sketch and 3D Model.<\/p>\n<p>I completed the following Lynda.com tutorial on Photoshop:<\/p>\n<ul>\n<li>Photoshop CC Essential Training<\/li>\n<\/ul>\n<p>For the Processing sketch, I wanted to continue using particle systems in the hopes of creating an architectural composition. I have always been captivated by the VFX effects like shattering and collisions. Thought I could replicate a similar effect by having a program that drew lines between particles as soon as it verified that they were in the vicinity of one another. The way I achieved this was by making a function that verified the distance between two particles, where s in a arbitrary distance number of pixels, in the case of my script, 10 pixels.<\/p>\n<p>void detectCollision(Particle p) {<br \/>\nif (PVector.dist(location, p.location) &lt;= p.s\/2) {<br \/>\np.velocity = new PVector(0, 0);<br \/>\np.stopped = true;<\/p>\n<p>In the main draw cycle, everytime the framecount is divisible by 10, a mouse press triggers the creation of a particle. A line will be drawn between two particles as soon as the distance between the particles is s\/2. Note that this results in the ridges usually seen when something shatters.<\/p>\n<p>for (int u = 0; u &lt; particles.size(); u++) {<br \/>\nParticle p2 = (Particle) particles.get(u);<br \/>\np.detectCollision(p2);<br \/>\nif (PVector.dist(p.location,p2.location) &lt;= p2.s\/2)<br \/>\nline(p.location.x, p.location.y, p2.location.x, p2.location.y);<\/p>\n<p>You can check the script <a href=\"http:\/\/www.openprocessing.org\/sketch\/372552\">here<\/a><\/p>\n<p>For the 3D model, I wanted to experiment with a workflow that would allow me to use polygonal modeling by using my sketches as a start. I created a unique sketch using splines.<\/p>\n<div id=\"attachment_1265\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2.png\" rel=\"attachment wp-att-1265\"><img aria-describedby=\"caption-attachment-1265\" loading=\"lazy\" class=\"size-medium wp-image-1265\" src=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2-300x198.png\" alt=\"Splines used as sketch\" width=\"300\" height=\"198\" srcset=\"https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2-300x198.png 300w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2-768x506.png 768w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2-1024x675.png 1024w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2-455x300.png 455w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_curves_2.png 1793w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1265\" class=\"wp-caption-text\">Splines used as sketch<\/p><\/div>\n<p>I then carefully traced the sketch using polygon planes, extruding edge by edge to conform to the stripes. Let my imagination determine the height based on a four story building. I created human sized ellipses to maintain a sense of scale.<\/p>\n<div id=\"attachment_1266\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2.png\" rel=\"attachment wp-att-1266\"><img aria-describedby=\"caption-attachment-1266\" loading=\"lazy\" class=\"size-medium wp-image-1266\" src=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2-300x189.png\" alt=\"Wireframe Model\" width=\"300\" height=\"189\" srcset=\"https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2-300x189.png 300w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2-768x484.png 768w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2-1024x646.png 1024w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2-476x300.png 476w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model_2.png 1629w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1266\" class=\"wp-caption-text\">Wireframe Model<\/p><\/div>\n<div id=\"attachment_1267\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model.png\" rel=\"attachment wp-att-1267\"><img aria-describedby=\"caption-attachment-1267\" loading=\"lazy\" class=\"size-medium wp-image-1267\" src=\"http:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model-300x263.png\" alt=\"Aerial view of the form\" width=\"300\" height=\"263\" srcset=\"https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model-300x263.png 300w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model-768x674.png 768w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model-1024x898.png 1024w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model-342x300.png 342w, https:\/\/blogs.discovery.wisc.edu\/projects\/files\/2016\/05\/week_3_model.png 1423w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1267\" class=\"wp-caption-text\">Aerial view of the form<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Week 3 is here and I completed both a Processing sketch and 3D Model. I completed the following Lynda.com tutorial on Photoshop: Photoshop CC Essential Training For the Processing sketch, I wanted to continue using particle systems in the hopes &hellip; <a href=\"https:\/\/blogs.discovery.wisc.edu\/projects\/2016\/05\/20\/week-3-stripes-and-ridges\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":105,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/posts\/1264"}],"collection":[{"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/comments?post=1264"}],"version-history":[{"count":1,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/posts\/1264\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/posts\/1264\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/media?parent=1264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/categories?post=1264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.discovery.wisc.edu\/projects\/wp-json\/wp\/v2\/tags?post=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}