Изображение не будет отображаться при использовании elem.setAttribute - PullRequest
Новая
       5

Изображение не будет отображаться при использовании elem.setAttribute

0 голосов
/ 11 октября 2018

Я пытаюсь заменить 3D-модель изображением для проекта A-Frame.Мне удалось удалить модель и заменить ее на примитивную рамку, но изображение, которое я пытаюсь использовать в качестве текстуры, не загружается.Поле отображается правильно, но вместо изображения отображаются случайные цвета.

Я использую этот пример: https://gamedevacademy.org/aframe-vr-game-development/

Myкод: 

// Create a new enemy entity.
createEnemy: function (enemyNumber) {
    var enemyId = "enemy" + enemyNumber.toString();
    var newEnemy = document.createElement('a-entity');
    newEnemy.setAttribute('geometry', {
      primitive: 'box',
      height: 1,
      width: 1,
      depth: 0.0001 ,

    });

    newEnemy.setAttribute( 'src' , 'lanternfly.png' );
    newEnemy.setAttribute('shader' , 'flat');
    newEnemy.setAttribute('transparent' , 'true');
    newEnemy.setAttribute('enemy', {'health': 1});
    newEnemy.setAttribute('static-body', '');
    newEnemy.setAttribute('id', enemyId);
    newEnemy.setAttribute('type', 'enemy');
    var position = this.chooseRandomPosition();
    var positionStr = position.x.toString() + ' ' + position.y.toString() + ' ' + position.z.toString();

    newEnemy.setAttribute('position', position);
    var destinationStr = '0 ' + position.y.toString() + ' 0';
    return newEnemy;
}

};

1 Ответ

0 голосов
/ 11 октября 2018

Как описано в документации по компонентам материала .Это: 

newEnemy.setAttribute('material', {
  shader: 'flat',
  src: 'url(lanternfly.png)'
});

Пример рабочего сбоя

Вы должны убедиться, что вы отправляете файл изображения с вашего веб-сервера и что путь / маршрутверно.Проверьте сетевую панель браузера и убедитесь, что файл выбран.

...