{"id":6516,"date":"2020-10-12T14:01:58","date_gmt":"2020-10-12T18:01:58","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=6516"},"modified":"2020-11-13T03:23:50","modified_gmt":"2020-11-13T08:23:50","slug":"shoez-solisandbox","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shuyuzhaandrew-cmu-edu\/10\/12\/shoez-solisandbox\/","title":{"rendered":"shoez-SoliSandbox"},"content":{"rendered":"<p>I created a DNA-Editor visualizer for my project. When you open the app, you&#8217;ll have a standard DNA strand with 20 nucleotides. You can remove nucleotides by touching the specific nucleotide. You can continuously add nucleotides by tapping outside the DNA strand. you&#8217;ll see that after a set amount of time, the strand will mend it itself regardless of if more nucleotides are added. If you swipe up, you delete the current strand you&#8217;re working on. If you swipe down, you&#8217;ll get a new standard strand. Swiping left and right is analogous to a zoom affect and you can see the inside of the DNA the more you zoom in. A lot of this project was problem solving and trying to find a way to manipulate objects in an interesting way. I found that timers are very powerful when I want to achieve certain looks.<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM.png\"><img loading=\"lazy\" class=\" wp-image-6519 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-398x480.png\" alt=\"\" width=\"356\" height=\"429\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-398x480.png 398w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-849x1024.png 849w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-768x926.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-1273x1536.png 1273w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM-1200x1447.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.58.21-PM.png 1348w\" sizes=\"(max-width: 356px) 85vw, 356px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM.png\"><img loading=\"lazy\" class=\" wp-image-6517 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-468x480.png\" alt=\"\" width=\"371\" height=\"381\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-468x480.png 468w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-999x1024.png 999w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-768x787.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-1498x1536.png 1498w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM-1200x1230.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.40.22-PM.png 1582w\" sizes=\"(max-width: 371px) 85vw, 371px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM.png\"><img loading=\"lazy\" class=\" wp-image-6518 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-445x480.png\" alt=\"\" width=\"358\" height=\"386\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-445x480.png 445w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-949x1024.png 949w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-768x828.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-1424x1536.png 1424w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM-1200x1294.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-12-at-12.39.52-PM.png 1502w\" sizes=\"(max-width: 358px) 85vw, 358px\" \/><\/a><a href=\"https:\/\/glitch.com\/edit\/#!\/dna-editor\">Code<\/a><\/p>\n<p style=\"text-align: center\"><div id=\"kgvid_kgvid_0_wrapper\" class=\"kgvid_wrapper\">\n\t\t\t<div id=\"video_kgvid_0_div\" class=\"fitvidsignore kgvid_videodiv\" data-id=\"kgvid_0\" data-kgvid_video_vars=\"{&quot;id&quot;:&quot;kgvid_0&quot;,&quot;attachment_id&quot;:6520,&quot;player_type&quot;:&quot;Video.js&quot;,&quot;width&quot;:&quot;640&quot;,&quot;height&quot;:360,&quot;fullwidth&quot;:&quot;true&quot;,&quot;countable&quot;:true,&quot;count_views&quot;:&quot;start_complete&quot;,&quot;start&quot;:&quot;&quot;,&quot;autoplay&quot;:&quot;false&quot;,&quot;pauseothervideos&quot;:&quot;true&quot;,&quot;set_volume&quot;:1,&quot;muted&quot;:&quot;false&quot;,&quot;meta&quot;:true,&quot;endofvideooverlay&quot;:false,&quot;resize&quot;:&quot;true&quot;,&quot;auto_res&quot;:&quot;automatic&quot;,&quot;pixel_ratio&quot;:&quot;true&quot;,&quot;right_click&quot;:&quot;on&quot;,&quot;playback_rate&quot;:&quot;false&quot;,&quot;title&quot;:&quot;dna-vid&quot;,&quot;nativecontrolsfortouch&quot;:&quot;false&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;enable_resolutions_plugin&quot;:false}\" itemprop=\"video\" itemscope itemtype=\"https:\/\/schema.org\/VideoObject\"><meta itemprop=\"embedUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?attachment_id=6520&amp;kgvid_video_embed[enable]=true\" \/><meta itemprop=\"contentUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/dna-vid.mov\" \/><meta itemprop=\"name\" content=\"dna-vid\" \/><meta itemprop=\"description\" content=\"Video\" \/><meta itemprop=\"uploadDate\" content=\"2020-10-12T13:19:16-04:00\" \/>\n\t\t\t\t<video id=\"video_kgvid_0\" playsinline controls preload=\"metadata\" width=\"640\" height=\"360\" class=\"fitvidsignore video-js kg-video-js-skin\">\n\t\t\t\t\t<source src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/dna-vid.mov?id=0\" type=\"video\/mp4\" data-res=\"972p\">\n\t\t\t\t<\/video>\n\t\t\t<\/div>\n\t\t\t<div style=\"display:none;\" id=\"video_kgvid_0_meta\" class=\"kgvid_video_meta kgvid_video_meta_hover \">\n\t\t\t\t<span class='kgvid_meta_icons'><\/span>\n\t\t\t\t<span id='video_kgvid_0_title' class='kgvid_title'>dna-vid<\/span>\n<\/div>\n\t\t<\/div><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.youtube.com\/watch?v=vVCvDI20eHE&amp;t=2s\">Youtube Video Demo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I created a DNA-Editor visualizer for my project. When you open the app, you&#8217;ll have a standard DNA strand with 20 nucleotides. You can remove nucleotides by touching the specific nucleotide. You can continuously add nucleotides by tapping outside the DNA strand. you&#8217;ll see that after a set amount of time, the strand will mend &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shuyuzhaandrew-cmu-edu\/10\/12\/shoez-solisandbox\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;shoez-SoliSandbox&#8221;<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6516"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=6516"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6516\/revisions"}],"predecessor-version":[{"id":6616,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6516\/revisions\/6616"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=6516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=6516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}