Javascript Three.ar.js坏的纵横比创建拉伸图像?

Javascript Three.ar.js坏的纵横比创建拉伸图像?,javascript,android,three.js,webvr,arcore,Javascript,Android,Three.js,Webvr,Arcore,我真的不知道如何表述这个问题,但我得到了一些图片,可能会让事情变得清楚。在我方便地称之为“坏方面”的视频中,你可以看到视频是一个扭曲/扭曲/拉伸的出价。 好的和坏的都基于同一个演示项目: 我在我的智能手机上用这两个应用程序制作了打印屏幕,我把手机保持在纵向模式,然后按对角线旋转 我想线索可以在这里找到: 它使drawingbufferheight变成4096,我认为应该是5661,就像viewportheight一样。尝试手动更改,但我似乎无法使其正常工作。有什么想法或线索吗 (使用t

我真的不知道如何表述这个问题,但我得到了一些图片,可能会让事情变得清楚。在我方便地称之为“坏方面”的视频中,你可以看到视频是一个扭曲/扭曲/拉伸的出价。 好的和坏的都基于同一个演示项目: 我在我的智能手机上用这两个应用程序制作了打印屏幕,我把手机保持在纵向模式,然后按对角线旋转

我想线索可以在这里找到:

它使drawingbufferheight变成4096,我认为应该是5661,就像viewportheight一样。尝试手动更改,但我似乎无法使其正常工作。有什么想法或线索吗

(使用three.js、three.ar.js和webVR API)

编辑:一些代码:

    this.renderer = new THREE.WebGLRenderer({ alpha: true});   
    this.renderer.setPixelRatio(window.devicePixelRatio);
    this.renderer.setSize(window.innerWidth, window.innerHeight);
    this.renderer.autoClear = false;
    this.canvas = this.renderer.domElement; 


    document.body.appendChild(this.canvas);

    this.scene = new THREE.Scene(); 

    // Creating the ARView, which is the object that handles
    // the rendering of the camera stream behind the three.js
    // scene
    this.arView = new THREE.ARView(this.vrDisplay, this.renderer);

虽然我使用的是Unity,但这是ARCore Preview 1中观察到的问题。您使用的是预览1还是预览2?如果是1,我建议您更新到预览2,以查看它是否解决了问题。如果预览2上没有修复该问题,则应在ARCore github问题中报告。

这不再相关,我现在使用另一个版本,因为他们发布了修复程序。到底发生了什么仍然是个谜

可能得到了-1,因为我没有添加一些代码,我将添加它。虽然它与演示项目基本相同,但区别在于它是作为一个类从远程服务器启动的。我正在使用WebArOnARCore,据我所知,我无法选择可以使用哪个预览。这两个都安装在手机上,所以我可以试着检查它是否只选择安装在手机上的第一个,或者代码中是否有使用APK的指针?谢谢你的评论,顺便问一下,你怎么知道这是一个观察到的问题?我检查了大多数问题,但从未发现任何与此相关的问题。您使用的是哪个版本的sdk?代码从p1更改为p2,因此您应该知道使用的是哪个。我知道是不是因为我在GitHubI上报告了这个问题,所以我正在使用WebAronaCore浏览器的这个提交,因为当时最新的浏览器正在崩溃:在这个线程中建议了使用旧提交的解决方法: