有没有办法通过在架构中使用选择器在运行时在 A-Frame 中设置“gltf-model”

Question

我正在制作一个 A-Frame 项目，我必须在运行时根据用户输入将 3D 对象设置为实体。有没有办法使用选择器类型来设置它？

例子：

AFRAME.registerComponent('model',{

schema:{

   ext: {type: 'string', default:'gltf'},

   scene:{type: 'selector'},

   material:{type: 'selector'},

   scale:{type: 'string', default: '1 1 1'}

},

init: function (){

   var el = this.el;

   var data = this.data;

   if(data.ext == 'obj')

   {

     el.setAttribute('obj-model','obj',data.scene);

     el.setAttribute('obj-model','mtl',data.material);

   }

   else

     el.setAttribute('gltf-model',data.scene);

   el.setAttribute('scale',data.scale);

   console.log(this.el.toString() + ': Model component registered successfully!');

   }

});

通过使用元素 ID 设置它不起作用，但如果我在 HTML 文档中手动输入 ID，它就可以完美地工作。

Answer 1

gltf -model和obj-model组件不采用 DOM 元素，而是采用 URL 或选择器。将选择器直接传递到模型中AFRAME.registerComponent('model',{ schema:{  ext: {type: 'string', default:'gltf'},  scene:{type: 'string' },  material:{type: 'string'},  scale:{type: 'string', default: '1 1 1'}}