雨天筆記

以著色器渲染的雨窗:雨滴沿著深色玻璃滑落並相互匯聚,你可以用滑鼠擦去霧氣,閱讀寫在後方的筆記。

Loading preview...
使用這個提示詞開始

以著色器渲染的雨窗:雨滴沿著深色玻璃滑落並相互匯聚,你可以用滑鼠擦去霧氣,閱讀寫在後方的筆記。

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

在擦拭功能之外加入書寫模式:訪客可以用滑鼠直接在起霧的玻璃上寫字或塗鴉,而隨著新霧凝結,筆畫會慢慢再次被覆蓋。

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

加入雷雨模式:不時閃現的雷電照亮整扇窗與窗外的剪影,雨聲隨之漸強,之後又回復平靜。

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

將雨轉為落雪、薄霧轉為霜:雪花飄落玻璃並堆積,訪客擦去的是霜而非霧,以看見後方的筆記。

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