{"id":2134,"date":"2021-11-17T13:18:56","date_gmt":"2021-11-17T18:18:56","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=2134"},"modified":"2021-11-17T15:03:05","modified_gmt":"2021-11-17T20:03:05","slug":"stickz-finalproject","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/stickz\/11\/17\/stickz-finalproject\/","title":{"rendered":"stickz &#8211; FinalProject"},"content":{"rendered":"<p style=\"text-align: left\"><strong>Jittery Line Drawing App\u00a0<\/strong><\/p>\n<p><b>I changed the direction of the final project to be a drawing app that interacts with the orientation of the user\u2019s phone that can draw in 3D. I\u2019ve been able to get multi-color lines working, where I implemented them as springs, and got some basic physics working. Wasn\u2019t able to implement the phone orientation into the springs last night as planned, but I\u2019ll get that up and running \ud83d\ude41<\/b><\/p>\n<p><b>Inspiration: <\/b><a href=\"https:\/\/experiments.withgoogle.com\/ink-space\"><b>https:\/\/experiments.withgoogle.com\/ink-space<\/b><\/a><b>\u00a0<\/b><\/p>\n<p><b>Stuff I\u2019m thinking about :\u00a0<\/b><\/p>\n<ul>\n<li><b>Implementing Multi-touch for drawing &#8211; using LingDong\u2019s template\u00a0<\/b><\/li>\n<\/ul>\n<ul>\n<li><b>Different color themes for drawing lines\u00a0<\/b><\/li>\n<\/ul>\n<ul>\n<li><b>Phone orientation that messes with the physics of the lines (then 3D orientation)\u00a0<\/b><\/li>\n<\/ul>\n<ul>\n<li><b>More sophisticated 3D line forms<\/b><\/li>\n<\/ul>\n<p>Screenrecordings of the Glitch Drawing App So Far<\/p>\n<p><iframe loading=\"lazy\" title=\"greentheme\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/ATi_5XIbFEg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"yellowtheme\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/SWOVxcjStZ8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"yellowtheme with blendMode(SUBTRACT)\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/GpFPDS9WSkM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<pre><b>Stuff to work on:\r\n<\/b><b>- Different color themes for drawing lines \r\n<\/b><b>- Phone orientation that messes with the physics of the lines (then 3D orientation) \r\n<\/b><b>- More sophisticated 3D line forms<\/b><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jittery Line Drawing App\u00a0 I changed the direction of the final project to be a drawing app that interacts with the orientation of the user\u2019s phone that can draw in 3D. I\u2019ve been able to get multi-color lines working, where I implemented them as springs, and got some basic physics working. Wasn\u2019t able to implement &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/stickz\/11\/17\/stickz-finalproject\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;stickz &#8211; FinalProject&#8221;<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2134"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=2134"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2134\/revisions"}],"predecessor-version":[{"id":2262,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/2134\/revisions\/2262"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=2134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=2134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=2134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}