Как я могу добавить анимированный GIF к сцене?

Question

Как добавить анимированный GIF в Three.js?

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, который улучшит производительность сети.