A-Frame嵌套a-box相对定位失效、实体粘连及位置显示异常问题

1. 第一组测试代码盒体粘连问题 #

你代码中父子盒体的scale属性x轴参数均设置为0：

• 实体x轴缩放为0时，x方向的物理尺寸会被压缩至0，视觉上两个盒体就会完全粘连
• 子元素的偏移量会被父元素的缩放比例乘算，父元素x轴缩放为0时，子元素设置的-20的x轴偏移也会被乘0，实际不会生效，自然看不到偏移效果

2. 子盒体坐标显示为相对值的问题 #

A-Frame 内置的右上角调试面板默认展示的是实体的局部坐标（相对于直接父元素的相对坐标），而非全局世界坐标：

• 你看到的子盒体x轴值就是你代码中写入的相对父元素的偏移值，属于正常显示逻辑，不是坐标计算失效
• 如果需要获取子盒体的全局世界坐标，可通过JS API获取：

// 选中子a-box元素后调用
const worldPos = document.querySelector('a-box a-box').object3D.getWorldPosition(new THREE.Vector3())
// worldPos.x 就是你预期的1 + (-2) = -1的全局坐标值

内容的提问来源于stack exchange，提问作者Psychonaut007