{"id":45,"date":"2015-02-08T19:28:14","date_gmt":"2015-02-08T19:28:14","guid":{"rendered":"http:\/\/nathanielober.com\/portfolio\/?page_id=45"},"modified":"2022-05-23T04:59:20","modified_gmt":"2022-05-23T04:59:20","slug":"transfluent-orchestra","status":"publish","type":"page","link":"http:\/\/nathanielober.com\/portfolio\/work\/transfluent-orchestra\/","title":{"rendered":"Transfluent Orchestra"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/109478473?color=ffffff&amp;title=0&amp;byline=0&amp;portrait=0\" width=\"900\" height=\"506\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>The Transfluent Orchestra is a collaborative project with <a href=\"http:\/\/genefelice.com\/art\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #993366;\">Gene A. Felice II<\/span> <\/a>that uses light and sound to create large-scale, site specific performances in public spaces. The work combines live projection mapping with live sound and often runs in tandem with performance and visual artists.&nbsp;The Transfluent Orchestra has been featured at the Yerba Buena Center for the Arts &#8220;Open Cities&#8221;, the (MAH) Museum of Art and History&#8217;s &nbsp;annual &#8220;Glow Festival&#8221;, Bloom Santa Cruz, and the ZERO1 garage.<\/p>\n<p>&nbsp;<\/p>\n<script>\n\tvar lightbox_transition = 'elastic';\n\tvar lightbox_speed = 800;\n\tvar lightbox_fadeOut = 300;\n\tvar lightbox_title = false;\n\tvar lightbox_scalePhotos = true;\n\tvar lightbox_scrolling = false;\n\tvar lightbox_opacity = 0.501;\n\tvar lightbox_open = false;\n\tvar lightbox_returnFocus = true;\n\tvar lightbox_trapFocus = true;\n\tvar lightbox_fastIframe = true;\n\tvar lightbox_preloading = true;\n\tvar lightbox_overlayClose = true;\n\tvar lightbox_escKey = true;\n\tvar lightbox_arrowKey = true;\n\tvar lightbox_loop = true;\n\tvar lightbox_closeButton = true;\n\tvar lightbox_previous = \"previous\";\n\tvar lightbox_next = \"next\";\n\tvar lightbox_close = \"close\";\n\tvar lightbox_html = false;\n\tvar lightbox_photo = false;\n\tvar lightbox_width = '';\n\tvar lightbox_height = '';\n\tvar lightbox_innerWidth = 'false';\n\tvar lightbox_innerHeight = 'false';\n\tvar lightbox_initialWidth = '300';\n\tvar lightbox_initialHeight = '100';\n        \n\tvar maxwidth=jQuery(window).width();\n        if(maxwidth>1200){maxwidth=1200;}\n        var lightbox_maxWidth = maxwidth;\n        var lightbox_maxHeight = 1200;\n        \n\tvar lightbox_slideshow = false;\n\tvar lightbox_slideshowSpeed = 2500;\n\tvar lightbox_slideshowAuto = true;\n\tvar lightbox_slideshowStart = \"start slideshow\";\n\tvar lightbox_slideshowStop = \"stop slideshow\";\n\tvar lightbox_fixed = false;\n\t\t\tvar lightbox_top = false;\n\t\tvar lightbox_bottom = false;\n\t\tvar lightbox_left = false;\n\t\tvar lightbox_right = false;\n\t\t\n\tvar lightbox_reposition = false;\n\tvar lightbox_retinaImage = true;\n\tvar lightbox_retinaUrl = false;\n\tvar lightbox_retinaSuffix = \"@2x.$1\";\n\t\n\t\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery(\"#huge_it_gallery_content_25 a[href$='.jpg'], #huge_it_gallery_content_25 a[href$='.png'], #huge_it_gallery_content_25 a[href$='.gif']\").addClass('group1');\n\t\t\t\t\n\t\t\t\t\n\t\t\t\tjQuery(\".group1\").colorbox({rel:'group1'});\n\t\t\t\tjQuery(\".youtube\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\n\t\t\t\tjQuery(\".vimeo\").colorbox({iframe:true, innerWidth:640, innerHeight:390});\n\t\t\t\tjQuery(\".iframe\").colorbox({iframe:true, width:\"80%\", height:\"80%\"});\n\t\t\t\tjQuery(\".inline\").colorbox({inline:true, width:\"50%\"});\n\t\t\t\tjQuery(\".callbacks\").colorbox({\n\t\t\t\t\tonOpen:function(){ alert('onOpen: colorbox is about to open'); },\n\t\t\t\t\tonLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },\n\t\t\t\t\tonComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },\n\t\t\t\t\tonCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },\n\t\t\t\t\tonClosed:function(){ alert('onClosed: colorbox has completely closed'); }\n\t\t\t\t});\n\n\t\t\t\tjQuery('.non-retina').colorbox({rel:'group5', transition:'none'})\n\t\t\t\tjQuery('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});\n\t\t\t\t\n\n\t\t\t\tjQuery(\"#click\").click(function(){ \n\t\t\t\t\tjQuery('#click').css({\"background-color\":\"#f00\", \"color\":\"#fff\", \"cursor\":\"inherit\"}).text(\"Open this window again and this message will still be here.\");\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\t\t\t});\n\t\t\n<\/script>\n\t<!--Huge IT gallery START-->\n\t<!-- GALLERY CONTENT POPUP -->\n\t\t<link href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/style\/colorbox-3.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t<!--\t<link href=\"\" rel=\"stylesheet\" type=\"text\/css\" \/>\n\t<script src=\"\"><\/script>\n\t<script src=\"\"><\/script>\n\t<link rel=\"stylesheet\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/style\/style2-os.css\" \/>\n\t<script src=\"\"><\/script>\n\t<link href=\"\" rel=\"stylesheet\" type=\"text\/css\" \/>-->\n\t\n\t\n\t\n\t\t\n\n\t                <link rel=\"stylesheet\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/style\/justifiedGallery.css\" \/>\n\t\t<script>\n\t\t\tvar imagemargin=10;\n\t\t\tvar imagerandomize=true;\n\t\t\tvar imagecssAnimation=true;\n\t\t\tvar imagecssAnimationSpeed=2000;\n\t\t\tvar imageheight= 200;\n\t\t\tvar imagejustify= true;\n\t\t\tvar imageshowcaption= false;\n\t\t\t\/\/var imagemaxheight=;\n\t\t\t\/\/var imagefixed=;\n\t\t<\/script>\n\t    <script src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/js\/justifiedGallery.js\"><\/script>\n        \n<style>\n\t.justified-gallery {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t}\n\t.justified-gallery > a,\n\t.justified-gallery > div {\n\t\tposition: absolute;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t\toverflow:hidden;\n\t\tfilter: alpha(opacity=0);\n\t\t\/* IE8 or Earlier *\/\n\t}\n\t.justified-gallery > a > img,\n\t.justified-gallery > div > img {\n\t   \/* width: 200px !important;*\/\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tpadding: 0;\n\t\t\/\/border: px solid #;\n\t\t\/\/border-radius: px;\n\t}\n\t.justified-gallery > a > .caption,\n\t.justified-gallery > div > .caption {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tpadding: 5px;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tmargin: 0;\n\t\tcolor: #544B4B;\n\t\tfont-size: 13px;\n\t\tfont-weight: 300;\n\t\tfont-family: sans-serif;\n\t\t\/\/margin-left: px;\n\t\tbackground:rgba(123,61,135,0.9)  !important;\n\t\t\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space:nowrap;\n\t}\n\t.justified-gallery > a > .caption.caption-visible,\n\t.justified-gallery > div > .caption.caption-visible {\n\t\tdisplay: initial;\n\t\topacity: 0.7;\n\t\tfilter: \"alpha(opacity=70)\";\n\t\t\/* IE8 or Earlier *\/\n\t\t-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;\n\t\t-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;\n\t\t-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;\n\t}\n\t.justified-gallery > .entry-visible {\n\t\topacity: 1.0;\n\t\tfilter: alpha(opacity=100);\n\t\t\/* IE8 or Earlier *\/\n\t\t-webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;\n\t\t-moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;\n\t\t-ms-animation: justified-gallery-show-entry-animation 300ms 0 ease;\n\t}\n\t.justified-gallery > .spinner {\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\tmargin-left: -24px;\n\t\tpadding: 10px 0 10px 0;\n\t\tleft: 50%;\n\t\topacity: initial;\n\t\tfilter: initial;\n\t\toverflow: initial;\n\t}\n\t.justified-gallery > .spinner > span {\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t\tfilter: alpha(opacity=0);\n\t\t\/* IE8 or Earlier *\/\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\tmargin: 0 4px 0 4px;\n\t\tbackground-color: #000;\n\t\tborder-top-left-radius: 6px;\n\t\tborder-top-right-radius: 6px;\n\t\tborder-bottom-right-radius: 6px;\n\t\tborder-bottom-left-radius: 6px;\n\t}\n        .play-icon {\n                position:absolute;\n                top:0px;\n                left:0px;\n                width:100%;\n                height:100%;\t\n\n        }\n\n        .play-icon.youtube-icon {background:url(http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/images\/play.youtube.png) center center no-repeat;}\n        .play-icon.vimeo-icon {background:url(http:\/\/nathanielober.com\/portfolio\/wp-content\/plugins\/gallery-images\/Front_end\/..\/images\/play.vimeo.png) center center no-repeat;}\n<\/style>\n\n\n                <div id=\"mygallery_25\" class=\"clearfix\">\n                                                                                    <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-22.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img0\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-22.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-25.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img1\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-25.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-34.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img2\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/ybca-opencities-34.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/Ship1.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img3\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/Ship1.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/DSC_0043.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img4\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/DSC_0043.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/bloom-scott-26.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img5\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/bloom-scott-26.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/bloom-scott-37.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img6\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/bloom-scott-37.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-221.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img7\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-221.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-27.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img8\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-27.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-2.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img9\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/mah-glow-2.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_4632.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img10\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_4632.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_4623.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img11\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_4623.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_6427.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img12\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_6427.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_8977.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img13\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/IMG_8977.jpg\"\/>\n                                <\/a>\n                                                                                                                                <a class=\"group1\" href=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/transfluence1.jpg\">\n                                    <img alt=\"\" id=\"wd-cl-img14\" alt=\"\" src=\"http:\/\/nathanielober.com\/portfolio\/wp-content\/uploads\/2015\/10\/transfluence1.jpg\"\/>\n                                <\/a>\n                                                                                <\/div>\n\n\n<script>\n    jQuery(document).ready(function(){\n\n    jQuery(\"#mygallery_25\").justifiedGallery();\n\n}); \n<\/script>\n        \n","protected":false},"excerpt":{"rendered":"<p>The Transfluent Orchestra is a collaborative project with Gene A. Felice II that uses light and sound to create large-scale, site specific performances in public spaces. The work combines live projection mapping with live sound and often runs in tandem with performance and visual artists.&nbsp;The Transfluent Orchestra has been featured at the Yerba Buena Center [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1448,"parent":2161,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":[],"_links":{"self":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/45"}],"collection":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":11,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":2332,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/45\/revisions\/2332"}],"up":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/2161"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/media\/1448"}],"wp:attachment":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}