Primitives are just
<a-entity>s under the hood. This means primitives have the same API as entities such as positioning, rotating, scaling, and attaching components.
A-Frame provides a handful of elements such as
<a-sky> called primitives that wrap the entity-component pattern to make it appealing for beginners.
. Developers can create their own primitives as well.
Primitives act as a convenience layer (i.e., syntactic sugar) primarily for
newcomers. Keep in mind for now that primitives are
<a-entity>s under the
Under the hood, this
<a-box color="red" width="3"></a-box>
represents this entity-component form:
<a-entity geometry="primitive: box; width: 3" material="color: red"></a-entity>
<a-box> defaults the
geometry.primitive property to
box. And the
primitive maps the HTML
width attribute to the underlying
property as well as the HTML
color attribute to the underlying