Three.ar.js 糟糕的纵横比创建拉伸图像？答案

【问题标题】：Three.ar.js bad aspect ratio creating stretched image?Three.ar.js 糟糕的纵横比创建拉伸图像？
【发布时间】：2017-12-28 08:20:12
【问题描述】：

我真的不知道如何提出这个问题，但我得到了一些可能会让事情变得清晰的图片。在我方便地称为“坏方面”的视频中，您可以看到出价歪斜/扭曲/拉伸的视频。好的和坏的都基于同一个演示项目：https://github.com/google-ar/three.ar.js/blob/master/examples/spawn-at-surface.html 我在我的智能手机上用两个应用程序制作了打印屏幕，我将手机保持在纵向模式，然后对角转动。

我认为可以在这里找到线索：

它将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);

【问题讨论】：

可能得到-1，因为我没有添加一些代码，我会添加它。它与演示项目基本相同，但不同之处在于它是从远程服务器作为类启动的

标签： javascript android three.js webvr arcore

【解决方案1】：

虽然我使用的是 Unity，但这是 ARCore Preview 1 的一个观察到的问题。您使用的是 Preview 1 还是 Preview 2？如果是 1，我建议您更新到预览 2，看看它是否能解决问题。如果问题未在 Preview 2 中得到解决，您应该在 ARCore github 问题中报告。

【讨论】：

我正在使用 WebArOnARCore，据我所知，我无法选择可以使用的预览。两者都安装在手机上，所以我可以尝试检查它是否只是选择手机上安装的第一个，或者代码中是否有指向使用哪个 APK 的指针？
顺便感谢您的评论，请问您怎么知道这是一个观察到的问题？我检查了大部分问题，但从未发现与此相关的任何内容
你使用的是什么版本的sdk？代码从 p1 更改为 p2 所以你应该知道你正在使用哪个。我知道这个问题，因为我在 GitHub 上报告了它
我正在使用 webARonARCore 浏览器的这个提交，因为当时最新的浏览器正在崩溃：github.com/google-ar/WebARonARCore/commit/…
在此线程中建议使用旧提交的解决方法：github.com/google-ar/WebARonARCore/issues/44

【解决方案2】：

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

【讨论】：