setAttributeが以前の所有者をリセットするAFrameの問題

Question

mycomponentと呼ばれるAFRAMEコンポーネントを登録しました。このコンポーネントは、単にカメラをターゲットに向け、クリック時に位置を変更します。そのためには、コンポーネントは、targetとpositionの2つを持っています。

私はpenを作成しました。ここであなたはその動作を見ることができます。

setAttributeを呼び出してpositionを更新すると、位置は変更されますが、targetの有効性はデフォルトにリセットされます。さらに、エンティティ属性は同じままです。何故ですか？

Answer 1

setAttributeのメソッドは、Aフレームプリミティブでは無効になります。既存のノードに属性としてコンポーネントを追加するメソッドを呼び出すと、既存のコンポーネント属性が上書きされます。したがって、targetがリセットされます。 AEntityを使用していることを確認して、コンポーネントの属性を特定の値に設定することができます。この問題を解決するためにaframe/core/a-entity.js

でsetAttributeメソッドのJSのドキュメントをチェックし 、単に呼び出す：

let camera = document.getElementById('camera') 
    camera.setAttribute('mycomponent', 'position', '-10 0 10') 

かを...

let camera = document.getElementById('camera') 
    AFRAME.utils.entity.setComponentProperty(camera, 'mycomponent', 'position', '-10 0 10') 

...あなたにオプションを与えます最初のパラメータには（カスタムの）デリミタ（デフォルトは "。"）を使用してください。AFRAME.utils.entity.setComponentProperty(camera, 'mycomponent.position', '-10 0 10' [, delimiter])。

**重要事項AEntityに継承されているANodeは、setAttributeメソッドの実装が異なります。

Answer 2

.setAttributeに文字列形式を渡すとバグが発生する可能性があります。

試してみてください。

el.setAttribute('component', {position: '-10 10 10'}); 

または：

el.setAttribute('component', 'position', '-10 10 10');