Create Scene
1. Select required scene type
Steps:

WebAR scene: Scene that can only be experienced after scanning the tracking image or recognizing the environment plane, and the camera screen will be displayed in real time during the experience.
Web3D scene: Scene that refers to an ordinary 3D H5 scene, and the camera image will not be presented during the experience.
Online platform AR scene: Scene that refers to the creation of scenarios applicable to various online platforms, including: Alipay, Taobao/Tmall, Facebook, Snapchat, JD.
2.Create Web 3D Scene
2.1 3D interaction
Overview: 3D interaction experience based on 3D content, widely used in smart e-commerce projects, 3D advertising, 3D media, etc.
Experience Environment: all Android browsers and APP with browsing function, Android WeChat, Android WeChat applet; all iOS browsers and APP with browsing function, iOS WeChat applet.
Experience case: Swiss Army Knife.

Operation steps: fill [3D interaction] scene information

The scene name here will be displayed on the homepage of the display terminal, as shown below:

2.2 3D posts
Overview: when we upload the model to the platform, we could adjust its assets to display their effect through the model editor, then the system would automatically optimizes the model size, and finally exports it as a glb model and uploaded in Facebook to compose a new 3D post.
Experience environment: Facebook APP, Facebook Website
Experience Case: https://www.facebook.com/966515326860773/posts/1157006797811624

2.3 Spark AR
Overview: when we upload the model to the platform, we could adjust its assets to show their effect through the model editor, then the system would automatically optimizes the model size, and finally exported as glb model. Then we could import this model in Spark AR Studio, and author AR content on Facebook, Instagram, Messenger.
Experience environment: Facebook、Instagram、messenger
Experience case:

2.4 Lens Studio
Overview: when we upload the model to the platform, we could adjust its assets to show their effect through the model editor, then the system would automatically optimizes the model size, and finally exports it as glb model. Then we could import this model in Lens Studio, and author AR content on Snapchat、Snap Camera.
Experience environment: Snapchat、Snap Camera.
Experience case:

3. Create WebAR Scene
3.1 Image Detection and Tracking
Overview: user could experience the corresponding scene content and interactions through scanning the plane images in the real world (such as magazine covers, photos, business cards, etc.), realizing real-time location detection and tracking.
Experience environment: Android QQ browser, Android WeChat (open soon), Android applet (open soon), Android UC browser (open soon), Android Chrome (open soon); iOS Safari browser, iOS WeChat applet (open soon).
Experience case:

Operation step: Fill [ Image detection and Tracking ] scene information


Add multiple tracking images to a scene. On the one hand, users can scan different tracking images to enter the same scene experience; on the other hand, they can also complete physical recognition. Click here for details.
3.2 Plane Detection and Tracking
Overview: user could experience the corresponding scene content and interactions through scanning the real environment and detecting plane environment, realizing real-time location detection and tracking.
Experience environment: Android QQ browser, Android WeChat (open soon), Android applet (open soon), Android UC browser (open soon), Android Chrome (open soon); iOS Safari browser, iOS WeChat applet (open soon).
Experience case:

Opening the link, click the "AR" button in the upper right corner to experience

3.3 Gyroscope/Could recognition
Overview: The gyroscope is based on the gyroscope sensor of the mobile device, and the user can turn the device to view the surrounding scene content and interaction; cloud recognition is based on cloud image recognition and matching, which can support the recognition of 100,000 pictures.
Experience environment: All Android browsers, Android WeChat, Android WeChat applet (open soon); iOS Safari browser, iOS WeChat applet (open soon).
Experience case:



3.4 AR Quick Look
Overview: You can easily place 3D content in the real world such as the floor and desktop.
Experience environment: Android Chrome; iOS Safari browser, iOS Chrome
Experience case: https://www.kivicube.com/ar-quick-look

4. Create online platform AR scene
4.1 Alipay
Overview: which supports image detection and tracking, plane detection and tracking, face detection and tracking, smile detection, human posture detection, gesture detection.
Experience environment: Android Alipay, IOS Alipay.
4.2 Taobao/Tmall
Overview: You can easily place 3D content on the floor, desktop, and other real worlds.
Experience environment: Android Taobao/Tmall, IOS Taobao/Tmall.
4.3 Facebook
Overview: which supports plane detection and tracking, face detection and tracking, human pose detection and tracking, gesture detection and tracking, human background segmentation.
Experience environment: Android Facebook、Instagram、iOS Facebook、Instagram.
Experience case: https://www.facebook.com/fbcameraeffects/tryit/395404414632713/

4.4 Snapchat
Overview: which supports plane detection and tracking, face detection and tracking, human pose detection and tracking, gesture detection and tracking, human background segmentation.
Experience environment: Android Facebook、Instagram、iOS Facebook、Ins
Experience case:

4.5 JD
Overview: You can easily digitally model the products in JD Mall and place them on the floor, desktop, and other real worlds.
Experience environment: Android JD, IOS JD.
Last updated
Was this helpful?