{"id":1246,"date":"2014-03-14T19:49:28","date_gmt":"2014-03-15T00:49:28","guid":{"rendered":"http:\/\/www.jhclaura.com\/?p=1246"},"modified":"2016-03-21T09:10:10","modified_gmt":"2016-03-21T14:10:10","slug":"roofwing","status":"publish","type":"post","link":"http:\/\/www.jhclaura.com\/roofwing\/","title":{"rendered":"Roofwing"},"content":{"rendered":"<p><a href=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-1253\" alt=\"IMG_1826\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826-1024x682.jpg\" width=\"1024\" height=\"682\" srcset=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826-1024x682.jpg 1024w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826-300x200.jpg 300w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826-304x202.jpg 304w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1826.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>A flying + walking, surreal experience design for <em><span style=\"font-family: Georgia, Palatino; font-size: medium;\">rooftop<\/span><\/em>. Work done with amazing <a href=\"http:\/\/www.j-namuchoi.com\/\" target=\"_blank\">John<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/89071351?byline=0&amp;color=c9ff23\" height=\"450\" width=\"800\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p>It&#8217;s all start from an assignment in the class <span style=\"font-family: Georgia, Palatino;\"><em>Spatial Media<\/em><\/span>, with specific requirement as below:<span style=\"font-family: Verdana, Geneva;\"><br \/>\n<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\">+ be site specific (i.e. be designed for an actual location)<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + be designed for use by more than one person<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + involve a horizontal surface<\/span><\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;\">START FROM SPACE<\/span><\/p>\n<p>Because we wanted the experience to be strongly connected with space, we developed the idea starting from <span style=\"font-size: medium;\"><em><span style=\"font-family: Georgia, Palatino;\">space<\/span><\/em><\/span>. We chose rooftop because its exciting yet rusted characters, and we thought it has the potential to be a relaxing playground for citizens, especially for cities with limited space.<\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;\">CONCEPT<\/span><\/p>\n<p><span style=\"font-family: Verdana, Geneva;\"><span style=\"font-family: Georgia, Palatino; font-size: small;\">+ Utilize the height and windy characters directly from space<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\">+ Cooperate with your teammates to maximize and exaggerate the excitement<\/span><br \/>\n<\/span><\/p>\n<p><a href=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old.jpeg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-1067\" alt=\"SP_Rooftop_old\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old-1024x854.jpeg\" width=\"1024\" height=\"854\" srcset=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old-1024x854.jpeg 1024w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old-300x250.jpeg 300w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old-304x253.jpeg 304w, http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/02\/SP_Rooftop_old.jpeg 1853w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;\">SWINGS PRODUCTION(making miniature!)<\/span><\/p>\n<p><span style=\"font-family: Georgia, Palatino; font-size: small;\">+ woods<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + necklace chains &amp; rings<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + thin hemp rope<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + webcam<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + monitor<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + white board<\/span><\/p>\n<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 25%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n<div id='gallery-2' class='gallery galleryid-1246 gallery-columns-4 gallery-size-thumbnail'>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/2014-02-27-15-00-18\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/2014-02-27-15.00.18-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/2014-02-28-19-39-32\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/2014-02-28-19.39.32-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing_progress-media-content\/img_3032\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_3032-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_3229\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_3229-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_3059\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_3059-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing_progress-media-content\/img_3018\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_3018-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_3235\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_3235-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p>\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<p><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;\">TECHNIQUES<\/span><\/p>\n<p><span style=\"font-family: Georgia, Palatino; font-size: small;\"> + Openframeworks<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + videoGrabber<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + videoPlayer<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + color detection<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + image sequences<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + soundPlayer<\/span><\/p>\n<p><em>Swing range test<\/em><br \/>\n<iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/88273783?byline=0&amp;color=c9ff23\" height=\"597\" width=\"800\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><em>Infinite Loop<\/em><br \/>\nThis is one of the amazing beautiful mistake with the infinite loop between monitor showing what camera capturing and camera capturing monitor.<br \/>\n<iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/89045870?byline=0&amp;color=c9ff23\" height=\"450\" width=\"800\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/p>\n<p><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px;\">HOW IT WORKS<\/span><\/p>\n<p><span style=\"font-family: Georgia, Palatino; font-size: small;\"> + Team A &amp; Team B<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + swing people*5 need to cooperate to swing as high as they can to shoot out the strong thunder, or either weak thunder or NO thunder will be shoot out(different thunder sound effects).<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + people in the center can block the thunders by stepping on them(scoring sound effect + spark sequence), so two team have to try to rope in the people in the center<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + once thunders reach the other side, strong thunder gets 2 scores, weak thunder gets 1 score.<\/span><br \/>\n<span style=\"font-family: Georgia, Palatino; font-size: small;\"> + SWING OR DIE.<\/span><\/p>\n<style type=\"text\/css\">\n\t\t\t#gallery-4 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 25%;\n\t\t\t}\n\t\t\t#gallery-4 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n<div id='gallery-4' class='gallery galleryid-1246 gallery-columns-4 gallery-size-thumbnail'>\n<dl class='gallery-item'>\n<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_1841\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1841-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_1834\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1834-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/?attachment_id=1245'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/present-150x150.jpeg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/roofwing\/img_1856\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2014\/03\/IMG_1856-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/>\n\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A flying + walking, surreal experience design for rooftop. Work done with amazing John. It&#8217;s all start from an assignment in the class Spatial Media, with specific requirement as below:&#8230; <a class=\"read-more\" href=\"http:\/\/www.jhclaura.com\/roofwing\/\">Read The Rest &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[127,120,116],"tags":[167,96,166,23,13,80,168],"_links":{"self":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1246"}],"collection":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/comments?post=1246"}],"version-history":[{"count":7,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1246\/revisions"}],"predecessor-version":[{"id":1265,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/1246\/revisions\/1265"}],"wp:attachment":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/media?parent=1246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/categories?post=1246"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/tags?post=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}