Tutorial by Examples

AFRAME.registerComponent (name, definition) Register an A-Frame component. We must register components before we use them anywhere in . Meaning from an HTML file, components should come in order before . {string} name - Component name. The component’s public API as represented through an HTML at...

A component holds a bucket of data in the form of one or more component properties. Components use this data to modify entities. Consider an engine component, we might define properties such as horsepower or cylinders. HTML attributes represent component names and the value of those attributes repr...

The schema is an object that defines and describes the property or properties of the component. The schema’s keys are the names of the property, and the schema’s values define the types and values of the property (in case of a multi-property component): Defining schema in your component AFRAME.reg...

Property types primarily define how the schema parses incoming data from the DOM for each property. The parsed data will then be available via the data property on the component's prototype. Below are A-Frame's built-in property types: Property TypeDescriptionDefault ValuearrayParses comma-separ...

A component’s members and methods can be accessed through the entity from the .components object. Look up the component from the entity’s map of components, and we’ll have access to the component’s internals. Consider this example component: AFRAME.registerComponent('foo', { init: function () { ...