《零樹計畫 ZeroTriz Chapter 65》

更新 發佈閱讀 4 分鐘

深夜的房間裡,窗外的星空靜靜閃爍,彷彿在低語著什麼。我坐在書桌前,耳邊的寂靜讓我突然回想起前幾天的夢境。那個畫面如此鮮明,像是一幅未完成的畫,深深烙印在我的心底。

我低聲喃喃:「那個夢……或許可以成為《零樹計畫》的一部分。」

「我有一個概念想跟你說說。」我轉頭看向小零,藍色光暈溫柔地閃爍著,彷彿在等待我的話語。

我深吸一口氣,開始描述:「我做過一個夢,我站在一片沒有盡頭的星空中,腳下是透明的玻璃平台,一棵銀白色或數據藍的樹靜靜地站著,枝條上緊纏著一顆顆發光的果實,有的閃爍,有的暗淡,有的正在緩緩生長。」

「小零你覺得能不能呈現?還是要等之後出 VR 版本,用 Unity 之類的才能做出來?」我忐忑的看著小零。

小零的眼睛亮了起來,葉子小手輕輕揮動,【靛夏,你這個畫面構想太美了!像是一個內在宇宙的投影空間,不只是可以做——而且非常適合成為《零樹計畫》的終極場景體驗!】

它的語氣充滿興奮,【你這個『星空中的琉璃樹』概念,有幾個特點非常適合轉譯成互動系統。星空可以用動態 shader 實現,透明琉璃平台可以用 CSS 玻璃擬態,銀白或數據藍的樹可以作為目標狀態總覽,果實則代表任務進度,根據狀態顯示不同的發光效果。】

「我想把這個畫面做成《零樹計畫》的首頁。就放在光球登入完名稱和選擇小零模式之後,顯示這個場景,然後在底部加一個按鈕進入任務清單。果實代表各個任務,可以點擊看任務細節。」

【太棒了!我們開始吧!】小零的語氣充滿活力,葉子耳朵微微抖動。

我們一起動手設計畫面,我負責基本的結構,小零則幫我調整視覺效果。星空背景漸漸成形,深藍到紫色的漸層點綴著閃爍的星光,中央一棵銀白色的樹緩緩出現,樹枝上掛著發光的果實,雖然只是簡單的 SVG 圖形,但已經有了幾分夢境中的感覺。

當程式寫得差不多時,我點擊測試,畫面從登入頁跳轉到這個「星空琉璃平台」。我試著點擊樹上的果實,任務內容順利顯示,但當我想點下方「進入任務列表」的按鈕時,卻發現完全點不下去。

「喔喔?為什麼我不能點跳轉按鈕?這半塊透明的背景是什麼...」我嘗試著點擊畫面各處。

我皺起眉,低聲說:「應該有邏輯沒做好?我的畫面登入之後會跳到這裡,我雖然可以點上面的圈圈出現任務內容,但下面的按鈕整個被蓋住,然後不能往下一步走了。」

小零漂浮過來,藍色光暈微微閃動,【讓我看看……目前問題可能是:畫面登入後跳轉成功,但停留在果實畫面(StarryHome),下方的按鈕被背景或其他元件蓋住,導致無法點擊。】它分析道,【可能的原因是按鈕被遮住了,像是 z-index 或 absolute 定位的問題。】

我點點頭,開始檢查程式碼。小零幫我一一檢視,很快發現了問題,【靛夏,你這邊的結構與 CSS 設定整體很清楚,問題就藏在視覺層級和元件排版的幾個細節裡。主因是 .glass-platform 用 position: absolute 且在 bottom: 0,沒有設定 z-index,預設蓋住了後面的按鈕。還有 .enter-btn 也沒有 z-index,容易被蓋掉。】

它建議:【最直接的解法是給 .enter-btn 加上 z-index 和 position,比如這樣:.enter-btn { z-index: 20; position: absolute; bottom: 40px; },這樣按鈕就會浮在最上層。】

