Tutorials

Getting Started with 8th Wall Web

Learn how to create an AR portal using 8th Wall Web and A-Frame! Place 3D objects inside the portal, add 360 videos, and more.

Get up and running quickly with Amazon Sumerian and 8th Wall Web, the very tools used to create the WebAR campaign for Spider-Man: Into the Spider-Verse!

Learn how to integrate 8th Wall Web with a Babylon.js project to create an augmented reality experience you can view in your mobile browser.

Getting Started with 8th Wall XR

This Quick Start Tutorial will show you how using 8th Wall XR and Unity 3D will let you build AR apps more quickly and easily than any other Augmented Reality framework!

This tutorial serves as an overview of all the controllers 8th Wall XR provides, allowing you to quickly begin creating AR games and apps. Follow along with the documentation located HERE.

Explore 8th Wall XR

Export animation from any program into Unity, and put it on your phone in just a few minutes. In this tutorial, we show you how to export your animation from Maya, or any other program such as Blender, C4D, Max, etc. and import it into Unity as well as how to push that data onto your phone to view in Augmented Reality!

Using the Unity Asset Store to bring in a game project, we will convert the mobile game into an AR App.


// At the top of the class, add two new private variables, to track the start and end positions of our swipe:

private Vector2 touchStart, touchEnd;

// Delete the FixedUpdate() function, and replace with the following code:

void Update() {

  // Swipe start
  if (Input.touchCount == 1 && Input.GetTouch(0).phase == TouchPhase.Began) {
     touchStart = Input.GetTouch(0).position;
  }

  // Swipe end
  if (Input.touchCount == 1 && Input.GetTouch(0).phase == TouchPhase.Ended) {
    touchEnd = Input.GetTouch(0).position;
    float cameraFacing = Camera.main.transform.eulerAngles.y;
    Vector2 swipeVector = touchEnd - touchStart;
    Vector3 inputVector = new Vector3(swipeVector.x, 0.0f, swipeVector.y);
    Vector3 movement = Quaternion.Euler(0.0f, cameraFacing, 0.0f) * Vector3.Normalize(inputVector);
    rb.velocity = movement;
  }
}