/* 新增鍵盤左右鍵切換作品的功能 */
document.addEventListener('DOMContentLoaded', function() {
  // 取得按鈕元素
  const prevButton = document.querySelector('.prev-post');
  const nextButton = document.querySelector('.next-post');

  // 監聽鍵盤事件
  document.addEventListener('keydown', function(event) {
    // 判斷按下的按鍵
    if (event.key === 'ArrowLeft' && prevButton) { // 檢查 prevButton 是否存在
      if (prevButton.href) { // 檢查 prevButton 是否具有 href 屬性
        // 觸發上一篇連結
        window.location.href = prevButton.href;
      }
    } else if (event.key === 'ArrowRight' && nextButton) { // 檢查 nextButton 是否存在
      if (nextButton.href) { // 檢查 nextButton 是否具有 href 屬性
        // 觸發下一篇連結
        window.location.href = nextButton.href;
      }
    }
  });
});
jQuery(document).ready(function($) {
    var header = $('.singlework-header');
    var headerHeight = header.outerHeight();
    var isHeaderVisible = false;
    var scrollThreshold = 10; //定滾動多少 px 才會觸發
    var lastScrollTop = 0;
    var headerContainer = $('.singlework-page');
    var scrollTimeout = null; //向上滾動時，延遲多久才會顯示

    $(window).on('load', function() {
        header.css('top', -headerHeight + 'px');
    });

    $(document).mousemove(function(event) {
        if (event.pageY < 50 && !isHeaderVisible) {
            showHeader();
        }
    });

    headerContainer.scroll(function() {
        var scrollTop = $(this).scrollTop();
        var delta = scrollTop - lastScrollTop; // 計算滾動方向

        if (!isHeaderVisible) {
            // 向上滾動超過閾值時，延遲顯示 header
            if (delta < 0 && Math.abs(delta) > scrollThreshold) {
                if (scrollTimeout) {
                    clearTimeout(scrollTimeout);
                }
                scrollTimeout = setTimeout(function() {
                    showHeader();
                }, 150);
            }
        } else {
            // **只有向下滾動時才關閉 header**
            if (delta > 0 && Math.abs(delta) > scrollThreshold) {
                hideHeader();
            }
        }

        lastScrollTop = scrollTop;
    });

    $(document).click(function(event) {
        if (!$(event.target).closest('.singlework-header').length && isHeaderVisible) {
            hideHeader();
        }
    });

    function showHeader() {
        header.addClass('show');
        isHeaderVisible = true;
    }

    function hideHeader() {
        header.removeClass('show');
        isHeaderVisible = false;
    }
});
流床
false
document.addEventListener("DOMContentLoaded", function() {
    // 獲取 meta field 的隱藏元素
    let metaFieldElement = document.querySelector(".singlework-pure-en-title-switcher");
    
    // 獲取 .singlework-title 標題
    let postTitle = document.querySelector(".singlework-title");

    // 確保 metaFieldElement 和 postTitle 存在
    if (metaFieldElement && postTitle) {
        // 讀取 meta field 的值並去除前後空格
        let metaValue = metaFieldElement.innerText.trim().toLowerCase();

        // 如果 meta field 值是 "true"，則將字距設為 0
        if (metaValue === "true") {
            postTitle.style.letterSpacing = "0";
        }
    }
});
2011
四チャンネル映像インスタレーション
複合メディア
そこは、蒼白く抽象化された空間である。音、映像、そして物理的な構造が交錯し、遅延する知覚の体験を編み出している。四方の壁に設置されたスクリーンは互いに角度がずらされ、非対称な視覚領域をつくりだす。グレースケールの映像には、名付けがたい一連の動作──読む、飲み込む、痙攣する、待つ──が繰り返し映し出される。それらの身体は、何らかの儀式に従っているようにも見えるが、物語はどこにも存在しない。動作のあいだには間隔があるが、そこに因果の論理はなく、それらはもはや「演技」ではなく、反復する知覚のユニットとなっている。



展示空間の中央には、白一色の都市模型が傾斜したスチール製の台に配置され、無人の祭壇のように静かに鎮座する。上方からのプロジェクションが降り注ぎ、黒い映像が液体のように建築の輪郭を覆い、また引いていく。都市は繰り返し沈み、また現れる。そのたびに僅かな変化があるが、それは簡単に識別できるものではなく、出来事の差異ではなく、時間そのものの変形であり、空間が知覚に対して行う微細な切断である。



この作品を前にした身体は、常に遅延の中にある。音に囲まれ、映像に包まれ、白と黒の流動に引き留められながら、「理解」しているかどうかも分からなくなる。なぜなら、この場において理解は目的ではなく、時間はもはや流れるものではなくその場にとどまり渦を巻き、知覚は鈍化し判断は機能しなくなる。それは静止ではなく、無限に引き延ばされた現在であり、反復の中で参照点を失っていく経験である。



《流床》は、空間の中に生まれる心理的断面であり、都市構造の残響でもある。それは現実を模倣せず、近代性を批判するものでもなく、ただ観者を脱主体化された視覚条件の中に沈める。視線が分断され、音が遮蔽となり、物語が抜き取られるとき、「見る」ことは未完の行為となり、それは退屈でありながらも絶えず続く知覚の負荷へと変わる。



アーティストが語るのは記憶ではなく、記憶が定着できない条件そのものであり、呼び起こすのは名指しできる出来事ではなく、「時間がどのように異質な物質となるのか」という問いである。このような作品の中では、身体と意識は同一平面に存在せず、「作品を見る」という行為は成立せず、むしろ抜け出すことのできない感覚の遅滞である。私たちが凝視しているのは、生活そのものが剥ぎ取られた後の空の殻である。
2026 CopyRight ©