gamepad api简单例子

最新推荐文章于 2024-08-26 10:07:26 发布

一粒马豆

最新推荐文章于 2024-08-26 10:07:26 发布

阅读量1.7k

点赞数

文章标签： gamepad api WebVR VR 游戏手柄虚拟现实

本文链接：https://blog.csdn.net/MAILLIBIN/article/details/78597307

版权

在做WEB VR游戏开发，没有手柄控制的VR只能看个场景，无法交互，所以手柄是VR游戏不可或缺的输入设备。

如何在浏览器里只用Javascript就实现手柄互动？我们其实可以使用gamepad api，目前虽然只是草案阶段，但是相信不久的将来会得到普及。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<script type="text/javascript">
function runAnimation()
{
    window.requestAnimationFrame(runAnimation);

    var gamepads = navigator.getGamepads();

    for (var i = 0; i < gamepads.length; ++i)
    {
        var pad = gamepads[i];
		//获取游戏摇杆上下左右方位值
		x=pad.axes[0];
		y=pad.axes[1];
		
		//获取按到了哪个键
		var buttons=pad.buttons;
		for(i=0;i<buttons.length;i++){
			if(buttons[i].pressed){
				buttonIndex=i;
			}
		}
		
		document.getElementById("info").innerHTML="x: "+x+" y:"+y+" Button"+buttonIndex+" pressed";
    }
}

//在浏览器窗口动画中扫描手柄的各种动态变化
window.requestAnimationFrame(runAnimation);