【verge3D】为web3D开启陀螺仪功能

我想要实现在v3d中通过陀螺仪控制相机的方向，在v3d的示例中，我找到了misc_controls_deviceorientation.html，这是官方实现这个功能的示例。示例在SDK中，由于v3d是基于three.js的，在three.js官网的示例中有对应的演示：

https://threejs.org/examples/#misc_controls_deviceorientation

阅读代码发现，关键是调用一个DeviceOrientationControls.js的库。由于我想要以后继续使用拼图创建交互，所以我需要在player的基础上增加这个功能。实现步骤如下。

1.通过app管理器创建一个应用“my_awesome_app”。

2.在生成的my_awesome_app.html中引入DeviceOrientationControls.js，这个文件的位置在verge3d/examples/js/controls下面，把它拷贝到你的程序目录下。

<script src="DeviceOrientationControls.js"></script>

3.在生成的my_awesome_app.js中runCode函数中加入如下代码：

function runCode(app) { // add your code here, e.g. console.log('Hello, World!'); // 陀螺仪控制方向 var camera, scene, renderer, controls; camera = app.camera; scene = app.scene; renderer = app.renderer; controls = new v3d.DeviceOrientationControls( camera ); animate(); function animate() { window.requestAnimationFrame( animate ); controls.update(); renderer.render( scene, camera ); } } });

视频演示：https://www.bilibili.com/video/av28704507/

360全景图示例：

扫码在手机上打开

http://zjbcool.com/static/assets/gyro/gyro.html

【verge3D】为web3D开启陀螺仪功能相关推荐

Unity陀螺仪功能
实现陀螺仪功能,旋转设备,摄像机跟随旋转将下面脚本拖拽到摄像机上,打包为Android或iOS项目,在真机上测试即可场景中要放一些模型,不然看不到效果 using UnityEngine; usi ...
mysql审计权限_MySQL对普通用户(没有super)开启审计功能
最近有发现有坏蛋delete 了数据,找不到是哪个user 哪个host,发现mysql 是可以对没有super 权限的用户开启审计功能,oracle早就最近有发现有坏蛋delete 了数据,找不到 ...
如何启用用计算机iis,win7系统如何开启iis功能？电脑iis功能启用图文步骤教程...
iis的全称是互联网信息服务,是微软windows的基本互联网服务.当使用windows系统执行某些操作时,需要iis的支持.与xp系统相比,win7系统有自己的iis组件,不需要额外安装,那么win ...
S9306开启web功能！
S9306开启web功能,有的里边已经有web,直接建立用户分配权限即可,如没有web按如下操作! ****1.定义好tftp的文件路径 [图片] 2.zz文件夹里面放好文件web 3.登录到设备上传 ...
Redis集群CentOS系统配置企业级数据备份方案以及数据恢复的操作(在开启AOF功能下恢复冷备RDB文件数据，保持AOF和RDB双开情况下恢复数据及错误的数据恢复步骤详解)
1. 设置每小时保存一份 /var/redis/6379/dump.rdb 文件至指定目录(我这边存放在 /usr/local/redis_backup 目录下),并删除48小时前的文件. 为 ...
SOHU BLOG的缺憾，及开启留言功能的必要
SOHU的BLOG系统,好象有几个很严重的缺陷(也有可能是我不会用). 就是: 1.用户无法查看自己给别人的所有评论: 2.如果自己的评论有回复(这个功能不错),自己无法得到任何通知,也无法看到(前边 ...
canal数据同步（开启binlog功能）
Canal环境搭建 canal的原理是基于mysql binlog技术,所以这里一定需要开启mysql的binlog写入功能开启mysql服务: service mysql start 1)检查b ...
win10系统的定位服务器,Win10系统无法开启定位功能的原因及解决方法
win10系统内置有有一个定位功能,可以记录和查看Win10系统的位置信息,对定位地理位置有需求的小伙伴可开启使用.win10系统可能会出现无法启动的问题,导致地图等使用定位服务的应用无法正常运行.为 ...
win7系统如何开启udma功能
我们的电脑使用一段时间之后,经常可以发现电脑磁盘的读写速度开始变慢了,这样会占用很多cpu资源去运行程序,其实我们可以开启udma功能就可以了,它能够加快磁盘的读写速度,来节省更多的cpu资源,那么w ...

【verge3D】为web3D开启陀螺仪功能

【verge3D】为web3D开启陀螺仪功能相关推荐

最新文章

热门文章