我们使用一个名为“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 );
要使其与手机兼容,应该做哪些更改?
任何帮助都将不胜感激。