Translated by AI model Qwen/Qwen3-8B.
Source Language: Simplified Chinese, Target Language: english, Translation Time: 2026-07-10 13:18
.AI translation is for reference only. Accuracy is not guaranteed, please refer to the original text.
Preface
A single wallpaper will eventually become tiresome after being displayed on the desktop for a long time.
Therefore, I created a random wallpaper feature that uses API(https://t.alcy.cc/ycy) to fetch random wallpapers.
Github: God-2077/FloatingClock_Wallpaper
Steam workshop: 3758991075
Features
- Digital clock with VanillaTilt 3D tilt effect
- One-sentence quote display, manually refresh by clicking or pressing
Rkey, supports automatic timed refresh - Wallpaper carousel mode (configurable URL list and interval)
- Toggle decorative elements display/hide by double-clicking the clock
- Entrance animation & transition effects
- Supports Wallpaper Engine pause/resume: pauses will stop quotes and carousel after the current cycle completes, resumes will continue running normally
Usage
Download and install Steam and Wallpaper Engine
Method one, subscribe to [web 2D wallpaper (random-customizable)].
Method two, click -- Open Wallpaper -- Open from URL in Wallpaper Engine, enter https://god-2077.github.io/FloatingClock_Wallpaper/.
Technology Stack
- Pure HTML / CSS / JavaScript (no framework)
- VanillaTilt (3D tilt effect)
- Hitokoto API (v1.hitokoto.cn)
- Google Fonts (Inter / Noto Serif SC)
Shortcut Operations
| Operation | Effect |
|---|---|
| Click on the quote area | Refresh the sentence |
Press R key | Refresh the quote |
| Double-click the clock | Toggle decorative elements display |
Workflow
Initialization
- Delay initialization by 1 second after page load (
setTimeout) - If Wallpaper Engine property change event triggers first, initialize earlier
- Start clock, quote, and wallpaper modules at launch
Auto Refresh of Quotes
计时器开始 → 预加载下一句 → 计时器到期 → 切换句子 → [检查暂停]
├─ 未暂停 → 预加载 → 计时器开始 → 循环
└─ 已暂停 → 标记 pending,停止
↓ WE 恢复 (setPaused)
预加载 → 计时器开始 → 切换 → [检查暂停] → 循环
Wallpaper Carousel
计时器开始 → 预加载下一张 → 计时器到期 → 淡入切换 → [检查暂停]
├─ 未暂停 → 预加载 → 计时器开始 → 循环
└─ 已暂停 → 标记 pending,停止
↓ WE 恢复 (setPaused)
预加载 → 计时器开始 → 切换 → [检查暂停] → 循环
Pause / Resume
- Paused by Wallpaper Engine's built-in
setPausedevent, no additional configuration needed - Pause does not immediately interrupt the current timing cycle, but stops after the current switch completes
- Automatically resumes the timer upon restoration, continuing normal operation
If you enjoyed this, leave a comment~