Kivicube Docs
  • What is Kivicube
  • Getting Started
    • Create Project
      • Create Project
      • Create Scene
      • Create scene content
      • Create Scene Interaction
      • Save and Share Scene
  • Business Scene Tutorial
    • WebAR Model Video Interactive Scene Production
  • Manual
    • Editor
      • Asset Area
      • Interaction Area
        • Scene View
          • Scene Settings
      • Object Settings Panel
      • Asset Details Panel
      • Menu
        • Function Setting
        • Save and Share
    • Management Console
      • Project Management
    • Resources Specification
      • Picture
        • Basic Specification
      • 3D Model
        • Modeling Basic Specification
          • Modeling Suggestions
        • Modeling creation basic workflow
        • gltf/glb creation workflow
          • gltf/glb Model Overview
          • glTF Model Format Export Tutorial
          • Common modeling software export glTF
          • glTF Tools
          • glTF Model Format Upload Tutorial
        • USDZ creation workflow
          • USDZ Tool
          • Create AR content with Reality Composer
        • AR Model Editor
        • Model animation cut frame tutorial
        • Use Unity to do animation segmentation
        • Model normal issues
        • Non-professional modeling tool recommendation
        • Model automatic optimization tool- Microsoft Dynamics 365 Import Tool
        • Model replacement
      • Video
        • AR Video
        • Transparent video
      • Audio
        • Basic Specification
      • Background
        • Environment-360 panorama
      • Asset Converter
      • Panorama
      • Image Tracking
        • Basic Specification
        • Best Optimized Method
        • Make identification map
        • Support tracking identification map
        • 3D Tracking
  • AR Open Service
    • Image Tracking
    • Image Cloud Recognition API
Powered by GitBook
On this page
  • 1. Select required scene type
  • 2.Create Web 3D Scene
  • 2.1 3D interaction
  • 2.2 3D posts
  • 2.3 Spark AR
  • 2.4 Lens Studio
  • 3. Create WebAR Scene
  • 3.1 Image Detection and Tracking
  • 3.2 Plane Detection and Tracking
  • 3.3 Gyroscope/Could recognition
  • 3.4 AR Quick Look
  • 4. Create online platform AR scene
  • 4.1 Alipay
  • 4.2 Taobao/Tmall
  • 4.3 Facebook
  • 4.4 Snapchat
  • 4.5 JD

Was this helpful?

  1. Getting Started
  2. Create Project

Create Scene

PreviousCreate ProjectNextCreate scene content

Last updated 4 years ago

Was this helpful?

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

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

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.

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.

Experience Case:

Experience case:

Experience case:

https://www.facebook.com/966515326860773/posts/1157006797811624
https://www.kivicube.com/ar-quick-look
https://www.facebook.com/fbcameraeffects/tryit/395404414632713/
[ Could recognition ] Martial arts mushroom Please scan kivicube logo to experience
[ Could recognition ] Martial arts mushroom Please scan kivicube logo to experience