fix: debug position

src/modules/babylon/pages/case-babylon/case-babylon.page.scss

@@ -1,4 +1,27 @@
+// 调试面板
+#scene-explorer-host {
+    position: absolute !important;
+}
+#sceneExplorer{
+    position:absolute!important;
+    height:100vh!important;
+}
+.babylonDebugLayer {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 300px; /* 调试层的宽度 */
+    background-color: rgba(255, 255, 255, 0.8); /* 背景颜色和透明度 */
+    z-index: 20; /* 确保调试层在最顶层 */
+    overflow: auto; /* 如果内容过多，添加滚动条 */
+  }
+  
+  .babylonDebugLayer .content {
+    padding: 10px;
+  }
 
+// 展示区
 #renderCanvas {
     width: 100vw;
     height: 100vh;

src/modules/babylon/pages/case-babylon/case-babylon.page.ts

@@ -62,7 +62,8 @@ export class CaseBabylonPage implements OnInit {
     
     // 设置初始相机
     // Add an ArcRotateCamera to the scene and attach it to the canvas
-    let initPositon = new BABYLON.Vector3(0,12,0)
+    // let initPositon = new BABYLON.Vector3(0,12,0)
+    let initPositon = new BABYLON.Vector3(0,0,0)
     let beta = Math.PI / 2.5 // 镜头初始 纬度 Math.PI / 3 斜下45度
     let radius = 20 // 镜头初始半径
     const camera = new BABYLON.ArcRotateCamera('camera1', Math.PI / 2, beta, radius, initPositon, this.scene);
@@ -95,6 +96,9 @@ export class CaseBabylonPage implements OnInit {
       this.scene?.render();
     });
 
+    // 开启调试层，用于抓取角度
+    this.scene.debugLayer.show();
+
     // Watch for browser/canvas resize events
     window.addEventListener('resize', () => {
       this.engine?.resize();