壁紙4段スイッチをセラミック調ローリング仕様に再設計
壁紙4段スイッチを、参考画像に合わせた暖かなアイボリーのセラミック楕円シェルと揃った内周へ作り直し、4時間帯のノードも識別しやすくしました。36px の選択輪は中断可能な transform で移動し、独立した外周だけが物理距離に応じて回転して中央の天体は正立を保ちます。朝の光は上へ開き、昼には2つの雲が横切り、夕方の残光は横へ広がり、夜の星群は上昇します。keyboard／motion-off は即時、reduced-motion は位置移動なし、low／Save-Data は accent を省略します。
# 壁紙4段スイッチをセラミック調ローリング仕様に再設計
サイト右上の壁紙4段スイッチを、もう一度丁寧に磨き直しました。時刻による自動切り替えと、次の実際の時間境界まで維持する手動選択は変えず、今回は参考画像の素材感、輪郭、転がる感触を揃えています。
## 暖かなアイボリーのセラミック楕円
- Image2 で暖かなアイボリーのセラミック外枠、正確に揃った一つの楕円内周、参考画像に近い澄んだ空の色面を作り直しました。
- 朝・昼・夕方・夜は識別しやすい4種類の意味ノードを使い、未選択状態が背景に溶け込まないようにしました。
- 選択中の位置は 36px の選択輪を使い、枠内に小さく一定の余白を残します。
## 外周だけが転がり、天体は正立
選択輪は中断可能な transform で4つの位置を移動します。独立した外周は実際の移動距離に応じて回転し、連続した物理的なローリングを表現します。中央の朝日、真昼の太陽、夕日、月は常に正立したままです。素早く連続して選んでも、現在のフレームから最新の行き先へ再設定できます。
## 4時間帯に4種類の入場
- morning：朝の光が下から上へ開きます。
- day：2つの白い雲が水平方向へ軽く横切ります。
- dusk：低い残光の帯が左右へ広がります。
- night：まばらな星群が下から上昇します。
accent は現在のテーマだけに使い、余計な景物は重ねません。keyboard 操作と motion-off は即時確定します。reduced-motion では位置移動をなくし、必要な短いフェードだけを残します。low モードと Save-Data では accent を省略しても、色面、4ノード、時刻切り替えは維持します。
