ART & GALLERY
ART & GALLERY
Breaths intertwine in peaceful soundscape Green Chandeliers
This is the sixth summer installation to tune in to the Omotesando summer. Visitors taking a break can look up at the greenery suspended in the atrium space and inhale the atmosphere. The sound of breathing intertwines with Marihiko Hara’s sound installation to create a peaceful soundscape. This restful space, a place to pause and relax, is one of the delights of GYRE this summer.
JTQ Inc. JTQ Inc. is a “space creation consulting firm” providing creative direction for clients to enable them to deliver their messages through the medium of space. JTQ provides spatial development for events, exhibitions, and installations. It has produced its own space compose method for spatial development, and gained popularity in a variety of fields for experience design that integrates the environment with specific situations. http://jtq.jp/
Marihiko Hara Marihiko Hara is a composer and graduate of the Faculty of Education at Kyoto University. His main interest is to compose serene silence in music and to pursue his own texture of sounds through electric/acoustic sounds and field recordings. His albums include “Landscape in Portrait,” which he released worldwide in 2017 as a solo artist. His wide range of activities includes an impromptu performance with Ryuichi Sakamoto, and producing sound and music for Hideki Noda, Kohei Nawa, and Damien Jalet. He has participated in the art collective Dumb Type, as well as the Dumb Type exhibition at Centre Pompidou-Metz, and in Shiro Takatani’s ST/LL and CHROMA performances. http://www.marihikohara.com/
GYRE SUMMER INSTALLATION 2018 Breathe
Period: August and September 2018 / 11:00 - 20:00 / Open every dayOrganizer: GYREMusic: Marihiko HaraProduction: JTQ Inc.JTQ Inc.: HiRAO INCPress Contact: HiRAO INC (03-5771-8808 / mifune@hirao-inc.com)Venue: GYRE 1F - 5F
var GYRE = GYRE || {}; GYRE.ARTDETAIL = {}; GYRE.ARTDETAIL.INIT = []; GYRE.ARTDETAIL.DESTROY = [];
var GYRE = GYRE || {};
GYRE.ARTDETAIL = {};
GYRE.ARTDETAIL.INIT = [];
GYRE.ARTDETAIL.DESTROY = [];
var adjustPcCarouselTxt = {
init:function() {
var $baseElement = $('#jsi-carouseltxt-basepoint');
var $targetElement = $('#jsi-carouseltxt-adjustpoint');
if (!$baseElement || !$baseElement) return;
$targetElement.css({top:$baseElement.outerHeight(true)});
$(window).on('resize.adjustPcCarouselTxt', function() {
if ($(window).width() <= 736) return;
$targetElement.css({top:$baseElement.outerHeight(true)});
});
}, destroy:function() {
$(window).off('resize.adjustPcCarouselTxt');
}
};
GYRE.ARTDETAIL.INIT.push(adjustPcCarouselTxt.init);
GYRE.ARTDETAIL.DESTROY.push(adjustPcCarouselTxt.destroy);
var adjustSpCarouselIndicator = {
init:function() {
var $baseElement = $('.jsc-adjust-indicator-basepoint'), $baseElementWrap = $('.jsc-carousel-loop'),
$targetElement = $('.jsc-indicator-container'), param;
if (!$baseElement || !$baseElement || !$baseElementWrap) return;
param = $('#jsi-carouseltxt-adjustpoint').outerHeight(true) + parseInt($baseElementWrap.css('padding-bottom'), 10);
$targetElement.css({bottom:param});
$(window).on('resize.adjustSpCarouselIndicator', function() {
if ($(window).width() > 736) return;
param = $('#jsi-carouseltxt-adjustpoint').outerHeight(true) + parseInt($baseElementWrap.css('padding-bottom'), 10);
$targetElement.css({bottom:param});
});
}, destroy:function() {
$(window).off('resize.adjustSpCarouselIndicator');
}
};
GYRE.ARTDETAIL.INIT.push(adjustSpCarouselIndicator.init);
GYRE.ARTDETAIL.DESTROY.push(adjustSpCarouselIndicator.destroy);
var adjustKvTitle = {
init:function() {
_self = adjustKvTitle;
_self.setParams();
_self.bindEvent();
_self.setCenterY();
}, setParams:function() {
_self.$window = $(window);
_self.$kv = $('#jsi-fit-contents');
_self.$title = $('.jsc-kv-title');
}, bindEvent:function() {
_self.$window.on('scroll.adjustKvTitle', $.proxy(_self.setCenterY, _self));
_self.$window.on('resize.adjustKvTitle', $.proxy(_self.setCenterY, _self));
}, setCenterY:function() {
if (_self.$window.width() > 736) {
_self.$title.css({'top':'calc(-50vh)'});
return;
}
var y = _self.$kv.height() / 2 + _self.$title.height() / 2;
_self.$title.css({'top':-y});
}, destroy:function() {
$(window).off('resize.adjustKvTitle');
$(window).off('scroll.adjustKvTitle');
}
};
GYRE.ARTDETAIL.INIT.push(adjustKvTitle.init);
GYRE.ARTDETAIL.DESTROY.push(adjustKvTitle.destroy);
var $pageWrapper = $('#jsi-page-wrapper');
if ($pageWrapper.hasClass('jsc-art-detail') && (GYRE.ARTDETAIL.INIT.length > 0)) {
GYRE.ARTDETAIL.DESTORY_ONE_FLAG = true;
GYRE.ARTDETAIL.INIT.forEach(function(value) {
value();
});
} else {
GYRE.ARTDETAIL.DESTORY_ONE_FLAG = false;
}
(function() {
(function(u) {
var b, c, g, h, has, o, s, ua, w;
ua = u.toLowerCase();
has = function(t) {
return ua.indexOf(t) > -1;
};
g = 'gecko';
w = 'webkit';
s = 'safari';
o = 'opera';
h = document.documentElement;
b = [!(/opera|webtv/i.test(ua)) && /msie\s(\d+)/.test(ua) ? 'ie ie' + RegExp.$1 : /trident\/(\d+)/.test(ua) ? 'ie ie' + (parseInt(RegExp.$1) + 4) : /firefox\/(\d+)/.test(ua) ? g + (' ff ff' + RegExp.$1) : has('gecko/') ? g : has('opera') ? o + (/version\/(\d+)/.test(ua) ? ' ' + o + RegExp.$1 : /opera(\s|\/)(\d+)/.test(ua) ? ' ' + o + RegExp.$2 : '') : has('chrome') ? w + ' chrome' : has('applewebkit/') ? w + ' ' + s + (/version\/(\d+)/.test(ua) ? ' ' + s + RegExp.$1 + (RegExp.$1 * 1 >= 11 ? ' safari11over' : '') : '') : has('mozilla/') ? g : '', has('edge') ? 'edge' : void 0, has('mac') ? 'mac' + (/mac os x (\d+)_(\d+)/.test(ua) ? ' osx osx' + RegExp.$1 + ' osx' + RegExp.$1 + '_' + RegExp.$2 : '') : has('darwin') ? 'mac' : has('j2me') ? 'mobile' : has('webtv') ? 'webtv' : has('win') ? (has('nt 4') ? 'win winnt' : has('nt 5') ? 'win xp' : has('nt 6.1') ? 'win win7' : has('nt 6.2') ? 'win win8' : has('nt 6.3') ? 'win win8 win8.1' : has('nt 6.0') ? 'win vista' : 'win') : has('freebsd') ? 'freebsd' : has('x11') || has('linux') ? 'linux' : '', has('iemobile') ? ' sp iemobile' : has('iphone') ? ' iphone sp' + (/os (\d+)_(\d+)/.test(ua) ? ' ios ios' + RegExp.$1 + ' ios' + RegExp.$1 + '_' + RegExp.$2 : '') : has('ipod') ? ' ipod sp' + (/os (\d+)_(\d+)/.test(ua) ? ' ios ios' + RegExp.$1 + ' ios' + RegExp.$1 + '_' + RegExp.$2 : '') : has('ipad') ? ' ipad tablet' + (/os (\d+)_(\d+)/.test(ua) ? ' ios ios' + RegExp.$1 + ' ios' + RegExp.$1 + '_' + RegExp.$2 : '') : has('android') ? (has('mobile') ? ' android sp' : ' android tablet') : has('dream') ? ' android sp' : has('cupcake') || has('blackberry') || has('webos') || has('incognito') || has('webmate') ? ' sp' : '', 'js'];
c = b.join(' ');
h.className += ' ' + c;
return c;
})(navigator.userAgent);
}).call(this);
$(function(){var t=$("html");if(t.hasClass("safari")&&t.hasClass("iphone")){var i=$(".p-intro"),s=$(window).height();i.css("height",s+"px"),i.css("top",-s+"px")}}),function(t){var i;i=function(){function i(t){this.path=t}return i.prototype.load=function(){var i,s;return i=t.Deferred(),(s=t("<img />")).on("load",function(t){return i.resolve(s)}).on("error",function(t){return i.reject()}).attr("src",this.path),i.promise()},i}(),this.ImageLoader=i}($),function(t){var i=function(){this.base,this.mono,this.path,this.width,this.height,this._constructor.apply(this,arguments)},s=i.prototype;s._constructor=function(t){arguments.length>0&&(this.base=new Image,this.mono=new Image,this.path=t)},s.load=function(){var t=this,i=$.Deferred(),s=t.path.replace(".jpg","-m.jpg");return $.when(new ImageLoader(t.path).load(),new ImageLoader(s).load()).then(function(){t.base.src=t.path,t.mono.src=s,t.width=t.base.width,t.height=t.base.height,i.resolve()}),i.promise()},t.BreatheImage=i}(window),function(t){var i=function(){this.domElement,this.canvasNode,this.isRunning=!1,this.w,this.h,this.slitHeight,this.imageList,this._constructor.apply(this,arguments)},s=i.prototype;s._constructor=function(i,s,e){arguments.length>0&&(this.domElement=document.createElement("canvas"),this.domElement.width=this.w=s*t.devicePixelRatio,this.domElement.height=this.h=e*t.devicePixelRatio,this.canvasNode=$(this.domElement),this.canvasNode.css({width:s+"px",height:e+"px"}),this.node=i,this.titleNode=i.find(".p-intro__title"),this.imageList=[],this.slitHeight=s<737?181*t.devicePixelRatio:200*t.devicePixelRatio)},s.resize=function(i,s){var e=this;e.canvasNode.css({width:i+"px",height:s+"px"}),i*=t.devicePixelRatio,s*=t.devicePixelRatio,e.w=i,e.h=s,e.domElement.width=i,e.domElement.height=s,e.cue,e.src;var h=e.images.length,o=e.slitHeight=200*t.devicePixelRatio;for(i<737&&(o=181*t.devicePixelRatio);h--;)e.images[h].resize(i,s,o);return e},s.show=function(){var i=this,s=i.node,e=$("html").hasClass("sp")?s.attr("data-srcs"):s.attr("data-src");e=e.split(","),i.src=e.concat();var h,o=i.titleNode;o.css({clip:"rect(auto 0 auto auto)"}),i.images=[],i.node.append(i.canvasNode.css({position:"absolute",top:"0",left:"0",right:"0",zIndex:"0"}));var n,a=this.c=this.domElement.getContext("2d"),r=(this.w,this.h,200);n=e.shift();var c=new BreatheImage(n);return c.load().done(function(){i.imageList.push(c);var e=new SlitImage(a,c,i.w,i.h,i.slitHeight);e.show(),i.images.unshift(e),setInterval(function(){a.clearRect(0,0,i.w,i.h);for(var e=i.images.length;e--;)i.images[e].update();if(!h){var n=i.images[0].slits[0].ratio;o.css("clip","rect(auto "+n*i.w/t.devicePixelRatio+"px auto auto)"),i.images[0].slits[0].isRunning||(h=!0,s.find(".p-intro__titlebase").css("display","none"),o.css("clip","rect(auto auto auto auto)"))}e=i.images.length;for(var l=0;l<e;l++)if(!i.images[l].isRunning&&l!=e-1)for(e-=l+1;e--;)i.images.pop();if(0==r--){c=i.imageList.shift(),i.imageList.push(c);var u=new SlitImage(a,i.imageList[0],i.w,i.h,i.slitHeight);u.show(),i.images.unshift(u),r=240}},1e3/60),i.loadNext()}),i.cue=e,this},s.loadNext=function(){var t=this;if(!(t.cue.length<=0)){var i=t.cue.shift(),s=new BreatheImage(i);s.load().done(function(){t.imageList.push(s),t.loadNext()})}},t.Breathe=i}(window),function(t){var i=function(){this.c,this.isRunning=!1,this.w,this.h,this.x,this.image,this.slits,this.count,this.slitHeight,this.SLIDE_OFFSET=40,this._constructor.apply(this,arguments)},s=i.prototype;s._constructor=function(t,i,s,e,h){arguments.length>0&&(this.w=s,this.h=e,this.slitHeight=h,this.c=t,this.image=i,this.x=-this.SLIDE_OFFSET,this.slits=[],this.count)},s.resize=function(t,i,s){var e=this;e.w=t,e.h=i,e.slitHeight=s,e.slits.sort(function(t,i){return t.y<i.y?-1:t.y>i.y?1:0});for(var h=e.slits.length,o=0,n=0;n<h;n++)e.slits[n].resize(t,e.slitHeight,o),o+=e.slitHeight;return e},s.show=function(){var t=this;t.isRunning=!0,t.x=-t.SLIDE_OFFSET,t.count=0;for(var i=t.slitHeight,s=t.h/2-i/2,e=new Slit(t.c,t.image,t.w,i,s,0);;){if((s-=i)<=0){t.slits.push(new Slit(t.c,t.image,t.w,i+s,0,s));break}t.slits.push(new Slit(t.c,t.image,t.w,i,s,s))}for(s=t.h/2+i/2;;){if(s+i>=t.h){t.slits.push(new Slit(t.c,t.image,t.w,t.h-s,s,s));break}t.slits.push(new Slit(t.c,t.image,t.w,i,s,s)),s+=i}t.slits=t.slits.shuffle(),t.slits.unshift(e);for(var h=t.slits.length;h--;)t.slits[h].show(0==h?20:3*h+60+20);return this},s.update=function(){var t=this,i=t.slits.length,s=Math.max(t.w/(t.image.width-t.SLIDE_OFFSET),t.h/t.image.height);t.x+=.01*(0-t.x);for(var e=-(t.w/s-(t.image.width+t.SLIDE_OFFSET))/2+t.x,h=-(t.h/s-t.image.height)/2,o=!1;i--;)t.slits[i].update(s,e,h),o=o||t.slits[i].isRunning;if(102==t.count++)for(i=t.slits.length;i--;)t.slits[i].color(3*i);return t.isRunning=o,o},t.SlitImage=i}(window),function(t){var i=function(){this.c,this.image,this.isRunning=!1,this.isColoring=!1,this.ratio,this.delay,this.colorRatio,this.colorDelay,this.w,this.h,this.y,this.n,this.v1,this.v2,this.nc,this.v1c,this.v2c,this._constructor.apply(this,arguments)},s=i.prototype;s._constructor=function(t,i,s,e,h,o){arguments.length>0&&(this.w=s,this.h=e,this.c=t,this.y=h,this.cropY=o,this.n=.1*(2*Math.random()+.8),this.nc=.1*(2*Math.random()+.8),this.image=i)},s.resize=function(t,i,s){return this.w=t,this.h=i,this.y=s,this},s.show=function(t){var i=this;return i.delay=t,i.isRunning=!0,i.ratio=0,i.v1=i.v2=i.v1c=i.v2c=0,i.v1c=.01,i.v1=.005,this},s.color=function(t){this.isColoring=!0,this.colorRatio=0,this.colorDelay=t},s.update=function(t,i,s){var e=this;if(e.delay--<=0){e.isRunning&&(e.v1*=1.2,e.v2=(1-e.ratio)*e.n,e.ratio+=Math.min(e.v1,e.v2),e.ratio>.9994&&(e.ratio=1,e.isRunning=!1));var h=0,o=e.y,n=e.w*e.ratio,a=e.h;e.isColoring&&e.colorDelay--<=0?(e.v1c+=1.2,e.v2c=(1-e.colorRatio)*e.n,e.colorRatio+=Math.min(e.v1c,e.v2c),e.colorRatio>.9994&&(e.colorRatio=1),e.colorRatio<1?(e.c.drawImage(e.image.mono,i,s+o/t,e.w*e.ratio/t,a/t,h,o,n,a),n=e.w*e.colorRatio,h=0,e.c.drawImage(e.image.base,i,s+o/t,n/t,a/t,h,o,n,a)):(n=e.w,e.c.drawImage(e.image.base,i,s+o/t,n/t,a/t,h,o,n,a))):e.c.drawImage(e.image.mono,i,s+o/t,e.w*e.ratio/t,a/t,h,o,n,a)}return!1},t.Slit=i}(window),$(function(){var t=$(window),i=new Breathe($(".p-intro"),t.width(),t.height());i.show(),$("html").hasClass("sp")||t.on("resize",function(){i.resize(t.width(),t.height())})}),Array.prototype.shuffle=function(){for(var t=this.length;t;){var i=Math.floor(Math.random()*t),s=this[--t];this[t]=this[i],this[i]=s}return this};
var $pageWrapper = $('#jsi-page-wrapper'); if($pageWrapper.hasClass('jsc-art-detail') && (GYRE.ARTDETAIL.INIT.length > 0)){ GYRE.ARTDETAIL.DESTORY_ONE_FLAG = true; GYRE.ARTDETAIL.INIT.forEach(function(value){ value(); }); } else { GYRE.ARTDETAIL.DESTORY_ONE_FLAG = false; }