Skip to content
Docs & Tutorials

Usage

You can integrate the Zappar library with an existing A-Frame scene. A typical project may look like this:

<body>
      <a-scene>
          <a-assets>
              <a-asset-item id="target-file" src="myTarget.zpt"/>
          </a-assets>


          <a-entity camera zappar-camera></a-entity>


          <a-entity zappar-image="#target-file">
              <!-- YOUR 3D CONTENT GOES HERE -->
          </a-entity>
      </a-scene>
  </body>

The remainder of this section goes into more detail about each of the tracking component elements of this example.