代码之家  ›  专栏  ›  技术社区  ›  SharpAffair

三js模型在手机上放错了位置

  •  0
  • SharpAffair  · 技术社区  · 5 年前

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

    https://www.visagetechnologies.com/HTML5/latest/Samples/ShowcaseDemo/ShowcaseDemo.html (单击老虎模型复选标记)。

    该样本使用了三种方法。js来应用这个模型。 它在台式机上工作得很好,但在移动设备上,老虎面具的位置不正确,它并没有粘在脸上,而是有点偏侧。

    它使用下面的代码设置三个遮罩的位置。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 );
    

    要使其与手机兼容,应该做哪些更改?

    任何帮助都将不胜感激。

    0 回复  |  直到 5 年前