在AFRAME中移动2个有约束的对象

时间:2018-08-30 12:26:51

标签: javascript three.js 3d keyboard-events aframe

我有2个对象,并且希望它们具有如下所示的运动:

GOAL

现在,我将其3D模型作为 stl 及其偏移量计算。

我也可以将它们导入到框架中,但是之后无法使用键盘来弄清楚它们的运动。并保持自己的姿势,例如

  1. 我希望正方形元素按特定长度线性移动当按下Q键时
  2. 元素当按下R时旋转特定角度

1 个答案:

答案 0 :(得分:0)

这里有两个问题:

1)对按键做出反应:

document.onkeypress = function(e) {
    if (e.charCode === 118) {

   }
};

您可以对charCode(ASCII)或key('d','f'..)进行反应。
小提琴here

2)在“边界”内旋转和移动

如果您希望正方形沿着圆柱体移动,请将其设为圆柱体的

<a-cylinder>
  <a-box></a-box>
<a-cylinder>

现在,该框将在父级参照系内移动。将其“向前”移动不会沿 world “正向”向量移动,而是沿父级“正向”向量移动。

提琴here