相机的javascript操纵杆
相机的javascript操纵杆
提问于 2017-02-08 20:01:47
嘿，我需要为相机控件创建一个操纵杆。操纵杆需要能够移动到四个方向:左，右，上和下，其中两个具有停止功能。我在网上搜索了几个小时，终于找到了一个叫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>
乍一看，它看起来像是一个完美的库，但仔细一看，我可以看到我的操纵杆上没有方向指示器，我无法使用这个操纵杆实现停止行为，而且它也不会对使用该软件的老年人进行直观的控制。
我正在寻找一个面板控制具有我所说的功能的替代解决方案。
功能:操纵杆可以转向四个不同的方向:左，右，上，下。操纵杆也有停止功能。
回答 1
Stack Overflow用户
发布于 2017-02-08 20:18:05
你必须先连接到硬件，然后才能读取它的输入。您是否考虑过使用浏览器原生GamePad应用程序接口？不过，这并不是在所有浏览器中都有效。
https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42112571
复制相关文章
相似问题
腾讯云开发者
