雨窗手記

深色玻璃上的水滴大小、速度與軌跡隨機變化,並會彼此融合;薄霧後藏著幾段手記短文,滑鼠劃過可擦開霧面閱讀文字,擦開的區域會再次起霧;雨滴密度與水痕皆可調整。單檔靜態頁面,複製提示詞即可復刻這扇雨窗。

Loading preview...
從這段提示詞開始

雨滴在玻璃上滑落,霧氣可以用手指擦開——一本寫在雨天窗玻璃上的手記。

換成雪景

將雨滴改為隨機飄落的雪花,薄霧換成霜花;滑鼠擦開霜面後會露出壁爐火光與手記文字,擦過的區域會慢慢重新結霜,還可調整霜紋濃淡、開關柴火聲。

試用Kimi 建置應用程式
製作一個雨天窗玻璃效果的氛圍頁面:深色背景上布滿會滑落的水滴(大小、速度、軌跡隨機且彼此融合),玻璃覆著一層薄霧,滑鼠劃過可擦開霧氣,露出後方的手記文字,擦開的區域會慢慢重新起霧;頁面分成幾段手記短文,雨滴密度與水痕皆可調整。單檔靜態頁面。
加入寫字模式

除了擦霧看字,新增「寫字模式」:可直接用滑鼠在霧面上寫字畫畫,筆跡會隨時間被新霧氣覆蓋;原有的幾段手記與雨滴調整功能維持不變。

試用Kimi 建置應用程式
製作一個雨天窗玻璃效果的氛圍頁面:深色背景上布滿會滑落的水滴(大小、速度、軌跡隨機且彼此融合),玻璃覆著一層薄霧,滑鼠劃過可擦開霧氣,露出後方的手記文字,擦開的區域會慢慢重新起霧;頁面分成幾段手記短文,雨滴密度與水痕皆可調整。單檔靜態頁面。
加入雷暴天氣

加入雷暴模式:每隔一段時間,閃電會照亮整片窗面與遠處輪廓,雨聲隨之漸強再減弱,另附雨聲與遠雷的音效開關。

試用 Kimi 建置應用程式
製作一個雨天窗玻璃效果的氛圍頁面:深色背景上布滿會滑落的水滴(大小、速度、軌跡隨機且彼此融合),玻璃覆著一層薄霧,滑鼠劃過可擦開霧氣,露出後方的手記文字,擦開的區域會慢慢重新起霧;頁面分成幾段手記短文,雨滴密度與水痕皆可調整。單檔靜態頁面。