GUANNY 是一個探索「極致視覺張力」與「網頁物理互動」的實驗性數位空間。 我們汲取電子競技的爆發力與流行音樂節的聲波律動，將冰冷的靜態網頁轉化為能隨游標旋轉、蓄力爆裂、重力散落並磁吸復原的沉浸式 3D 舞台。
打破傳統對稱框架，融合 23.5° 戰術傾角切線與高對比紅黑能量噴濺，打造極限張力。
將聲音振動具象化為同心波紋與通透折射晶體，在理性幾何與有機光影中尋求平衡。
注入 6~10% 能量充能與 8% 機率暴擊過載、自由落體碎塊散落與一鍵磁吸倒帶，讓網頁兼具趣味性與遊戲感。
兩個截然不同的美學宇宙，在 GUANNY 碰撞出獨特的感官對話：
突破常規、極限張力與能量爆裂的電競力量感
圖片來源：LoL Esports 活動頁面擷取，僅作為本站創作構想之參考資料，非商業用途。圖像著作權與商標屬 Riot Games 所有。
MSI 2026 的視覺語言大膽拋棄了傳統對稱平衡，採用充滿衝擊力的 23.5° 幾何斜切與鮮烈破壞紅。 這份追求極致突破的競技魄力，成為 GUANNY 主視覺中「過載暴擊、碎片散落」的核心動力。
同心聲波、參數化波動與透光有機晶體的美學共鳴
圖片來源：臺北流行音樂中心／JAM JAM ASIA 活動頁面擷取，僅作為本站創作構想之參考資料，非商業用途。圖像著作權屬臺北流行音樂中心及原主辦單位所有。
北流 JAM JAM ASIA 亞洲音樂節以參數化同心同軸聲波、通透前衛的立體晶體花瓣為核心識別。 這啟發了 GUANNY 在 Three.js 空間中構建 3D 雙面折射光影，以及 Web Audio 即時音畫聯動的沉浸共振。
我們如何將平面視覺靈感，轉化為有觸感、有回饋的 3D 數位載體：
提取電競標誌性的 23.5° 傾角切線與音樂節同心波動，建立充滿張力卻秩序井然的非對稱版面架構。
透過 Three.js 演算折射光影花瓣與散射晶體，游標拖曳時能即時感受雙面通透質感與立體空間深淺。
設計 6~10% 能量充能與 8% 機率暴擊過載炸裂、自由落體碎塊散落碰撞，以及一鍵磁吸倒帶復原，帶來流暢驚豔的操控反饋。
簡潔明確的四重色彩組合，點擊任一色塊即可複製色碼：
向啟發本實驗網站的兩大優秀原創團隊致以崇高敬意：
特別感謝 Riot Games 全球電競視覺團隊在 2026 MSI 展現的突破性美學。將極限競技張力、街頭塗鴉風格與工業字體排版融為一體的設計膽識，為數位破壞美學樹立了標竿，是本站碎裂核心的靈感根基。
由衷感謝北流（TMC）與 JAM JAM ASIA 策展團隊。透過參數化幾何聲波與前衛通透的立體晶體花瓣，為亞洲音樂節建構出充滿活力的視覺符碼，啟發了本站對聲音立體化與 3D 折射光影的探索。
返回 3D 空間體驗真實物理互動，或走進典藏藝廊欣賞系列實作：