Question

嘿我需要为相机控制创建一个操纵杆。操纵杆需要能够向四个方向移动：左，右，上和下两个方向，两个方向具有停止功能。我在网上搜索了几个小时，最后我发现了一些名为nipplejs的东西。我已将nipplejs的代码附加到此主题：

var radius = 100;

var sampleJoystick = {
    mode: 'static',
    position: {
      left: '50%',
      top: '50%'
    },
    size: radius*2,
    color: 'black'
};

var joystick;
var position;
joystick = nipplejs.create(sampleJoystick);
joystick.on('start end', function(evt, data) {
  position = data;
}).on('move', function(evt, data) {
  position = data;
}).on('dir:up plain:up dir:left plain:left dir:down' +
      'plain:down dir:right plain:right',
      function(evt, data) {
  //position=data;
}
     ).on('pressure', function(evt, data) {
  position=data;
});

<script src="//yoannmoinet.github.io/nipplejs/javascripts/nipplejs.js"></script>
<div id="zone_joystick">
</div>

乍一看它看起来像是一个完美的库，但第二眼看，我可以看到操纵杆上没有方向指示器，我无法用这个操纵杆实现停止行为，并且它不会直观控制对于将使用该软件的长者来说。

我正在寻找具有我所讨论过的功能的面板控件的替代解决方案。

功能：操纵杆可以转向4个不同的方向：左，右，上和下。操纵杆也有停止功能。

Answer 1

您必须首先连接到硬件，然后才能读取其输入。您是否考虑过使用浏览器原生GamePad API？但这并不适用于所有浏览器。

https://developer.linkedin.com/blog/posts/2015/developer-program-changes

相机的javascript操纵杆

1 个答案: