🧱 CSS3Dレイヤー初期配置

midori241では Calendar3D / Clock3D / TV3D の3枚をCSS3DRendererで重ね、OrbitControlsの動きと同期させている。距離調整はまだ控えめで、device設定による距離補正は後のmidori242で強化された。

Calendar3D
  • position (-50, 0, 0)
  • scale 0.1
  • key 1 (数字キー)
Clock3D
  • position (0, 50, 0)
  • rotation (90°, 90°, 0°)
  • key 2
TV3D
  • position (50, 0, 0)
  • scale 0.1
  • key 3
midori241の moveComponentToFront() は距離を計算しつつ、最後に distance /= 3 で縮小している。でもportrait補正はまだなく、window.devicePixelRatioだけで調整していた。