Wallpaper Engine 壁紙の推奨 - 二次元ランダム壁紙

前言

単一の壁紙は、デスクトップに長時間表示していると飽きてしまいます。

そのため、ランダムな壁紙を実装しました。ランダムな壁紙は、栗次元API(https://t.alcy.cc/ycy)から取得しています。

Github: God-2077/FloatingClock_Wallpaper

Steam workshop: 3758991075

功能

• 数字時計、VanillaTiltによる3D浮き上がり傾斜効果を搭載
• 一言表示機能、クリックまたはRキーを押して手動でリフレッシュ可能。自動タイマーによるリフレッシュもサポート
• 壁紙スライドショーモード（URLリストとインターバルの設定が可能）
• 時計をダブルクリックすることで装飾要素の表示/非表示を切り替え可能
• エントリー アニメーション & フェードイン/アウト効果
• Wallpaper Engineのポーズ/再開機能に対応：ポーズ後は現在のサイクルが終わるまで一言とスライドショーを停止し、再開後は自動的に継続して動作

使用方法

SteamをダウンロードしてWallpaper Engineをインストールしてください。

方法一、web 二次元壁紙（ランダム-カスタマイズ可能）をサブスクライブしてください。

方法二、Wallpaper Engine内で「--壁紙を開く--」をクリックし、「URLから開く」を選択して、https://god-2077.github.io/FloatingClock_Wallpaper/を入力してください。

技術スタック

• 純粋なHTML / CSS / JavaScript（フレームワークなし）
• VanillaTilt（3D傾斜効果）
• Hitokoto API（v1.hitokoto.cn）
• Google Fonts（Inter / Noto Serif SC）

クイック操作

操作	効果
一言エリアをクリック	句子を再取得
Rキーを押す	一言を再取得
時計をダブルクリック	装飾要素の表示/非表示を切り替え

ワークフロー

初期化

1. ページがロードされた後、1秒の遅延で初期化（setTimeout）
2. Wallpaper Engineのプロパティ変更イベントが先に発生した場合、その時点で初期化を実施
3. 時計、一言、壁紙の3つのモジュールを起動

一言自動リフレッシュ

计时器开始 → 预加载下一句 → 计时器到期 → 切换句子 → [检查暂停]
  ├─ 未暂停 → 预加载 → 计时器开始 → 循环
  └─ 已暂停 → 标记 pending，停止
                ↓ WE 恢复 (setPaused)
             预加载 → 计时器开始 → 切换 → [检查暂停] → 循环

壁紙スライドショー

计时器开始 → 预加载下一张 → 计时器到期 → 淡入切换 → [检查暂停]
  ├─ 未暂停 → 预加载 → 计时器开始 → 循环
  └─ 已暂停 → 标记 pending，停止
                ↓ WE 恢复 (setPaused)
             预加载 → 计时器开始 → 切换 → [检查暂停] → 循环

ポーズ / 再開

• ポーズはWallpaper Engineの内蔵setPausedイベントによって駆動され、追加の設定は不要
• ポーズ後も現在のタイマー周期が終わるまで一言とスライドショーを即座に停止しない
• 再開後は自動的にタイマーを再開し、正常に動作し続ける