CREATIVE WEB / INDEPENDENT STUDY

Lusion 風格互動研究

結合即時 3D 造型、游標互動與太空人捲動場景,探索具有空間感的網站敘事。

Three.jsWebGL捲動互動
Lusion 風格互動研究實際網站畫面
PROJECT VIEW 以 Lusion 網站為視覺參考的獨立重製練習,非官方或委託作品。展示圖像為生成素材,3D 場景與太空人模型由本專案實作。
01 / EXPERIENCE

設計與功能

  1. 01

    回應游標的立體造型

    以即時渲染的模組造型呈現散開、回彈與色彩切換,搭配游標拖尾,讓首頁能回應使用者的探索。

  2. 02

    從平板走進太空

    隨捲動將平板畫面推進至沉浸式場景,串連地球背景、太空人肢體動畫與透視文字隧道。

  3. 03

    視覺展示與互動控制

    整合作品視窗、視覺輪播與動畫暫停功能,並提供太空人模型檢視頁,探索造型與材質細節。

02 / SCREENS

畫面細節

點選圖片可放大瀏覽。