实体
一个实体的<a-entity>
元素表示。entity-component-system中定义的模式,实体对象占位符我们插入组件来提供他们的容貌,行为,和功能。
在 A-Frame,实体本质上有连接的位置 position
,旋转 rotation
和规模scale
组件
例子
考虑下面的实体。就其本身而言,它没有外表,行为,或功能。它没有:
<a-entity>
我们可以附加组件,使它呈现的东西或者做些什么。给它的形状和外观,我们可以把几何 geometry 和材料material部分:
<a-entity geometry="primitive: box" material="color: red">
或者让它发光,我们可以进一步把光light 组件:
<a-entity geometry="primitive: box" material="color: red"
light="type: point; intensity: 2.0">
trieving an Entity
我们可以简单地使用DOM api检索一个实体。
<a-entity id="mario"></a-entity>
var el = document.querySelector('#mario');
一旦我们有一个实体,我们可以访问它的所有属性和方法,这在下面会详细进行介绍。
属性
### components
例如,如果我们想要抓住一个实体的三个。js相机对象或物体,我们可以进入它的组件:
var camera = document.querySelector('a-entity[camera]').components.camera.camera; var material = document.querySelector('a-entity[material]').components.material.material;
或者如果一个组件公开API,我们可以调用它的方法:
document.querySelector('a-entity[sound]').components.sound.pause(); ```