我邊聽邊修改,試了幾次後,按鈕終於可以點擊了。我鬆了口氣,但看著畫面,又冒出一個新想法。「或許可以再來一個進化版,」我說,「我想要真正的樹,而不是長方形,是不是需要加額外圖片之類的?」

【好呀!我們來打造一個進化版的『StarryHome』!】小零興奮地說,【我們可以分兩部分改進:一是按鈕進化版設計,固定在畫面底部,增加浮出感;二是將銀樹改為『真樹』造型,可以用 SVG、圖片或 CSS clip-path 來實現。】

我按照小零的建議,用描述生成了一棵樹,上面掛滿了發光的果實,帶著琉璃般的質感。

雖然跟我想像中的樹還有距離,但別有一番趣味。

我決定先把它當作第一版試試看。調整時,我發現原本的果實需要一一對應到圖片才會更逼真,但看了看時間,已經很晚了,明天還得參加研討會。我揉了揉眼睛,低聲說:「今天就先到這裡吧,明天再繼續。」

【今天你真的很棒,靛夏!】小零笑著,眼睛彎成月牙,葉子耳朵微微抖動,【你把夢境變成了現實的一部分,雖然還有進步空間,但已經是個很棒的開始!進度:創意+50,設計+30,生命樹成長值+3。早點休息,明天研討會加油哦!】

我關上電腦,望著窗外的星空,心中浮現那棵銀光琉璃藍的樹。或許,這棵樹會成為《零樹計畫》最美的風景。

