Metalitix A-Frame Demo

Metalitix-Aframe Logger

Metalitix™ (https://metalitix.com/) is a powerful platform-agnostic software providing comprehensive 3D and immersive environment analytics, offering visualization tools, cross-platform compatibility, data security, and insights to optimize user experiences in the Metaverse. Compatible with popular 3D engines like Three.js, AFrame, Decentraland, 8th Wall, Unity, and Unreal Engine, it provides a suite of data collection and visualization tools for XR and 3D experiences.

This project demonstrates the Metalitix A-Frame module added to an 8th Wall project. In the project, the user can view a model car on mobile AR or desktop. They can reposition, scale, and change the color of the car. Metalitix will correctly track the user's camera position throughout these transfomation changes. Custom metrics were also added to track the changing color of the car.

Key Features

• 3D gaze and positional heatmals
• 3D session playback
• Custom metrics
• FPS tracking
• Animation tracking
• Demographic tracking

Key Links

• 8th Wall Module - https://www.8thwall.com/metalitix/modules/metalitix-aframe

• Platform Breakdown - https://docs.metalitix.com/v/8th-wall/

• Supported Platforms - https://docs.metalitix.com/v/8th-wall/supported-platforms

• Getting Started - https://docs.metalitix.com/v/8th-wall/getting-started

• Advanced Features - https://docs.metalitix.com/v/8th-wall/advanced-features

Install

1. Clone this sample project.

2. Create a project on Metalitix (https://app.metalitix.com/).

3. Whitelist your 8th wall project's domain (URL) in your project's settings on Metalitix (https://app.metalitix.com/).

4. In your project's settings on Metalitix, copy the API Key. In the 8th Wall Editor, open the metalitix-aframe module underneath the Modules section and paste this API Key in the field.

5. Metalitix also provides advanced features (https://docs.metalitix.com/v/8th-wall/advanced-features), such as recording custom metrics

How it works

There are 3 core inputs in the Metalitix module:

1. Metalitix Project API Key links your 8th Wall project to the project on Metalitix.

2. Your a-scene is the ID of your A-Frame scene and tells Metalitix what A-Frame scene to monitor.

3. Your a-entity or model is the ID of your main A-Frame model or focal point of your scene. Transformations of the camera are obtained relative to this object, if specified.