🧱 CSS3Dコンポーネントを前面へスナップ

midori242の CSS3DComponentManager は Calendar3D / Clock3D / TV3D を管理し、画面幅に応じて距離を調整します。このデモでは同じロジックで距離算出し、前面移動と原点復帰の2状態を追跡します。

Calendar3D
  • 月表示: 2025年2月
  • styleMode: default
  • key binding: 1
Clock3D
  • OffscreenCanvas 1920×1080
  • Raycaster対応クリック
  • key binding: 2
TV3D
  • background video: 01.mp4
  • frameLayout: glass
  • key binding: 3
active component: なし
cameraDistance(px): 0 / pixelRatio: 1.00