изменениятекстура материала с идентификатором javascript при нажатии кнопки

Question

Итак, у меня есть следующий код:

 function pictureChange()
  {
   document.getElementById("theImage").src="img02.png";
  }

<a-mixin id="voxel"
         geometry="primitive: box; height: 0.6; width: 0.6; depth: 0.6"
         material="id: theImage; src: Box.jpg; color: #696969; roughness: 1; metalness: 0"     
         snap="offset: 0.4 0.4 0.4; snap: 0.6 0.6 0.6"
      ></a-mixin>

И я хотел использовать идентификатор "theImage", чтобы изменить URL-адрес изображения на что-то другое, но CSS3 в Aframe не работает так же, как я могуне заставить его работать правильно.Если у кого-нибудь есть какие-либо идеи, которые могут мне помочь, это было бы очень признательно.Спасибо.

PS: чтобы уточнить, я хочу каким-то образом изменить URL нажатием кнопки.

Answer 1

Идентификатор относится к объекту или активу, а не материалу.Попробуйте установить изображение на миксин:

  var mixinEl = document.getElementById('voxel');
  mixinEl.setAttribute('material','src: #super');

Пример: https://glitch.com/edit/#!/swamp-sparrow?path=index.html:1:0