🗂️ threeContainer が無いとレイヤーの順序が崩れる
A. 現状(canvas が body 直下)
WebGL canvas
tarot-component
top bar
スクロール時に canvas が最背面に固定されず、UI と競合
B. 期待する構造(#threeContainer を用意)
#threeContainer 内の canvas
#content (pointer-events 設計可)
#control
三層構造が固定され、UI がぶれない
ボタンを押すと、canvas が body に直接追加されたときに発生するヒットテストのズレをシミュレーションします。
シミュレーションを実行