Theejs - изменяет текстуру элемента collada с использованием ShaderMaterial - PullRequest
Новая
       54

Theejs - изменяет текстуру элемента collada с использованием ShaderMaterial

0 голосов
/ 05 июня 2019

Итак, у меня есть экспорт Collada (dae) из приложения 3d-модели для создания упаковки.

Мне удалось импортировать эту модель в мою сцену с помощью 

var loader = new THREE.ColladaLoader();
   loader.load("model.dae", collada => {

   this.scene.add(collada.dae);
});

Это работает. Анимации тоже работают.

Однако в этом файле dae есть ссылки на внешние текстуры. И я хочу программно заменить некоторые из них.

В dea из экспорта используются элементы ShaderMaterial, и я не имею ни малейшего представления применить к нему новую текстуру. Все, что я делаю, сделает его черным или ничего не делает.

Что я пробовал

Я знаю название используемой текстуры изображения, которую я хочу заменить. Имя TextureResource129.png.

Так что я делаю:

  • Загрузить новую текстуру
  • Перебрать все узлы / дочерние элементы в dea, находящемся в сцене.
  • Я проверяю, есть ли у узла material object и is a mesh
  • Я клонирую материал
  • Я везде заменяю старое изображение текстуры в дереве объектов новым изображением текстуры. У экспорта есть их в 4 возможных местоположениях.
  • Затем я снова добавляю скорректированный материал.
  • Тогда объект становится черным в сцене

код: 

var loader = new THREE.TextureLoader();
loader.load("/assets/images/texture2/TextureResource129.png", texture => {
  this.dae.traverse(node => {
    if (node.material && node.isMesh) {
      if (
        node.material.uniforms.EnvDiff0 &&
        node.material.uniforms.EnvDiff0.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.paperBump1 &&
        node.material.uniforms.paperBump1.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.matDiff1 &&
        node.material.uniforms.matDiff1.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.matDiff2 &&
        node.material.uniforms.matDiff2.value.image.currentSrc.indexOf("TextureResource129.png") > -1
      ) {
        var material = node.material.clone();
        if(material.uniforms.EnvDiff0) material.uniforms.EnvDiff0.image = texture;
        if(material.uniforms.paperBump1) material.uniforms.paperBump1.image = texture;
        if(material.uniforms.matDiff1) material.uniforms.matDiff1.image = texture;
        if(material.uniforms.matDiff2) material.uniforms.matDiff2.image = texture;
        node.material = material;
      }
    }
  });
});

Это делает объект черным. Так что I tried only cloning the material and attaching it again to the same node, без изменений. Но даже тогда он снова становится черным: 

var loader = new THREE.TextureLoader();
loader.load("/assets/images/texture2/TextureResource129.png", texture => {
  this.dae.traverse(node => {
    if (node.material && node.isMesh) {
      if (
        node.material.uniforms.EnvDiff0 &&
        node.material.uniforms.EnvDiff0.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.paperBump1 &&
        node.material.uniforms.paperBump1.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.matDiff1 &&
        node.material.uniforms.matDiff1.value.image.currentSrc.indexOf("TextureResource129.png") > -1 ||
        node.material.uniforms.matDiff2 &&
        node.material.uniforms.matDiff2.value.image.currentSrc.indexOf("TextureResource129.png") > -1
      ) {
        var material = node.material.clone();
        node.material = material;
      }
    }
  });
});

Так что вопрос:

Как изменить текстуру файла collada (.dea) программно, когда он находится в сцене?

...