{"id":1273,"date":"2016-03-30T22:19:54","date_gmt":"2016-03-30T21:19:54","guid":{"rendered":"http:\/\/raggedclown.net\/blog\/?p=1273"},"modified":"2017-04-16T14:41:27","modified_gmt":"2017-04-16T13:41:27","slug":"heartbeat-necklace","status":"publish","type":"post","link":"http:\/\/raggedclown.net\/blog\/?p=1273","title":{"rendered":"Heartbeat necklace"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1295 size-medium\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-10-300x169.jpg\" alt=\"necklace test\" width=\"300\" height=\"169\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-10-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-10-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-10-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-10-98x55.jpg 98w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>For a long while now I have been keen on doing a wearable project. The intersection of art and the body has always interested me and since wearables are an increasingly popular categories companies like <a href=\"https:\/\/www.adafruit.com\/\" target=\"_blank\">Adafruit <\/a>have been making amazing strides in making these projects in a non industrial, experimental way. The problem is A: I do not have any fashion sense and more importantly B: I can not make Clothes. Enter <a href=\"http:\/\/www.sandrakaas.com\/\" target=\"_blank\">Sandra Kaas<\/a>, an old friend of mine and artistic allrounder: theatre, video, performace and most importantly fashion!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1286 size-medium alignleft\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/mockup-300x171.png\" alt=\"mockup\" width=\"300\" height=\"171\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/mockup-300x171.png 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/mockup-768x439.png 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/mockup-1024x585.png 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/mockup-96x55.png 96w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>I started drawing up some plans, the brief was it needed to be managable and interactive in a way that would be easily understood. My first idea was to make a compass collar. I thought a fabric collar could be produced in a short time and it could be covered in lights all around with one color pointing north always and turning as you turned.<\/p>\n<p>I wanted to use the <a href=\"https:\/\/www.adafruit.com\/products\/659\" target=\"_blank\">flora<\/a>, an <img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1275 size-medium\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-1-300x169.jpg\" alt=\"alligator clip test\" width=\"300\" height=\"169\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-1-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-1-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-1-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-1-98x55.jpg 98w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><a href=\"https:\/\/www.arduino.cc\/\">Arduino <\/a>variant, as it seemed a great fit something wearable as well as these amazing <a href=\"https:\/\/www.adafruit.com\/products\/1260\" target=\"_blank\">rgb leds<\/a> with their own drivers (which would make assembly easier), looking around the site I found this <a href=\"https:\/\/www.adafruit.com\/products\/1247\" target=\"_blank\">Accelerometer\/Compass Sensor<\/a> and I thought this could create an interesting interaction, I liked the idea of colour pattern that rotated itself north. Before going and meeting Sandra to put the things together I did some prototyping.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1278 size-medium alignleft\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-4-300x169.jpg\" alt=\"carboard prototype\" width=\"300\" height=\"169\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-4-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-4-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-4-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-4-98x55.jpg 98w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>The module worked as expected but it was quite hard to test facing and colour effect (I was cycling through an RGB colour pattern depending on which direction I was facing with the RGB led on the flora chip itself), so I set out to make my beautiful cardboard collar prototype. I taped the chip to it.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1279\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-5-1024x576.jpg\" alt=\"cardboard prototype with chip\" width=\"640\" height=\"360\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-5-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-5-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-5-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-5-98x55.jpg 98w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\nThis still was quite unwieldy although I got some useful results from it finding<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1276 size-medium alignright\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-2-300x169.jpg\" alt=\"test 2\" width=\"300\" height=\"169\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-2-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-2-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-2-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-2-98x55.jpg 98w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>out approximate facing direction and how to translate a 3d vector for magnetic north in to a 2d one. I decided to try out the <a href=\"https:\/\/www.adafruit.com\/products\/641\" target=\"_blank\">stainless steel thread<\/a> which I was going to sew the sensor the flora and the lights together.<\/p>\n<p><iframe loading=\"lazy\" title=\"test compass\" src=\"https:\/\/player.vimeo.com\/video\/160612178?dnt=1&amp;app_id=122963\" width=\"525\" height=\"295\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>After this it was enough of my rough prototypes and I went to visit Sandra Kaas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1280\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-6-1024x576.jpg\" alt=\"test 6\" width=\"640\" height=\"360\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-6-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-6-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-6-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-6-98x55.jpg 98w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1281 size-medium alignright\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-7-e1459370712748-169x300.jpg\" alt=\"Test 7\" width=\"169\" height=\"300\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-7-e1459370712748-169x300.jpg 169w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-7-e1459370712748-768x1365.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-7-e1459370712748-576x1024.jpg 576w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-7-e1459370712748-31x55.jpg 31w\" sizes=\"auto, (max-width: 169px) 100vw, 169px\" \/>We discussed and she made some changes to the design taking beyond my functional prototype to give it actual shape, made it into more of a necklace than a collar. Putting together a nice looking fabric necklace, she started sewing on the flora\u00a0 and the lights.<\/p>\n<p>We made the colour pattern and tested the turning, I still had some tweaking to do. There were also some important lessons here, the thread had to very firmly be sewn on the copper copper connectors and the sewn electrical tracks needed to be very straight and firm as to not to cross connect wires when twisting and turning the fabric.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1283\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-9-1024x576.jpg\" alt=\"Test 9\" width=\"640\" height=\"360\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-9-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-9-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-9-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/Test-9-98x55.jpg 98w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Later as I was tweaking the code to make the colours change and turn to magnetic north Sandra came up with an idea connected to the theme of her own recent performances, couldn&#8217;t we make the necklace beat on the rythm of your heart? This was an interesting suggestion, I had never actively looked but I though their might be a heart sensor I could connect without too much trouble to an Arduino like device. As it turns out there is, a company called <a href=\"http:\/\/pulsesensor.com\/\">pulse sensor<\/a> does exactly that. As I looked through the documentation it looked like it would be pretty doable in a short space of time, so I bought one and integrated it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1288 size-medium\" src=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-11-300x169.jpg\" alt=\"heart necklace earpiece\" width=\"300\" height=\"169\" srcset=\"http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-11-300x169.jpg 300w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-11-768x432.jpg 768w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-11-1024x576.jpg 1024w, http:\/\/raggedclown.net\/blog\/wp-content\/uploads\/2016\/03\/test-11-98x55.jpg 98w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>After some modifications to the old design and attaching the earpiece which through light and reflection measure bloodflow, I got together a first physically complete but still a prototype in terms of programming the lights.<\/p>\n<p><iframe loading=\"lazy\" title=\"unbox heartbeat\" src=\"https:\/\/player.vimeo.com\/video\/160612179?dnt=1&amp;app_id=122963\" width=\"525\" height=\"295\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>I iterated over the programming and gave the lights some animation and more livelyness, I prototyped this in the awesome <a href=\"https:\/\/processing.org\/\">processing language <\/a>for much quicker iteration. I finished up for now at least as I consider modifications to this design and new wearable ideas. Many thanks to my collaborator Sandra and all the awesome creative hardware and software to make it possible.<\/p>\n<p><iframe loading=\"lazy\" title=\"result turned\" src=\"https:\/\/player.vimeo.com\/video\/160612175?dnt=1&amp;app_id=122963\" width=\"525\" height=\"295\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For a long while now I have been keen on doing a wearable project. The intersection of art and the body has always interested me and since wearables are an increasingly popular categories companies like Adafruit have been making amazing strides in making these projects in a non industrial, experimental way. The problem is A: &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/raggedclown.net\/blog\/?p=1273\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Heartbeat necklace&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[10,73,72,107,39,25,106],"class_list":["post-1273","post","type-post","status-publish","format-standard","hentry","category-piece","tag-animation","tag-diy","tag-electronics","tag-fashion","tag-interactive","tag-programming","tag-wearables"],"_links":{"self":[{"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1273"}],"version-history":[{"count":8,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1273\/revisions"}],"predecessor-version":[{"id":1374,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1273\/revisions\/1374"}],"wp:attachment":[{"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1273"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/raggedclown.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}