使用setAttribute添加自定义外观控件

时间:2018-10-28 07:59:01

标签: javascript three.js aframe virtual-reality webvr

我已经创建了一个自定义外观控件,并且想使用“ setAttribute(componentName,data)”将其添加到场景中,但是我不知道要填写什么参数。有任何想法吗 ?

这是我的尝试:

var skyImage = document.querySelector('#sky') as HTMLImageElement;
var aScene = document.querySelector("a-scene");
  if(skyImage.complete){
      if(skyImage.width/2 == skyImage.height){
  let camera = document.createElement('a-camera');
  camera.setAttribute('new-controls', 'true');
  aScene.appendChild(camera);

对于自定义外观控件,我采用了相同的代码,只是将旋转限制为Y轴,并将其重命名为new-controls。

1 个答案:

答案 0 :(得分:1)

您要么需要指定要更改的属性,要么:

el.setAttribute('mycomponent', 'someproperty', value)

或者,如果要使用默认值附加组件,则:

el.setAttribute('mycomponent', '')