{"id":1254,"date":"2022-02-24T00:10:54","date_gmt":"2022-02-24T05:10:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?p=1254"},"modified":"2022-02-24T00:10:54","modified_gmt":"2022-02-24T05:10:54","slug":"crispysalmon-creature","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/crispysalmon\/02\/24\/crispysalmon-creature\/","title":{"rendered":"CrispySalmon-Creature"},"content":{"rendered":"<p><b>Shy Garden Eel<\/b><\/p>\n<p><strong><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;:&quot;1256&quot;,&quot;player_type&quot;:&quot;Video.js v7&quot;,&quot;width&quot;:&quot;640&quot;,&quot;height&quot;:&quot;371&quot;,&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;:&quot;1&quot;,&quot;muted&quot;:&quot;false&quot;,&quot;meta&quot;:true,&quot;endofvideooverlay&quot;:&quot;&quot;,&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;creature-video&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\/s2022\/?attachment_id=1256&amp;kgvid_video_embed[enable]=true\" \/><meta itemprop=\"contentUrl\" content=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/creature-video.mov\" \/><meta itemprop=\"name\" content=\"creature-video\" \/><meta itemprop=\"description\" content=\"Video\" \/><meta itemprop=\"uploadDate\" content=\"2022-02-23T23:57:28-05:00\" \/>\n\t\t\t\t<video id=\"video_kgvid_0\" playsinline controls preload=\"metadata\" width=\"640\" height=\"371\" class=\"fitvidsignore video-js kg-video-js-skin\">\n\t\t\t\t\t<source src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/creature-video.mov?id=0\" type=\"video\/mp4\" data-res=\"938p\">\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'>creature-video<\/span>\n<\/div>\n\t\t<\/div><\/strong><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/91\/R%C3%B6r%C3%A5lar.jpg\/220px-R%C3%B6r%C3%A5lar.jpg\" alt=\"R\u00f6r\u00e5lar.jpg\" width=\"313\" height=\"235\" \/><\/p>\n<p>My creature is inspired by <a style=\"font-weight: bold;\" href=\"https:\/\/en.wikipedia.org\/wiki\/Spotted_garden_eel\">garden eel<\/a>. I want to make a creature that takes a similar form to a garden eel and shared the same kind of shyness and unexpectedness of its behavior(check out <a href=\"https:\/\/www.youtube.com\/watch?v=HD8xQKkyUmI&amp;ab_channel=NatureonPBS\">this video<\/a> on garden eel to see how it moves in the sea, it&#8217;s super cute).<\/p>\n<p>The user interacts with the creature with mouse press. Whenever the mouse is pressed for a certain random amount of time(to add a bit of shock factor to the interaction), the creature will come out and follow the user&#8217;s mouse position. And when the mouse is released, the creature quickly retreats back to its place. Through the interaction, I want the user and the creature to both be a curious observer of each other.<\/p>\n<p>I think the form of the creature can use more work. Maybe it can have more complicated patterns, instead of just gradient circles.<\/p>\n<p>Still pictures<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1259 alignnone\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-640x318.png\" alt=\"\" width=\"399\" height=\"199\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-640x318.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-1024x509.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-768x381.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-1536x763.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM-1200x596.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.13-PM.png 1818w\" sizes=\"(max-width: 399px) 85vw, 399px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1260 alignnone\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-640x307.png\" alt=\"\" width=\"400\" height=\"192\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-640x307.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-1024x492.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-768x369.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-1536x738.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM-1200x576.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-23-at-11.55.59-PM.png 1672w\" sizes=\"(max-width: 400px) 85vw, 400px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shy Garden Eel My creature is inspired by garden eel. I want to make a creature that takes a similar form to a garden eel and shared the same kind of shyness and unexpectedness of its behavior(check out this video on garden eel to see how it moves in the sea, it&#8217;s super cute). The &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/crispysalmon\/02\/24\/crispysalmon-creature\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CrispySalmon-Creature&#8221;<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1254"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=1254"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1254\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/1254\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=1254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/categories?post=1254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/tags?post=1254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}