如何向场景添加动画gif？

Question

In three.js, how can I add an animated 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

As I know Three.js not support GIF texture, but you can convert the GIF file to video, then use the VideoTexture .

Meanwhile, the video file has a better compression than the GIF file, which will improve the Web performance.