ART & GALLERY
ART & GALLERY
BAO BAO ISSEY MIYAKEのユニークな世界を体感できる空間が表参道に登場。
BAO BAO ISSEY MIYAKEはイッセイ ミヤケの根幹にある「一枚の布」というコンセプトを体現しているバッグブランドです。平面が立体になることで、偶然によって生まれる予測できない美しさと同時に、その発見がもたらす楽しさや驚きを大切にしています。
今回の展示は、立体彫刻のような魅力あふれる表情が描かれたシリーズ「FACE」をご紹介します。
トートバッグ
フラットポーチ
BAO BAO ISSEY MIYAKE
2018年10月18日（木） - 10月 31日（水） / 11:00 - 20:00 / 無休
EYE OF GYRE / GYRE 3F
CONTACT: MoMA DESIGN STORE(03-5468-5801)、GYRE(03-3498-6990)
●イベント会場内では販売はしませんが、会場隣のMoMA DESIGN STOREで取り扱います
var GYRE = GYRE || {}; GYRE.ARTDETAIL = {}; GYRE.ARTDETAIL.INIT = []; GYRE.ARTDETAIL.DESTROY = [];
var breakpoint = 767;
// show comp for dev
(function () {
if (location.host.match(/localhost/) && location.search.match(/comp/)) {
var compImage = document.querySelector('.js_comp_image');
document.querySelector('.js_comp').style.display = 'block';
compImage.classList.add('jsc-switch-images');
compImage.setAttribute(
'data-src', '/assets/img/art-detail/baobao-face/comp/index.jpg');
compImage.style.top = '0px';
compImage.style.width = '375px';
// compImage.style.width = '1420px';
document.querySelector('.js_comp_visibility').
addEventListener('click', function () {
compImage.style.visibility =
compImage.style.visibility === 'visible' ? 'hidden' : 'visible';
});
document.querySelector('.js_comp_opacity').
addEventListener('click', function () {
compImage.style.opacity =
parseFloat(compImage.style.opacity, 10) === 0.5 ? 1 : 0.5;
});
}
})();
if (bowser.tablet) {
document.body.classList.add('is-tablet');
}
// polyfill of `remove`
(function (arr) {
arr.forEach(function (item) {
item.remove = item.remove || function () {
this.parentNode.removeChild(this);
};
});
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
/**
* switch images depends on layout
*/
function switchImages() {
document.querySelectorAll('.jsc-switch-images').forEach(function (elm) {
elm.src = elm.getAttribute('data-src').replace(
/(png|svg|jpg)$/, (
window.innerWidth <= breakpoint ? 'sp.' : '') + '$1');
});
}
GYRE.ARTDETAIL.INIT.push(function () {
switchImages();
window.addEventListener('resize', switchImages);
});
GYRE.ARTDETAIL.DESTROY.push(function () {
window.removeEventListener('resize', switchImages);
});
/**
* set firstview height
*/
GYRE.ARTDETAIL.INIT.push(function () {
var height = window.innerWidth <= breakpoint ?
window.innerHeight + 'px' : null;
document.getElementById('jsi-firstview').style.height = height;
document.getElementById('jsi-firstview').style.marginTop = '-' + height;
});
/**
* toggle show side title depends on scroll
*/
function toggleSideTitle() {
document.querySelectorAll('.jsc-section-title-left, .jsc-section-title-right').
forEach(function (element) {
if (document.documentElement.scrollTop > window.innerHeight * 2 / 3) {
element.classList.add('section-title--show');
} else {
element.classList.remove('section-title--show');
}
});
}
GYRE.ARTDETAIL.INIT.push(function () {
toggleSideTitle();
window.addEventListener('scroll', toggleSideTitle);
});
GYRE.ARTDETAIL.DESTROY.push(function () {
window.removeEventListener('scroll', toggleSideTitle);
});
/**
* set gallery width
*/
/**
* toggle show side title depends on scroll
*/
function setGalleryWidth() {
var wrapperWidth =
document.getElementById('jsi-baobao-wrapper').clientWidth;
var imageWidth = wrapperWidth / 5 + 1;
document.querySelectorAll('.js-gallery').forEach(function (element) {
element.style.width =
window.innerWidth <= breakpoint ?
'321px' : imageWidth + 'px';
});
document.querySelector('.js-gallery-container').style.width =
window.innerWidth <= breakpoint ?
'9999px' : wrapperWidth + 'px';
document.querySelector('.js-gallery-container').style.opacity = 1;
}
GYRE.ARTDETAIL.INIT.push(function () {
setGalleryWidth();
window.addEventListener('resize', setGalleryWidth);
});
GYRE.ARTDETAIL.DESTROY.push(function () {
window.removeEventListener('resize', setGalleryWidth);
});
/**
* arrow interaction
*/
/* global TweenMax */
/* global TimelineMax */
/* global Power4 */
GYRE.ARTDETAIL.INIT.push(function () {
document.querySelectorAll('.js-gallery-arrow').forEach(function (element) {
var props = { x: 0 };
element.addEventListener('click', function () {
var targetQuery = element.getAttribute('data-target');
var targetWidth =
parseInt(element.getAttribute('data-target-width'), 10);
var targetCount =
(parseInt(element.getAttribute('data-target-count'), 10) || 0) + 1;
var targetMax = parseInt(element.getAttribute('data-target-max'), 10);
TweenMax.to(props, 0.3, {
x: -targetWidth * targetCount,
ease: Power4.easeInOut,
onUpdate: function onUpdate() {
TweenMax.set(targetQuery, {
x: props.x % (targetWidth * targetMax - 1) });
} });
new TimelineMax().
to(element, 0.05, {
x: 5 }).
to(element, 0.05, {
x: 0 });
element.setAttribute('data-target-count', targetCount);
});
});
});
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; }
