[技術交流] 期待未來能升級成 3D 購物頁面!「Galactic Station」:Three.js 打造的網頁版 3D 虛擬商場初探

厭倦了扁平的 2D 網購嗎?Galactic Station…

當我們習慣了電商平台(例如蝦皮、PChome)的 2D 列表和圖片頁面,你是否曾覺得網路購物的體驗過於扁平、缺乏「逛街」的樂趣?

網路購物與實體逛街之間,總少了一種沉浸感與探索性。為此,我們開始了一個令人興奮的技術實驗:「Galactic Station」(銀河車站)

這是一個利用強大的 Three.js 函式庫建構的網頁版 3D 互動空間,我們的終極目標是將它打造成一個像科幻電影中一樣,可以讓使用者透過螢幕「漫遊」的虛擬商場!

「Galactic Station」目前仍處於非常初期的階段,但已經實現了幾個重要的 Web 3D 基礎功能:

  1. 3D 場景渲染: 利用 Three.js 的 WebGL 技術,確保場景在主流瀏覽器上能載入和運行。
  2. 使用者漫遊體驗: 透過鍵盤或滑鼠的簡單操作,在虛擬的商場建築中移動、轉視角,體驗類似第一人稱遊戲的沉浸感。
  3. 未來的無限可能: 目前展示的是基礎結構,但已為未來加入更多的互動元素和光影效果打下了基礎。

相信未來電商的新形態有潛力成為「3D 版商城」:

這個專案目前最需要的就是技術交流與創意激盪!無論您是 Three.js 的高手、對元宇宙應用有獨到見解的設計師,或是對新零售模式感興趣的夥伴,都歡迎與我們分享您的看法和建議。

這是一場正在進行中的實驗,邀請您現在就踏入「Galactic Station」,親自體驗網頁 3D 互動的可能性!

🚀 立即體驗 Web 3D 漫遊:Galactic Station 虛擬場景

Comments

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *