雨天筆記
以著色器渲染的雨窗:雨滴沿著深色玻璃滑落並相互匯聚,你可以用滑鼠擦去霧氣,閱讀寫在後方的筆記。
Loading preview...
1361 views
打造一個充滿氛圍的頁面,將螢幕化為覆滿雨水的窗戶。在深色背景前,大小、速度與路徑各異的水滴沿玻璃滑落,彼此相遇時便會合併,如同寒冷傍晚的真實雨景。玻璃上覆著一層薄霧,霧氣後方是幾段安靜排列於頁面中的簡短手寫筆記。訪客將滑鼠移過窗面時,就像手指擦過真實玻璃般抹去霧氣,顯露後方的筆記文字;過一段時間後,擦拭過的區域又會慢慢重新起霧,讓窗戶彷彿有了生命,筆記也持續隱沒在天氣之後。提供簡單控制項,調整雨滴密度與其留下的水痕強度,讓氛圍可從細雨變為傾盆大雨。色調保持深沉安靜,讓筆記的微光透過擦拭後的區域顯現。單一檔案的靜態頁面。
打造一個充滿氛圍的頁面,將螢幕化為覆滿雨水的窗戶。在深色背景前,大小、速度與路徑各異的水滴沿玻璃滑落,彼此相遇時便會合併,如同寒冷傍晚的真實雨景。玻璃上覆著一層薄霧,霧氣後方是簡短的手寫筆記,安靜地分成幾段排列於頁面中。訪客將滑鼠移過窗面時,就像手指擦過真實玻璃般抹去霧氣,顯露後方的筆記文字;過一段時間後,擦拭過的區域又會慢慢重新起霧,讓窗戶彷彿有了生命,筆記也持續隱沒在天氣之後。提供簡單控制項,調整雨滴密度與其留下的水痕強度,讓氛圍可從細雨變為傾盆大雨。色調保持深沉安靜,讓筆記的微光透過擦拭後的區域顯現。單一檔案的靜態頁面。
打造一個充滿氛圍的頁面,將螢幕化為覆滿雨水的窗戶。在深色背景前,大小、速度與路徑各異的水滴沿玻璃滑落,彼此相遇時便會合併,如同寒冷傍晚的真實雨景。玻璃上覆著一層薄霧,霧氣後方是幾段安靜排列於頁面中的簡短手寫筆記。訪客將滑鼠移過窗面時,就像手指擦過真實玻璃般抹去霧氣,顯露後方的筆記文字;過一段時間後,擦拭過的區域又會慢慢重新起霧,讓窗戶彷彿有了生命,筆記也持續隱沒在天氣之後。提供簡單控制項,調整雨滴密度與其留下的水痕強度,讓氛圍可從細雨變為傾盆大雨。色調保持深沉安靜,讓筆記的微光透過擦拭後的區域顯現。單一檔案的靜態頁面。
打造一個充滿氛圍的頁面,將螢幕化為覆滿雨水的窗戶。在深色背景前,大小、速度與路徑各異的水滴沿玻璃滑落,彼此相遇時便會合併,如同寒冷傍晚的真實雨景。玻璃上覆著一層薄霧,霧氣後方是幾段安靜排列於頁面中的簡短手寫筆記。訪客將滑鼠移過窗面時,就像手指擦過真實玻璃般抹去霧氣,顯露後方的筆記文字;過一段時間後,擦拭過的區域又會慢慢重新起霧,讓窗戶彷彿有了生命,筆記也持續隱沒在天氣之後。提供簡單控制項,調整雨滴密度與其留下的水痕強度,讓氛圍可從細雨變為傾盆大雨。色調保持深沉安靜,讓筆記的微光透過擦拭後的區域顯現。單一檔案的靜態頁面。