AREL makes use of the following components:
The XML part defines which content should be loaded, like 3D models or billboards. It also defines the initial properties of these object like size, coordinate system, transformations, etc.
The HTML5 layer provides the graphical user interface and interacts using the JavaScript bridge with the Metaio SDK. You can design it like any mobile website, with the exception that the background is transparent to let the user see the camera view and any AR content rendered on top of the camera image.
All callbacks from the Metaio SDK are forwarded to your JavaScript application logic, so you can react to these at runtime, e.g. in the event your tracking pattern is being tracked.
Below you can find an example of how these components interact with each other.