Build a WebAR Experience with Zappar and echo3D (Tutorial)
echo3D is really excited to announce a partnership with Zappar! echo3D is a 3D-ready cloud platform to help manage and deliver 3D/AR/VR content to apps and devices everywhere! Zappar is an augmented reality creator platform. Together, Zappar and echo3D make it super easy to create fun, engaging and scalable AR experiences!
Scan this QR code to try this AR demo yourself!
Video
Setup
- Built with Unity 2020.3.25 (Note: The echo3D Unity SDK is supported in 2020.3.25 and higher.).
- Register for FREE at echo3D.
- Add the Unity SDK in Unity.
- Download and import Zappar for Unity here. Check out the README for more details.
- Clone this repo to see a sample project. All you have to do is add your echo3D API key.
Steps
- Delete the default camera in the scene. From the Unity toolbar, Zappar > Camera > Front Facing Camera game object from the Zappar menu.
- Add any Zappar Tracking object from the Zappar menu. We used the Face Tracking Target.
- Select the Zappar camera game object and drag the tracking type (in your Hierarchy) into the “Anchor Origin’’ property.
- Drag the echo3D script onto an empty parent for your echo3D asset. See CowboyHat in the Hierarchy.
- Fill out the API key and entry ID details in the Inspector. Add the echo3DService prefab to the Hierarchy.
- (Recommended) Preview and edit the echo3D asset in real time.
To move, resize or edit the parent object for assets live in your Scene view, check the boxes for “Editor Preview” and “Ignore Model Transforms” on the echo3D script in Inspector.
To enable this, click Echo3D > Load Editor Holograms in your Unity toolbar. - Change Build Settings to WebGL.
- Go to Build Settings > Player > Resolution and Presentation and select the Zappar player (Zappar for 2020+, or Zappar 2019 for anything older).
Run
- Build and host locally or host with Zapworks (more info here).
Learn More
Refer to our documentation to learn more about how to use Unity and echo3D.
Support
Feel free to reach out at support@echo3d.co or join our support channel on Slack.
More Tutorials
To learn how to make echo3D projects, try one of these:
echo3D (www.echo3D.co; Techstars 19’) is a cloud platform for 3D/AR/VR that provides tools and network infrastructure to help developers & companies quickly build and deploy 3D apps, games, and content.
