{"id":4883,"date":"2020-09-09T14:41:28","date_gmt":"2020-09-09T18:41:28","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4883"},"modified":"2020-09-09T23:05:50","modified_gmt":"2020-09-10T03:05:50","slug":"yanwen-livingwallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/09\/yanwen-livingwallpaper\/","title":{"rendered":"yanwen-LivingWallPaper"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4897\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/orbs.gif\" alt=\"\" width=\"1000\" height=\"400\" \/><\/p>\n<p><a href=\"https:\/\/yvonne-dong.github.io\/60-212\/LivingWallpaper\/index.html\">This<\/a> was actually completely different from what I was attempting to create at first. I watched this <a href=\"https:\/\/www.youtube.com\/watch?v=alhpH6ECFvQ\">fluid simulation video<\/a> by the Coding Train and tried to implement my interpretation with the code, but was getting low frame-rates and not so interesting results. I guess the main reason is because the original code was in Processing, but running the sketch in a browser dragged down the frame-rates.<\/p>\n<p>To quickly switch from my initial idea, I decided to continue playing around with primitive 3D objects and their movements. I tried to implement the &#8220;DoubleQuadraticSigmoid&#8221; function and <a href=\"https:\/\/natureofcode.com\/book\/chapter-2-forces\/\">attractor-mover behavior<\/a>. Also to add some characteristics to the 3D objects, I attempted to apply a fragment shader as texture to the spheres and drew the shapes with different detail values based on their sizes.<\/p>\n<p>In terms of the visual outcome and presentation, I switched from a 2D scene to a 3D environment (in a rush actually :&#8221;) ), and attempted to create this space like environment filled with floating orbs (or planets?). Is it a wallpaper? I guess since every work that has been done for now are viewed on flat screens, so even if the scene itself is 3D, it inhabits in a 2D plane and need to have a sense of flatness. But comparing to standard wallpapers that have repetition of shapes and patterns, it does look different and not so wallpaper-like \ud83e\udd14.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This was actually completely different from what I was attempting to create at first. I watched this fluid simulation video by the Coding Train and tried to implement my interpretation with the code, but was getting low frame-rates and not so interesting results. I guess the main reason is because the original code was in &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/09\/yanwen-livingwallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;yanwen-LivingWallPaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[42,43],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4883"}],"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\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4883"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4883\/revisions"}],"predecessor-version":[{"id":4911,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4883\/revisions\/4911"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}