Three.js 模型在移动设备上放错了位置

Question

我们使用名为“Visage”的 3D 面部跟踪库。我们用它来画脸。

这个库有一个示例，将虎脸绘画应用到用户的脸上。这里提供了一个演示： https://www.visagetechnologies.com/HTML5/latest/Samples/ShowcaseDemo/ShowcaseDemo.html （点击“老虎模型”复选标记）。

示例使用 Three.js 来应用模型。 它在桌面上运行良好，但在移动设备上，Tiger 面罩放置不正确，而不是贴在脸上，而是向侧面漂浮了很多。

它使用以下代码通过 Three.js 设置掩码位置：

var container = document.getElementById('inner-container');
scene = new THREE.Scene();
v_camera = new THREE.PerspectiveCamera( 36.869, mWidth/mHeight, 0.001, 30 );
v_camera.lookAt(new THREE.Vector3(0, 0, -1));
renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setSize(mWidth, mHeight);
container.appendChild( renderer.domElement );

应该改变什么才能兼容手机？

任何帮助将不胜感激。