程式忍者PGNinja

Hacker News

開源瀏覽器外掛 Overgrown 讓荒廢分頁長滿植物

· 工程師 Charlie Gerard 寫了開源 Chrome 外掛 Overgrown,分頁越久沒看就長出越多植物,要用滑鼠砍開才能恢復。

Overgrown 是研究工程師兼創意技術者 Charlie Gerard 做的 Chrome 瀏覽器外掛,靈感來自《陰屍路》與《最後生還者》這類作品裡,廢棄建築被植物吞噬的畫面。她把這個想法搬進瀏覽器:如果分頁太久沒被看,會不會也慢慢被植物佔據?外掛原始碼已經公開在 GitHub 上。

技術實作上,每個分頁內部都有一個「荒廢計時器」,分頁不在前景時持續計時,切回去看就暫停。計時累積越久,植物就從分頁邊緣往中間長;一旦覆蓋超過 5%,頁面就會被封鎖,無法點擊、選取或拖曳內容。要救回分頁,使用者得用滑鼠在植物上拖曳砍殺,武器可以選開山刀、電鋸或火焰噴射器,砍到覆蓋率低於 5% 就能恢復正常使用。程式碼分成背景計時邏輯、負責畫植物動畫的內容腳本,以及顯示設定與分頁狀態的彈出視窗三個部分,植物本身用 SVG 繪製。

這篇在 Hacker News 拿到 385 分,留言區討論的重點不在實用性,而是這種把「瀏覽器分頁管理」這麼日常的煩惱,用荒誕又好玩的方式視覺化呈現,作者自己也坦承這不會真的讓人更勤勞整理分頁,但讓回頭清分頁這件事變得有互動感、不那麼枯燥。

對正在學程式的孩子來說,Overgrown 是很好的「小玩具專案」範例:不需要解決什麼大問題,用瀏覽器外掛搭配 SVG 動畫和滑鼠互動,就能把一個單純的想法做成好玩又能分享給別人玩的作品,而且整個外掛原始碼公開,有興趣的孩子可以直接下載下來看程式怎麼寫的。

開源瀏覽器外掛前端開發創意程式

其他新聞