{"id":1274,"date":"2011-06-01T02:37:01","date_gmt":"2011-06-01T00:37:01","guid":{"rendered":"http:\/\/www.janvanderasdonk.com\/?p=1274"},"modified":"2013-10-19T01:27:46","modified_gmt":"2013-10-18T23:27:46","slug":"chroma","status":"publish","type":"post","link":"https:\/\/www.janvanderasdonk.com\/old\/2011\/chroma\/","title":{"rendered":"Chroma"},"content":{"rendered":"<h1>An Interactive Installation<\/h1>\n<p>Chroma is an installation with moving lamps that respond to light, colour and movement. An interactive ecosystem searching for a balance that can be disturbed by the visitor. The smallest disturbance can have a great effect. You are not the only influence on Chroma. Its own components will also influence each other, resulting in an explosion of colour.<\/p>\n<p>Chroma provides a platform for interactivity. The lamps invite you to freely explore, play and manipulate. As a visitor you determine how Chroma behaves: wild and unpredictable or calm and harmoniously. A natural balance will be found regardless of how Chroma is approached.<\/p>\n<h2>The Video<\/h2>\n<p><object style=\"margin-top:4px; margin-bottom:20px\" width=\"626\" height=\"470\" data=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=27482483&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1\" type=\"application\/x-shockwave-flash\"><param name=\"allowfullscreen\" value=\"never\" \/><param name=\"allowscriptaccess\" value=\"never\" \/><param name=\"src\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=27482483&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1\" \/><\/object><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/themes\/viewport\/images\/line_626.png\" alt=\"\" \/><\/p>\n<h1>The Process<\/h1>\n<p>The following section showcases a rough outline of the design and construction phase, illustrating the various detailed steps necessary for completion.<\/p>\n<h2>Disassembly<\/h2>\n<p>Starting with 25 Philips Living Colors lights, the first thing to do was disassembly. This is a challenging feat, as these lights are notoriously hard to deconstruct.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-003.png\" alt=\"\" title=\"\" width=\"626\" height=\"405\" class=\"alignnone size-full wp-image-1283\" \/><\/p>\n<h2>Molding and Casting Plastic and Rubber<\/h2>\n<p>The next step involved creating the new plastic support for the bar holding the lights. Using the existing shell as a mold, hard plastic casts were made. Upon extraction, this part is turned upside down to create a stronger bond with-and a more fluent line between bar and light.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-004.png\" alt=\"\" title=\"\" width=\"626\" height=\"405\" class=\"alignnone size-full wp-image-1284\" \/><br \/>\nIn order to make sure the lights would swing, a rubber part had to be constructed. The precise mechanics behind this part were designed, discussed, and tested thoroughly.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-005.png\" alt=\"\" title=\"\" width=\"626\" height=\"472\" class=\"alignnone size-full wp-image-1285\" \/><br \/>\nAfter designing the part, it was 3D printed. Using this print, a negative silicone mold was made. Finally, this mold was used to cast the final rubber part.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-006.png\" alt=\"\" title=\"\" width=\"626\" height=\"362\" class=\"alignnone size-full wp-image-1286\" \/><br \/>\nIn being the element in charge of the light&#8217;s movement, it had to be constructed in such a way it would discourage people to swing too violently. The inertia of the motion becomes increasingly higher upon increasing the angle. Thus, extreme angles are avoided through inhibiting more resistance.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-007.png\" alt=\"\" title=\"\" width=\"626\" height=\"341\" class=\"alignnone size-full wp-image-1287\" \/><\/p>\n<h2>Electronics<\/h2>\n<p>In order to provide the lights with our own programmed behavior, adaptions had to be made to the existing circuit boards. These PCB&#8217;s housed four large LED&#8217;s and various chips controlling the reaction of these lights.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-008.png\" alt=\"\" title=\"\" width=\"626\" height=\"349\" class=\"alignnone size-full wp-image-1288\" \/><br \/>\nCustom circuit boards were designed to fit on top of the existing ones, sporting holes to allow the light to pass through. These boards would incorporate microchips with custom code and were attached to the stock PCB. Manufactured in China of course.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-009.png\" alt=\"\" title=\"\" width=\"626\" height=\"448\" class=\"alignnone size-full wp-image-1289\" \/><br \/>\nBy using a cut-out template to provide solder to the precise locations, and placing the microchips on said locations, an old sandwich toaster could be used to melt the solder. This resulted in an automated process were little hand-soldering was needed.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-010.png\" alt=\"\" title=\"\" width=\"626\" height=\"470\" class=\"alignnone size-full wp-image-1290\" \/><br \/>\nBy adding custom headers and wires, the new circuit boards could be attached to the stock boards without difficulty, using screws and spacers to keep them in place.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-011.png\" alt=\"\" title=\"\" width=\"626\" height=\"313\" class=\"alignnone size-full wp-image-1291\" \/><\/p>\n<h2>Programming<\/h2>\n<p>The entire behavior of the lamps was written in code. By testing the lights in a dark environment, the code was finalized. This took considerable time, since generating the best possible and fluent behavior of the lamps without a hitch is not an easy task.<\/p>\n<p>Another piece of code was added to prevent even more unwanted behavior. Whenever a light is provided with a very fast acceleration, such as hitting another light, or being hit by a person, it switches off for two seconds. This is done to provide a warning signal to anyone interacting with the lights, making sure further aggressive behavior is negated.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-012.png\" alt=\"\" title=\"\" width=\"626\" height=\"470\" class=\"alignnone size-full wp-image-1292\" \/><br \/>\nThe final code was uploaded to all the assembled lights, making sure they all performed as desired.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-013.png\" alt=\"\" title=\"\" width=\"626\" height=\"442\" class=\"alignnone size-full wp-image-1293\" \/><\/p>\n<h2>Final Construction<\/h2>\n<p>A large shipping container would provide the scenery and constructional element for the lights. A solid wooded construction was mounted inside the container to provide the roof for the lights. Also, the entire interior was covered in black cloth, to provide the best possible effect.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-015.png\" alt=\"\" title=\"\" width=\"626\" height=\"419\" class=\"alignnone size-full wp-image-1295\" \/><\/p>\n<h2>The Behavior<\/h2>\n<p>The final behavior of the lamps is as follows: each lamp is ware of its movement. When still, it shines a dim red light. Upon acceleration, it will begin emitting light. The color of this light is linked to the direction of the swing: each orientation spawns a different color. The brightness of this color is determined by the angle of the swing: the higher the angle, the brighter the light. This effect is best illustrated with a long exposure photo.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-016.png\" alt=\"\" title=\"\" width=\"626\" height=\"419\" class=\"alignnone size-full wp-image-1296\" \/><br \/>\nFinally, each light reacts to its environment. If a lamp is moved, its neighbors will notice the color and match it. This sends a small shockwave of color through the area each time a lamp is interacted with.<\/p>\n<h2>Logo and Business Cards<\/h2>\n<p>To keep things professional, a logo and set of business cards were designed. The &#8220;C&#8221; of the logo used the curvature of the Philips Living Colors lights, including a cyan, magenta, and yellow stripe in the shape of the cooling fins inside the lights.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-017.png\" alt=\"\" title=\"\" width=\"626\" height=\"184\" class=\"alignnone size-full wp-image-1318\" srcset=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-017.png 626w, https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma-017-300x88.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><br \/>\nThe business card shows the logo and website-and contact information on the front on a black background, using the same CMYK colors. The back is styled in the endings of the cooling fins, which took a 3D model of said fins for the perfect curvature and angle, also in the matching colors.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma_020.png\" alt=\"\" title=\"\" width=\"626\" height=\"199\" class=\"alignnone size-full wp-image-1535\" srcset=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma_020.png 626w, https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2011\/09\/chroma_020-300x95.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/themes\/viewport\/images\/line_626.png\" alt=\"\" \/><\/p>\n<h1>Chroma Interactive<\/h1>\n<p>Chroma is the brainchild of the Chroma Interactive team: <a href=\"http:\/\/www.guusbaggermans.nl\" target=\"_blank\">Guus Baggermans<\/a>,  <a href=\"http:\/\/www.jasperdekker.com\/\" target=\"_blank\">Jasper Dekker<\/a>, <a href=\"http:\/\/www.briangarret.com\/\" target=\"_blank\">Brian Garret Schuur<\/a>, <a href=\"http:\/\/www.davidmenting.nl\" target=\"_blank\">David Menting<\/a> and Jan van der Asdonk.<br \/>\n<\/br><\/p>\n<h1>Stats<\/h1>\n<p><strong>completed in:<\/strong> June, 2011<br \/>\n<strong>time spent on project:<\/strong> lots of hours, in the dark, in a small garage<br \/>\n<strong>stakeholders:<\/strong> <a href=\"http:\/\/www.chroma-interactive.com\/\" target=\"_blank\">Chroma Interactive<\/a> and the <a href=\"http:\/\/www.oddstream.org\/?lang=en\" target=\"_blank\">Oddstream festival Nijmegen 2011<\/a><br \/>\n<strong>links:<\/strong> <a href=\"http:\/\/www.facebook.com\/ChromaInteractive\" target=\"_blank\">Chroma Interactive Facebook<\/a>, blogged at the <a href=\"http:\/\/designmind.frogdesign.com\/blog\/superprototyping-meets-chroma.html\" target=\"_blank\">frog design mind blog<\/a>, and at <a href=\"http:\/\/www.picnicnetwork.org\/superprototyping-meets-chroma\" target=\"_blank\">PICNIC<\/a>.<br \/>\n<strong>exhibited at:<\/strong> the <a href=\"http:\/\/www.oddstream.org\/?lang=en\" target=\"_blank\">Oddstream Festival Nijmegen 2011<\/a> (2 &#8211; 5 June 2011) and at the <a href=\"http:\/\/www.picnicnetwork.org\/\" target=\"_blank\">Picnic Festival<\/a> Amsterdam in support of the <a href=\"http:\/\/www.frogdesign.com\/\" target=\"_blank\">frog<\/a> <a href=\"http:\/\/designmind.frogdesign.com\/blog\/sharing-our-picnic-blanket.html\" target=\"_blank\">talk on Superprototyping<\/a> (14 &#8211; 16 September 2011)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An interactive light installation based on 21 Philips Living Colors lamps<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,10,8,6,11],"tags":[],"class_list":["post-1274","post","type-post","status-publish","format-standard","hentry","category-all","category-interaction","category-mechanical","category-product","category-top"],"_links":{"self":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/1274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/comments?post=1274"}],"version-history":[{"count":41,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/1274\/revisions"}],"predecessor-version":[{"id":1921,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/1274\/revisions\/1921"}],"wp:attachment":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/media?parent=1274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/categories?post=1274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/tags?post=1274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}