{"id":6165,"date":"2020-09-30T14:01:39","date_gmt":"2020-09-30T18:01:39","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=6165"},"modified":"2020-11-13T03:22:39","modified_gmt":"2020-11-13T08:22:39","slug":"yanwen-soli-sketches","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/30\/yanwen-soli-sketches\/","title":{"rendered":"yanwen-soli-sketches"},"content":{"rendered":"<p><b>Digital garden &#8211; visual + connect<\/b><\/p>\n<p><b>Concept<\/b><span style=\"font-weight: 400\">: generative garden scene with different views everyday made up of a selection of plants, stone roads, insects and flowers.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Interactions: stand in front of the phone (presence) to light up the scene, swipe to add wind\/pollen particles to the garden, tap to take screenshot of the garden to send to twitter bot<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Choir &#8211; visual + audio<\/b><\/p>\n<p><b>Concept<\/b><span style=\"font-weight: 400\">: create a short looping sound composition by assigning different types of sound samples to the animated characters.\u00a0<\/span><\/p>\n<p><b>Interactions<\/b><span style=\"font-weight: 400\">: swipe to add continuous sounds\/swish\/chord progressions, tap to add percussion\/single notes\/bell sounds\u2026<\/span><\/p>\n<p><span style=\"font-weight: 400\">(Additional interaction: selecting the exact character for the sound and choosing bpm?)<\/span><\/p>\n<p><b>Something to start with<\/b><span style=\"font-weight: 400\">:<\/span><\/p>\n<p><span style=\"font-weight: 400\">How to compose a loop that does not sound too random but personalized enough for users to play around with?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Sound: additional library (p5 sound, tone.js?)<\/span><\/p>\n<p><span style=\"font-weight: 400\">*Inspiration: <\/span><a href=\"https:\/\/musiclab.chromeexperiments.com\/\"><span style=\"font-weight: 400\">Chrome music lab<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><b>Sandwich generator &#8211; visual + connect<\/b><\/p>\n<p><b>Concept<\/b><span style=\"font-weight: 400\">: a tower-builder type game that instead of tower you build a sandwich with pieces of ingredients falling from top of the screen.\u00a0<\/span><\/p>\n<p><b>Interactions<\/b><span style=\"font-weight: 400\">: Tap to catch the ingredients and swipe for switching out those you don\u2019t want.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ingredients would be an assortment of edible ingredients (e.g. cheese, lettuce, tomato\u2026) and non-edible ingredients (e.g. wheels, lego blocks, batteries, laptops\u2026)\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">You will get a score based on how edible your final sandwich is!<\/span><\/p>\n<p><b>Something to start with<\/b><span style=\"font-weight: 400\">:<\/span><\/p>\n<p><span style=\"font-weight: 400\">Scoring: automatically scored or get another person to score?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Connect with IFTTT: send sandwich screenshots to twitter bot?<\/span><\/p>\n<p><span style=\"font-weight: 400\">Visual: 2D, physics simulation? (With additional library)<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignleft wp-image-6167 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch12-1200x1600.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-6166 alignleft\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/sketch3-1200x1600.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Digital garden &#8211; visual + connect Concept: generative garden scene with different views everyday made up of a selection of plants, stone roads, insects and flowers. Interactions: stand in front of the phone (presence) to light up the scene, swipe to add wind\/pollen particles to the garden, tap to take screenshot of the garden to &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yanwendandrew-cmu-edu\/09\/30\/yanwen-soli-sketches\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;yanwen-soli-sketches&#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":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6165"}],"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=6165"}],"version-history":[{"count":2,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6165\/revisions"}],"predecessor-version":[{"id":6257,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6165\/revisions\/6257"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=6165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=6165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}