如何向场景添加动画gif？

Question

在three.js中，如何添加动画gif？

var materialTextured = new THREE.MeshBasicMaterial( {
        map: THREE.ImageUtils.loadTexture('images/pin.gif'),
        transparent: true,
        side: THREE.DoubleSide
    });
    var plane = new THREE.Mesh(new THREE.PlaneGeometry(200, 150), materialTextured);
    plane.position.x=250;
    plane.scale.x = 1;
    scene.add(plane);

Answer 1

我知道Three.js不支持GIF纹理，但是您可以将GIF文件转换为视频，然后使用VideoTexture。

与此同时，视频文件的压缩比GIF文件更好，这将提高Web性能。