Переместить 2 объекта с ограничениями в AFRAME

Question

У меня есть 2 объекта, и я хочу, чтобы они имели движение, как показано здесь:

Теперь у меня есть их 3D-модели как stl и их расчеты смещения.

Я также могу импортировать их в рамку, но после этого не могу понять их движения с помощью нажатия клавиатуры. и поддерживать свое положение, например

1. Я хочу, чтобы квадрат элемент перемещался линейно на определенную длину , когда нажата Q
2. Круглый Элемент Вращательное движение на определенные градусы при нажатии R

Answer 1

Два вопроса здесь:

1) Реакция на нажатие клавиши:

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

   }
};

Вы можете реагировать либо на charCode (ASCII), либо на key ('d', 'f' ..).
Скрипка здесь .

2) Вращение и перемещение в пределах «границ»

если вы хотите, чтобы квадрат двигался вдоль цилиндра, сделайте его дочерним цилиндра.

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

Теперь поле будет перемещаться в пределах родительской системы координат. Перемещение «вперед» не будет перемещать его вдоль world «вперед», но вдоль родительского «вперед» вектора.

скрипка здесь .