Cloud Editor: How to Create Flat and Curved Image Targets (Live Learning: Session 4)
This tutorial is for Cloud Editor
In this hands-on webinar, you'll learn how to create Flat and Curved (cylindrical and conical) Image Targets with 8th Wall. View details below for links to materials and timestamps to skip ahead to relevant sections. You can start your free trial today at https://www.8thwall.com/ to develop your own WebAR content.
In the fourth Live Learning session we review:
What's new with 8th Wall [1:50]
— We cover how to customize the splash screens and loading screens, what they are and how you can customize them. This includes the background colors, load images, and image animation. You can view the documentation here: https://www.8thwall.com/docs/web/#cus...
Walkthrough on how use Flat and Curved (cylindrical and conical) Image Targets with 8th Wall [07:13]
In this section, we cover:
— Background of image targets on 8th Wall and benefits of adding them to your products [07:51]
— How to use Curved Image Targets and World Tracking simultaneously, including an example and project to clone [11:03]
— Scaling image targets up to 1000 uploads, using triggers to load in new sets of images [13:17]
— How to store meta data inside image targets [16:10]
— What makes a good image target and images to avoid [16:59]
— Different types of image targets and how to upload them to your Cloud Editor project and set the tracking region [18:47]
— Uploading flat image targets [21:30]
— Why the tracking region is so important and best practices [21:42]
— Why use a 3:4 or 4:3 aspect ratio [22:59]
— Uploading cylindrical image targets, such as wine bottles [24:40]
— Uploading conical image targets, such as coffee cups [28:30]
Once your image target is uploaded, we'll cover some customization options:
— Recreating the scene you've uploaded, adding a-assets that you load in during the load screen [31:08]
— Adding components that reference the image targets [32:13]
— Referencing XRextras [32:47]
— How to customize your image target detection, tracking and when image is lost using target-video-fade component and event listeners (such as showImage and hideImage) [33:14]
— Advanced customization for cylindrical image targets, including review of XRextras primitive xrextras-named-image-target and xrextras-target-video-fade which can be used for all image target types [37:09]
— Advanced customization for conical objects, including XRextras primitives xrextras-curved-target-container and xrextras-target-mesh [40:02]
Office Hours Live Q&A [44:40]
— Including: low poly GLB libraries now that Google Poly is sunsetting in June 2021, disabling the splash screen only with a commercial license, using Google Analytics to track project events
During the walkthrough, Rigel references the 8th Wall Blog and several Web AR Project Library examples you can clone today to get started.
— The launch of Curved Image targets: / introducing-8th-wall-curved-image-targets
— The first commercial use of curved image targets: https://www.askthedoggfather.com/
— Project Library example project to clone using World Tracking and Image Targets: https://www.8thwall.com/8thwall/curve...
— Project Library example project to clone using a large number of image targets: https://www.8thwall.com/8thwall/image...
— Project Library example project to clone storing image metadata targets:https://www.8thwall.com/8thwall/artga...
— Example of Image Targets to use and those to avoid in your next project https://www.8thwall.com/docs/web/#opt...
— Project Library example used to upload the conical and curved image targets using A-Frame https://www.8thwall.com/8thwall/curve...
— Project Library example referenced for target-video-fade component https://www.8thwall.com/8thwall/magic...
Thank you! Follow us @the8thwall and join our Developer Slack at https://www.8thwall.com/slack