KPR 是為元宇宙而生的品牌，專注於集體敘事，在他們的世界中匯集藝術、故事、人類，以重新構想一個新型態的媒體與娛樂。

• 進場動態

一進到網站的進場動態十分酷炫炸天，以品牌識別做延伸圖樣動態，搭配音樂讓使用者能馬上進到 KPR所建立的世界觀。

• 主要動態

整體以游標動態搭配滾動動態貫穿，透過 Three.js 3D 渲染 2D 插畫，滑鼠滾動時鏡頭跟著位移，搭配 Parallax 呈現游標互動視差效果。在不同區塊切換間，從卡片的翻轉、人物的轉向到場景的傾斜，每個轉場與細節都讓人感覺身歷其境，真的有進到他們的宇宙感。
卡片的翻轉上，除了用Three.js達成，也可以透過 CSS 搭配 JS 偵測鼠標位置實現。
Demo：https://codepen.io/goiblas/full/pRZbRV

• 點擊事件

關於他們的故事共分為三個區塊，透過故事能更深入他們的世界觀，必須說，一般都會很懶得看這種要慢慢閱讀的網站，但因為他們的瀏覽方式真的是太酷了！透過 Click & Hold 長按會跳出不同的伸縮彈窗，每次點擊跳出的東西都不太一樣，說真的，看不太懂內容，但酷爆！買單！

• 視覺設計

以細線與圓角呈現未來感，就像電影裡看到可以在空氣中拖來拖去的介面。除了以上動態與互動做得嚇嚇叫，最厲害的是網站在使用 3D 後效能還是非常好，在切換到手機版後的動態與互動都完整保留，讓使用者透過手機也能體驗他們所建立的世界。
https://kprverse.com/