{"id":17779,"date":"2023-03-13T19:26:20","date_gmt":"2023-03-13T23:26:20","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/?p=17779"},"modified":"2023-03-15T04:46:44","modified_gmt":"2023-03-15T08:46:44","slug":"droplet-distracter","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/droplet-distracter\/","title":{"rendered":"The Droplet Distracter"},"content":{"rendered":"<p style=\"text-align: left\">Take a break from your phone to witness a soothing disco display of water droplets, that are&#8211;hold on&#8211;falling <em>upwards<\/em>???<\/p>\n<p>&nbsp;<\/p>\n<p><em>They say the longer you don&#8217;t touch your phone, the more still the droplets will become&#8230;<\/em><\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-17788 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/4-drops.jpg\" alt=\"Close-up of 4 water droplets suspended in the viewing box.\" width=\"800\" height=\"533\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/4-drops.jpg 800w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/4-drops-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/4-drops-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/4-drops-508x338.jpg 508w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Demo<\/p>\n<p style=\"text-align: center\"><em>Concentrate on which direction the droplets are going!<\/em><\/p>\n<div id=\"attachment_17862\" style=\"width: 444px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17862\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17862\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4277_AdobeExpress_AdobeExpress.gif\" alt=\"Frontview of the fountain with frame rate of camera matched such that the &quot;backwards flow effect&quot; occurs and droplets (illuminated light blue) look to fall upwards.\" width=\"434\" height=\"772\" \/><p id=\"caption-attachment-17862\" class=\"wp-caption-text\">GIF of the fountain with frame rate of camera matched such that the &#8220;backwards flow effect&#8221; occurs.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Full View<\/p>\n<div id=\"attachment_17797\" style=\"width: 1482px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17797\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17797 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308.jpg\" alt=\"Three quarter view of the droplet fountain box. The lights are on inside and there is a phone laying on the sensor below.\" width=\"1472\" height=\"1708\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308.jpg 1472w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-259x300.jpg 259w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-883x1024.jpg 883w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-768x891.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-1324x1536.jpg 1324w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-973x1129.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0405-scaled-e1678739352308-508x589.jpg 508w\" sizes=\"(max-width: 1472px) 100vw, 1472px\" \/><p id=\"caption-attachment-17797\" class=\"wp-caption-text\">The Droplet Distracter with phone resting in the slot.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Internals<\/p>\n<div id=\"attachment_17805\" style=\"width: 1717px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17805\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17805 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-scaled.jpg\" alt=\"Back view of the fountain box with back panel hinged open, revealing circuits, tubes, and water containers inside.\" width=\"1707\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-scaled.jpg 1707w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-200x300.jpg 200w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-683x1024.jpg 683w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-768x1152.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-1024x1536.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-1365x2048.jpg 1365w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-973x1460.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0357-508x762.jpg 508w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/><p id=\"caption-attachment-17805\" class=\"wp-caption-text\">Back of fountain with back panel removed to reveal internals.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Top Water Container with Spout<\/p>\n<div id=\"attachment_17848\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17848\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17848 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194.jpg\" alt=\"Two images side by side. Left: Top view of top water container that dribbles the water into the drain. Right: Bottom view of top water container showcasing the spigot that was made by melting a hole in the bottom. \" width=\"1920\" height=\"758\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-300x118.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-1024x404.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-768x303.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-1536x606.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-973x384.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Untitled-design-e1678747937194-508x201.jpg 508w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><p id=\"caption-attachment-17848\" class=\"wp-caption-text\">Top water container with spigot made by heating plastic and pushing a spike through.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Bottom Water Container<\/p>\n<div id=\"attachment_17850\" style=\"width: 1930px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17850\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17850 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465.jpg\" alt=\"Two images side by side. Left: Top view of bottom water container that catches the water from the drain. Right: Side view of bottom water container in its correct position in the fountain.\" width=\"1920\" height=\"676\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-300x106.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-1024x361.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-768x270.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-1536x541.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-973x343.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/2-e1678748269465-508x179.jpg 508w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><p id=\"caption-attachment-17850\" class=\"wp-caption-text\">Bottom water container that catches water droplets from ramp. The tube sucks it back up to the top.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Water Level Sensor (in Lid)<\/p>\n<div id=\"attachment_17803\" style=\"width: 2570px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17803\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17803 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-scaled.jpg\" alt=\"Ultrasonic sensor taped to the lid, designed to be positioned above the top water container so that the Arduino can sense when water needs to be replenished to the top.\" width=\"2560\" height=\"1707\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-1024x683.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-1536x1024.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-2048x1365.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-973x649.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0376-508x339.jpg 508w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><p id=\"caption-attachment-17803\" class=\"wp-caption-text\">Ultrasonic sensor that measures the water level of the top container and tells the pump to send more water if it&#8217;s below a certain level.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Usage<\/p>\n<p style=\"text-align: center\"><em>The user places a phone (dry eraser for simulation) in the slot, causing the LEDs to begin strobing, which makes the water droplets &#8220;fall up.&#8221; Since this video was captured in 60 FPS, which is far slower than the human eye, the illusion does not work in the video. See GIF above\u00a0 for better illustration.<\/em><\/p>\n<div style=\"width: 620px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-17779-1\" width=\"620\" height=\"1103\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/better_AdobeExpress.mp4?_=1\" \/><a href=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/better_AdobeExpress.mp4\">https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/better_AdobeExpress.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center\">Process Media<\/h3>\n<p style=\"text-align: center\">Design Decision #1:<\/p>\n<p style=\"text-align: center\">Making the final housing of the fountain black due to lack of visibility with all white background.<\/p>\n<div id=\"attachment_17863\" style=\"width: 425px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17863\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17863\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-scaled.jpg\" alt=\"Unfinished prototype of fountain made in softer white plastic with masking tape all around it. There is a black strip on the back of the viewing window to contrast against the water droplets.\" width=\"415\" height=\"553\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-225x300.jpg 225w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-973x1297.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4180-508x677.jpg 508w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><p id=\"caption-attachment-17863\" class=\"wp-caption-text\">All-white prototype of fountain.<\/p><\/div>\n<div id=\"attachment_17858\" style=\"width: 321px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17858\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17858\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/IMG_4182_2_MOV_AdobeExpress.gif\" alt=\"Slow-mo of water droplets falling with strobe light effect against black duct tape for clarity.\" width=\"311\" height=\"553\" \/><p id=\"caption-attachment-17858\" class=\"wp-caption-text\">Black strip helps illuminate droplets as they fall.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Design Decision #2:<\/p>\n<p style=\"text-align: center\">Ramp for water collection with space on the left side for wires and tubing to pass through.<\/p>\n<div id=\"attachment_17866\" style=\"width: 1808px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17866\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17866 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-scaled.jpg\" alt=\"Open side view of fountain with internal structure revealed. The ramp that guides water into the bottom water container is the highlighted subject,\" width=\"1798\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-scaled.jpg 1798w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-211x300.jpg 211w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-719x1024.jpg 719w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-768x1093.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-1079x1536.jpg 1079w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-1438x2048.jpg 1438w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-973x1385.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/ramp-508x723.jpg 508w\" sizes=\"(max-width: 1798px) 100vw, 1798px\" \/><p id=\"caption-attachment-17866\" class=\"wp-caption-text\">Side profile of final physical model.<\/p><\/div>\n<div id=\"attachment_17864\" style=\"width: 954px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17864\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17864 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Page2.jpg\" alt=\"Two sketches, backside and left side, of the fountain done in red.\" width=\"944\" height=\"567\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Page2.jpg 944w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Page2-300x180.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Page2-768x461.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Page2-508x305.jpg 508w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><p id=\"caption-attachment-17864\" class=\"wp-caption-text\">Early design for ramp.<\/p><\/div>\n<div id=\"attachment_17867\" style=\"width: 1464px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17867\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-17867 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM.png\" alt=\"3D render of the fountain with backing removed to show internal structure once again.\" width=\"1454\" height=\"1358\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM.png 1454w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM-300x280.png 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM-1024x956.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM-768x717.png 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM-973x909.png 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/Screen-Shot-2023-03-13-at-8.48.05-PM-508x474.png 508w\" sizes=\"(max-width: 1454px) 100vw, 1454px\" \/><p id=\"caption-attachment-17867\" class=\"wp-caption-text\">3D model of ramp design integrated into structure.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Other design photos:<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Removable platform with glued circuits and slacked wires for easy removal\/rewiring<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-17865 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-scaled.jpg\" alt=\"Closer look at circuits hidden behind back panel of fountain. The main brains are glued onto a removable platform for ease of removal and insertion.\" width=\"2560\" height=\"1707\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-1024x683.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-1536x1024.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-2048x1365.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-973x649.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/platfor-508x339.jpg 508w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Hot-glued straw to help guide tube upright in order to fully suck water.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-17868 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-scaled.jpg\" alt=\"Close-up of a piece of a yellow drinking straw to help guide the tube responsible for bringing water up to the top water container.\" width=\"2560\" height=\"1707\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-1024x683.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-1536x1024.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-2048x1365.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-973x649.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/DSC_0362-1-508x339.jpg 508w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Reflective surface to help illuminate display box.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-17869 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-scaled.jpg\" alt=\"Photograph of the viewing window of the fountain with highly illuminated LEDs and stream of water going down the center.\" width=\"2560\" height=\"1707\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-300x200.jpg 300w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-1024x683.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-768x512.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-1536x1024.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-2048x1365.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-973x649.jpg 973w, https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/reflect-508x339.jpg 508w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center\">Discussion<\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">One comment I was taken aback by was Cody Soska saying, &#8220;I seriously can&#8217;t find any criticism for this project. The fabrication is especially impressive, given that you&#8217;ve never used a laser cutter before.&#8221; This is overwhelmingly high praise given Cody&#8217;s expertise in fabrication, which surprised me given that the thing I struggled with the most was putting these damn pieces of plastic together. The step that I had thought would be the simplest was actually the most challenging. I had thought fingerjointing the panels would make for an easy puzzle that would snap and hold together via friction, however ambiguous orienting made for falsely matched pieces and a nasty thing called gravity chose to make pieces fall as soon as they were being conjoined. This part of the process was certainly the most frustrating aspect of the build. I also read a written piece of criticism saying, &#8220;Maybe think about changing the art color or allowing variable LED colors to add more customization.&#8221; Varying the colors was a feature that I unfortunately did not have time to implement, but I totally agree. In my opinion, the lights are the selling factor of this project that really draw the user in, so I acknowledge that it is a feature that could have upscaled this build by quite a bit.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Overall, I am quite happy about my final build. I dedicated way more time than I had initially planned to this project, though each extra minute was out of love. I had a vision to make a sleek, jet black box that put on a light show when you put your phone away, and I can confidently say I made just that. Ever since I was a kid, I was obsessed with this water droplet illusion and I&#8217;ve always wanted to see it done in person. Therefore I&#8217;m extra proud that the first time seeing it live is by building it myself. I knew this project was going to be pretty ambitious given my vision of the end-product and obsessive perfectionism (amidst my other deadlines\/exams) but it was all so worth it. I&#8217;m happy to be finally dusting off my hands with an amazing end-product.<\/span><\/p>\n<p><span style=\"font-weight: 400\">I learned many technical things through this build. Here are a few: I learned that laser cutting is relatively easy, however construction is not. I learned how to split a 12V power supply into 5V, which made for a sleek finish at the end (just one plug to power the whole thing!). I also learned how to solder pretty well, which made for more compact and sturdy wiring. I also learned that working with water and electronics is probably the most annoying combination in the world. One thing I would have done differently is make it easier to fill\/dispose the water, perhaps by simply making the back panel a hinged door instead of a solid back. Regardless, safe to say I&#8217;ll be taking a break with pumps for a long time. On this topic, I&#8217;d advise my past self to pick a different project with similar aspects but without the water. See https:\/\/wondermachines.com\/.<\/span><\/p>\n<p><span style=\"font-weight: 400\">If I made another droplet machine, I&#8217;d make it wayy bigger! Maybe one day I could get commissioned by the university to make one in Gates that falls beside the Helix, though this time it would have another dimension of user interaction to it. Imagine streams of water falling around the Helix and when you go to touch it, a laser beam that flows through just that one stream begins strobing. It would make for a trippy effect, just the droplets inside the outline of your hand moving up as all other droplets move down.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center\">Diagrams and Schematics<\/h3>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/P2-Block-Diagram.drawio.svg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-17951\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/P2-Block-Diagram.drawio.svg\" alt=\"Block diagram of the entire project.\n\" width=\"751\" height=\"1056\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-17952\" src=\"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-content\/uploads\/2023\/03\/P2-Schematic.drawio.svg\" alt=\"Electrical schematic of the entire project.\" width=\"1182\" height=\"1160\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center\">Code<\/h3>\n<p>&nbsp;<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"c\">\/\/ Droplet Distracter\r\n\/\/ Author: Cameron\r\n\/\/ Date: 3\/15\/23\r\n\/\/ This code is responsible for reading whether the user has placed his\/her\r\n\/\/ phone in the slot, triggering the light show, and maintaining the water level.\r\n\/\/\r\n\/\/                   ---------------------------\r\n\/\/                   |   PIN        |  LABEL   |\r\n\/\/                   ---------------------------\r\n\/\/                   | TRIGGER_PIN  |    12    |\r\n\/\/                   | ECHO_PIN     |    11    |\r\n\/\/                   | PUMPPIN1     |    3     |\r\n\/\/                   | PUMPPIN2     |    4     |\r\n\/\/                   | INFRAPIN     |    A0    |\r\n\/\/                   | ledStrip pin |    10    |\r\n\/\/                   ---------------------------\r\n\r\n\r\n#include &lt;NewPing.h&gt;\r\n#define TRIGGER_PIN  12 \r\n#define ECHO_PIN     11 \r\n#define MAX_DISTANCE 200\r\nNewPing sonar(TRIGGER_PIN, ECHO_PIN, MAX_DISTANCE);\r\n\r\nconst int PUMPPIN1 = 4;\r\nconst int PUMPPIN2 = 3;\r\n\r\n#include &lt;PololuLedStrip.h&gt;\r\nPololuLedStrip&lt;10&gt; ledStrip;\r\n#define LED_COUNT 34\r\nrgb_color on[LED_COUNT];\r\nrgb_color off[LED_COUNT];\r\nrgb_color on_boring[LED_COUNT];\r\nint R = 69;\r\nint G = 222;\r\nint B = 110;\r\nint factor = 5;\r\n\r\nconst int INFRAPIN = A0;\r\n\r\n\r\n\/\/ set up for peristaltic pump\r\nvoid pump_setup(){\r\n  pinMode(PUMPPIN1, OUTPUT);\r\n  pinMode(PUMPPIN2, OUTPUT);\r\n}\r\n\r\n\/\/ set up for infrared sensor\r\nvoid infra_setup(){\r\npinMode(INFRAPIN, INPUT);\r\n}\r\n\r\n\r\nvoid setup() {\r\n  \/\/ put your setup code here, to run once:\r\n  Serial.begin(9600);\r\n\r\n  \/\/ establish on\r\n  for (uint16_t i = 0; i &lt; LED_COUNT; i++)\r\n  {\r\n    on[i] = rgb_color(R, G, B);\r\n    on_boring[i] = rgb_color(R\/factor, G\/factor, B\/factor);\r\n    off[i] = rgb_color(0, 0, 0);\r\n  }\r\n\r\n  pump_setup();\r\n  infra_setup();\r\n\r\n}\r\n\r\n\/\/ debugging: moves all water from one container\r\n\/\/ to another\r\n\/\/ void loop(){\r\n\/\/   bool fill_top = false;\r\n\r\n\/\/   int water_lvl = sonar.ping_cm();\r\n\/\/   Serial.print(\"Water Level: \");\r\n\/\/   Serial.println(water_lvl);\r\n\r\n\/\/   \/\/ (we turned CW)\r\n\/\/   if(fill_top){\r\n\/\/     digitalWrite(PUMPPIN1, HIGH);\r\n\/\/   }\r\n\/\/   \/\/ (we turned C'CW)\r\n\/\/   if (!fill_top){\r\n\/\/     digitalWrite(PUMPPIN2, HIGH);\r\n\/\/   }\r\n\/\/ }\r\n\r\n\/\/ pumps in water level so that there\r\n\/\/ is at most 2 cm of distance between\r\n\/\/ USR and water level\r\nvoid maintain_water_lvl(){\r\n  int water_lvl = sonar.ping_cm();\r\n  Serial.print(\"\\n\\n\\n\\n\\n\\n\");\r\n  Serial.print(\"Water Level: \");\r\n  Serial.println(water_lvl);\r\n  if(water_lvl &gt; 2){\r\n    digitalWrite(PUMPPIN1, HIGH);\r\n  }\r\n  else{\r\n    digitalWrite(PUMPPIN1, LOW);\r\n  }\r\n}\r\n\r\n\/\/ light setting when phone not in slot\r\nvoid boring(){\r\n  ledStrip.write(on_boring, LED_COUNT);\r\n}\r\n\r\n\/\/ light setting when phone is in slot\r\nvoid light_show(){\r\n  ledStrip.write(on, LED_COUNT);\r\n  delay(3);\r\n  ledStrip.write(off, LED_COUNT);\r\n  delay(10.5);\r\n}\r\n\r\n\/\/ main loop\r\nvoid loop() {\r\n  maintain_water_lvl();\r\n  int read = analogRead(INFRAPIN);\r\n  Serial.print(\"INFRA: \");\r\n  Serial.println(read);\r\n  \r\n  if(read &gt; 80){\r\n    light_show();\r\n  }\r\n  else{\r\n    boring();\r\n  }\r\n\r\n}\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Take a break from your phone to witness a soothing disco display of water droplets, that are&#8211;hold on&#8211;falling upwards??? &nbsp; They say the longer you don&#8217;t touch your&#8230;<\/p>\n","protected":false},"author":40,"featured_media":17786,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/posts\/17779"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/comments?post=17779"}],"version-history":[{"count":18,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/posts\/17779\/revisions"}],"predecessor-version":[{"id":17953,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/posts\/17779\/revisions\/17953"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/media\/17786"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/media?parent=17779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/categories?post=17779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-223\/s2023\/work\/wp-json\/wp\/v2\/tags?post=17779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}