Mobile 允许在机架中上下触摸控制

Mobile 允许在机架中上下触摸控制,mobile,controls,touch,aframe,Mobile,Controls,Touch,Aframe,帧场景中的触摸控制仅在左侧和右侧起作用,而不使用手机上下移动 然而,使用桌面,它工作得非常完美 当我添加触摸控制时,外观控制被移除 如何同时添加这两个设备请指定您使用的是iOS设备还是Android设备。应采取的步骤: 在iOS 12.2上,这是一个众所周知的问题,因为苹果在Safari中禁用了设备定向和设备运动。试图手动启用它,但仍不起作用。安装了Chrome和硬纸板vr文件,但没有取得任何成果 在Android上,如果没有谷歌硬纸板,请安装它。更新Aframe的版本,确保您使用的是A-Fra

帧场景中的触摸控制仅在左侧和右侧起作用,而不使用手机上下移动 然而,使用桌面,它工作得非常完美 当我添加触摸控制时,外观控制被移除


如何同时添加这两个设备请指定您使用的是iOS设备还是Android设备。应采取的步骤:

  • 在iOS 12.2上,这是一个众所周知的问题,因为苹果在Safari中禁用了设备定向和设备运动。试图手动启用它,但仍不起作用。安装了Chrome和硬纸板vr文件,但没有取得任何成果

  • 在Android上,如果没有谷歌硬纸板,请安装它。更新Aframe的版本,确保您使用的是A-Frame 0.9.2


  • 我在手机上也想要同样的东西。加载aFrame库后添加以下代码:

    AFRAME.components["look-controls"].Component.prototype.onTouchMove = function (t) {
                            var PI_2 = Math.PI/2,
                            e,
                            o = this.el.sceneEl.canvas,
                            i = this.yawObject,
                            j = this.pitchObject;
                            this.touchStarted && this.data.touchEnabled && (e = 2 * Math.PI * (t.touches[0].pageX - this.touchStart.x) / o.clientWidth, f = 2 * Math.PI * (t.touches[0].pageY - this.touchStart.y) / o.clientHeight, j.rotation.x += .3 * f, i.rotation.y += .5 * e, j.rotation.x = Math.max(-PI_2, Math.min(PI_2, j.rotation.x)), this.touchStart = {
                                    x: t.touches[0].pageX,
                                    y: t.touches[0].pageY
                                })
                            }
    
    或者,您也可以在aframe.min.js(或您使用的任何文件)中找到“look controls”的代码,并在那里修改onTouchMove函数