使用 setAttribute 添加自定义外观控制答案

【问题标题】：Adding custom look-control using setAttribute使用 setAttribute 添加自定义外观控制
【发布时间】：2018-10-28 17:14:59
【问题描述】：

我创建了一个自定义外观控件，我想使用“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 轴并将其重命名为新控件。

【问题讨论】：

如果您包含一些代码，每个人都会更容易看到您要做什么。
developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
显示你的外观控制代码
@Mav 我已经添加了我的尝试
@hosseinsedighian 外观控制与少量编辑相同，没有任何问题。问题是使用 setAttribute 将组件附加到场景中的实体时

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

【解决方案1】：

您需要指定要更改的属性：

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

或者，如果您想使用默认值附加组件：

el.setAttribute('mycomponent', '')

【讨论】：