javascript - A-Frame WASD 控件在移动设备上的替代品

Question

我有一个 A-Frame 多人游戏项目，它依赖于每个用户在 map 上移动，并且它在桌面浏览器中运行良好。障碍是移动设备缺乏运动控制，例如相机的 WASD 控制。

您建议采用什么解决方法？也许，使用 jQuery 添加屏幕按钮并触发按键事件？

或者是否有更直接的方法来添加一个功能，可以在每次按下屏幕按钮时更改相机位置？在这种情况下，有没有办法找到 W、A、S、D 键的确切功能？

我尝试过的几件事包括:

$(".up-button").click(function(){
  window.dispatchEvent(new KeyboardEvent('keypress',{keyCode: 38}));

还有一个:

var e = jQuery.Event("keydown");
e.which = 38;
$(window).trigger(e);

两者都没有产生任何改变。

Answer 1

您是否尝试过类似的操作:

window.dispatchEvent(new KeyboardEvent('keypress',{keyCode: 38} )  );

模拟按下向上箭头键？

您可以模拟按 wasd 或上下左右。 不过，旋转可能有点棘手， 您必须模拟 onMouseDown 和 onMouseMove 事件。