靜心救世者 heart-break開發日誌

2026-09-02(2026-09-23 更新)

一個叫你別看螢幕的遊戲,要怎麼做畫面

它跟商店截圖是同一題

圖為示意,波形是合成的。

這個遊戲有九十秒。那九十秒裡,前三十秒手機是放平在桌上的——你看不到螢幕, 回饋全在耳朵。後面六十秒你把它拿起來繞圈,眼睛也不需要盯著它。

做得最好的一場,看起來是這樣:一支手機安靜地躺著,一個人沒有在看它。

那要拍什麼

遊戲的商店頁面要放截圖。截圖的慣例是拍最好看的那一刻——最激烈的戰鬥、 最漂亮的關卡、數字最高的那一格。

這裡最好的一刻是一片暗的螢幕。

這不是可以靠美術解決的問題,因為問題不在畫得好不好,在那個東西本身 就不想被看。做一個好看到讓你想一直看的畫面,等於把這九十秒拆掉。

所以這個站不展示遊戲

你現在看到的每一樣東西都不是截圖。

首頁那團餘燼與外面那圈細細的封條是即時畫出來的,用 WebGL 算; 瀏覽器不支援的時候,退回 CSS 畫的一個漸層加一個 1px 的圓。 結算畫面是用 HTML 重排的,不是拍下來的。所有的曲線都是算出來的向量圖, 資料是合成的,這件事在它第一次出現的地方就寫著。

這個站本身就是那個遊戲的表面。

這個做法順便解掉兩件事

一是時間。要真截圖就得先有能拍的畫面、能拍的手機、能拍的一場;重畫不用等, 今天就能上線。

二是替換。之後真的有截圖了,版面一格都不用動——把那一塊換掉就好, 因為它本來就長成那個形狀。

還缺的那個東西

有一類 app 會在你專心之後給你一樣東西——一棵長出來的樹之類的。 那樣東西的好,不在於它是獎勵,而在於它無條件:你做完就有, 不是做得好才有。

這個站上給的是那條線——遊戲裡還沒有它。它是不是那個等價物,我還不確定, 但它至少不是分數。

← 其他的開發日誌