體驗 Google 駭客任務 3D
👇 向下滑動開始體驗!
重點資訊
進入 Google 駭客任務 3D,看綠色程式碼雨在前後層之間一路往下落。
elgooG
2023-04-24
可在 elgooG 體驗
打開彩蛋
製作背景
核心想法
自 1999 年以來,《駭客任務》(The Matrix)的程式碼雨一直是科幻電影裡最容易被認出的視覺符號之一。黑底上流動的綠色字符暗示著一個無邊無際的機器世界,也替整個系列留下了極鮮明的畫面語言。
靈感與開發
這個版本一樣從《駭客任務》的綠色數位雨出發,只是把畫面再往前後拉開一些。對想看更有空間感的人來說,這種做法會讓程式碼雨顯得更近,也更深。
彩蛋體驗
看點
頁面打開後,綠色字符會分成多個深度層一起落下。有些看起來近一點,有些飄得更遠,而底下那個 Google 風格的首頁就像靜靜擺在發光窗前的桌面。標誌、按鈕和搜尋框都還看得見。
運作方式
這個特效是蓋在首頁上的 WebGL canvas。它沿用 2D 頁面的 Matrix 字符材質,再透過 3D 深度設定把雨柱分出前後距離,讓整個畫面不再像平貼在同一張表面上。
如何體驗
- 按上方按鈕,打開 Google 駭客任務 3D。
- 看程式碼雨在較近與較遠的層之間一起落下。
- 綠色字符持續移動時,搜尋框還是可以正常使用。
- 想回到 2D 頁面時,按一下 好手氣。
Google 駭客任務 3D 是同一個非官方致敬頁面的分層 3D 變體。它把重點放在更立體的視覺層次,同時維持搜尋框可用,讓前景和背景的程式碼雨一起形成更明顯的深度感。
最後感想
Google 駭客任務 3D 最適合慢慢看。輸入一個搜尋詞,讓發亮的綠色字符從頁面前後滑過;如果之後想把畫面收回比較平穩的狀態,再和 2D 版本切回去比較看看。
常見問題(FAQ)
Google 駭客任務 3D 是什麼?
Google 駭客任務 3D 是一個非官方視覺致敬頁,把 Google 駭客任務原本的程式碼雨效果做成更有深度的分層場景。
綠色字符會在前後不同距離的層之間落下,讓整個首頁像被藏進發光雨幕裡。
它依然是純視覺體驗,沒有分數也沒有挑戰;樂趣就在於看著深度變化,同時讓搜尋框保持可用。