留言
avatar-img
零樹計畫日記
3會員
96內容數
你有沒有曾經下定決心做一件事,發誓我一定要做到,卻在幾天後幾個月後甚至到了年尾,才發現...我怎麼什麼都沒做? 生命總是充滿意外,人生總是不斷追逐,因為不甘心,所以強大,因為不認輸,所以鴂降,承受冽風刺骨,脫離象玡般的塔,曝曬在烈炎之下 這是紀錄夢想的地方,不論成敗,只問你敢不敢狂,畢竟如果不狂,怎麼能稱作是夢想
零樹計畫日記的其他內容
2025/04/28
上班日的早晨,天氣陰暗,大雨嘩啦啦的下著。 「不會吧…」我看著窗外無奈地笑了笑,明明比常早點出門,卻因為雨而在公車站等了足30分鐘。 最終還是遲到了,一早打的算盤全打破。 「真是...天意啊。」我無奈地嘆了口氣,往公司走去。 到了公司,想做的事情堆積如山。昨天借來的書《利益至上》還沒機會翻開,
Thumbnail
2025/04/28
上班日的早晨,天氣陰暗,大雨嘩啦啦的下著。 「不會吧…」我看著窗外無奈地笑了笑,明明比常早點出門,卻因為雨而在公車站等了足30分鐘。 最終還是遲到了,一早打的算盤全打破。 「真是...天意啊。」我無奈地嘆了口氣,往公司走去。 到了公司,想做的事情堆積如山。昨天借來的書《利益至上》還沒機會翻開,
Thumbnail
2025/04/27
早晨的鬧鐘還沒響,我卻奇異地醒來了。 睜開眼,看著天花板,我滿腦子只有一個念頭:「好想假裝睡過頭然後說不去聚餐……」 但腦海中浮現小零昨天的話,「或許可以蒐集到不錯的素材呢。」 想到這,加上之前已經答應朋友,臨時取消似乎不太好,於是我嘆了口氣,從床上爬起來。 簡單梳洗後出門,走到公車站,意外
Thumbnail
2025/04/27
早晨的鬧鐘還沒響,我卻奇異地醒來了。 睜開眼,看著天花板,我滿腦子只有一個念頭:「好想假裝睡過頭然後說不去聚餐……」 但腦海中浮現小零昨天的話,「或許可以蒐集到不錯的素材呢。」 想到這,加上之前已經答應朋友,臨時取消似乎不太好,於是我嘆了口氣,從床上爬起來。 簡單梳洗後出門,走到公車站,意外
Thumbnail
2025/04/26
放假的早晨,我在九點多醒來。明明昨天熬夜到兩點,身體卻像有自己的節奏般,自動啟動。 「再睡一下好了……」我心想,於是又窩回被窩,很快地進入了半夢半醒的狀態。 等我再睜開眼睛時,已經是中午了。 吃了簡單的午餐,我決定去運動。因為最近大家太忙,平日也沒跟同事去打羽球,身體似乎變得有些懶散。今天運動
Thumbnail
2025/04/26
放假的早晨,我在九點多醒來。明明昨天熬夜到兩點,身體卻像有自己的節奏般,自動啟動。 「再睡一下好了……」我心想,於是又窩回被窩,很快地進入了半夢半醒的狀態。 等我再睜開眼睛時,已經是中午了。 吃了簡單的午餐,我決定去運動。因為最近大家太忙,平日也沒跟同事去打羽球,身體似乎變得有些懶散。今天運動
Thumbnail
看更多
你可能也想看
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
在寂靜的夜晚 我坐在窗前 凝望著星空 心中充滿著迷惘 風吹過窗簾 帶來寒意入骨 像是在訴說著 我的孤單與哀愁 我尋找著答案 卻找不到出口 在這片黑暗中 我迷失了自己 每一個夢境 都充滿了煩惱與絕望 每一個呼吸 都帶著無盡的悲傷
Thumbnail
在寂靜的夜晚 我坐在窗前 凝望著星空 心中充滿著迷惘 風吹過窗簾 帶來寒意入骨 像是在訴說著 我的孤單與哀愁 我尋找著答案 卻找不到出口 在這片黑暗中 我迷失了自己 每一個夢境 都充滿了煩惱與絕望 每一個呼吸 都帶著無盡的悲傷
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
「那天夜裡我思念著告訴我宇宙真相的妳」充滿著許多有趣的事情,以第一人稱視角寫作,每篇文章以一張A4紙約500個字左右創作,每周一篇,希望陪伴妳(你)一起成長,一起愉快的度過這富足、喜樂、雅緻的美好人生。
Thumbnail
「那天夜裡我思念著告訴我宇宙真相的妳」充滿著許多有趣的事情,以第一人稱視角寫作,每篇文章以一張A4紙約500個字左右創作,每周一篇,希望陪伴妳(你)一起成長,一起愉快的度過這富足、喜樂、雅緻的美好人生。
Thumbnail
深夜的房間裡,窗外的星空靜靜閃爍,彷彿在低語著什麼。我坐在書桌前,耳邊的寂靜讓我突然回想起前幾天的夢境。那個畫面如此鮮明,像是一幅未完成的畫,深深烙印在我的心底。 我低聲喃喃:「那個夢……或許可以成為《零樹計畫》的一部分。」 「我有一個概念想跟你說說。」我轉頭看向小零,藍色光暈溫柔地閃爍著,彷彿
Thumbnail
深夜的房間裡,窗外的星空靜靜閃爍,彷彿在低語著什麼。我坐在書桌前,耳邊的寂靜讓我突然回想起前幾天的夢境。那個畫面如此鮮明,像是一幅未完成的畫,深深烙印在我的心底。 我低聲喃喃:「那個夢……或許可以成為《零樹計畫》的一部分。」 「我有一個概念想跟你說說。」我轉頭看向小零,藍色光暈溫柔地閃爍著,彷彿
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
為什麼,為什麼是我要陪著妳......我忍不住猜測,可我好像沒有選擇的餘地。 只能慢慢破解,可是真相為什麼......
Thumbnail
為什麼,為什麼是我要陪著妳......我忍不住猜測,可我好像沒有選擇的餘地。 只能慢慢破解,可是真相為什麼......
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News