Tutorial by Examples

Components can be attached to the scene as well as entities. A-Frame ships with a few components to configure the scene: ComponentDetailsembeddedRemove fullscreen styles from the canvas.fogAdd fog.keyboard-shortcutsToggle keyboard shortcuts.inspectorInject the A-Frame Inspector.statsToggle performa...

If you want to use WebVR content mixed with HTML content, for example when you're making a extended showcase key content, you could use the embedded tag. When you're using this, it's possible to look around inside 360° content using the gyroscope of your smartphone or click and drag on computer. &l...

The debug component enables component-to-DOM serialization. <a-scene debug></a-scene> Component-to-DOM Serialization By default, for performance reasons, A-Frame does not update the DOM with component data. If we open the browser’s DOM inspector, we will see only the component names...

The recommended way is to write a component, and attach it to the scene element. The scene and its children will be initialized before this component. AFRAME.registerComponent('do-something', { init: function () { var sceneEl = this.el; } }); <a-scene do-something></a-scene...