如何在A-Frame中实现无需控制器/键盘的自动行走功能？

你可以通过自定义A-Frame组件实现需求，以下是两种可行方案：

方案1：独立自定义组件（不依赖aframe-extras） #

直接注册自动移动组件，每帧获取相机朝向更新rig位置，完全脱离movement-controls的控制器依赖：

// 代码需放在A-Frame引入之后
AFRAME.registerComponent('auto-move', {
  schema: {
    speed: { type: 'number', default: 0.1 } // 可自行调整移动速度
  },
  tick: function () {
    const rigEl = this.el;
    const cameraEl = rigEl.querySelector('#camera');
    // 获取相机世界朝向向量
    const moveDirection = new THREE.Vector3();
    cameraEl.object3D.getWorldDirection(moveDirection);
    // 清除y轴分量，保证沿水平面移动，不会因上下看改变高度
    moveDirection.y = 0;
    moveDirection.normalize();
    // 按速度更新rig位置
    rigEl.object3D.position.add(moveDirection.multiplyScalar(this.data.speed));
  }
});

组件注册完成后，直接将auto-move添加到rig实体上即可，可删除原有的movement-controls属性：

<a-entity id="rig" auto-move="speed: 0.15">
    <a-entity id="camera" position="0 1.7 0" camera look-controls></a-entity>
</a-entity>

方案2：复用现有movement-controls组件 #

如果你的项目需要保留movement-controls的碰撞检测、速度限制等原有能力，可注册组件强制触发前进逻辑，无需改动原有配置：

// 代码需放在A-Frame和aframe-extras引入之后
AFRAME.registerComponent('force-forward', {
  tick: function () {
    const movementControls = this.el.components['movement-controls'];
    if (movementControls) {
      // 强制将前进状态设为激活，忽略控制器/键盘输入
      movementControls.forward = true;
    }
  }
});

修改rig实体属性，添加force-forward组件即可：

<a-entity id="rig" movement-controls force-forward>
    <a-entity id="camera" position="0 1.7 0" camera look-controls></a-entity>
</a-entity>

• 方案1中moveDirection.y = 0的配置可保证移动方向始终为水平方向，不会因玩家抬头/低头改变移动高度，如需要实现飞行类效果可删除该行
• 两种方案都可通过调整速度参数自定义移动快慢，数值越大移动速度越高
• 无需手动修改rig的z轴坐标，组件会自动根据相机朝向计算位移，环视即可改变行进方向

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