# Create Scene ## 1. Select required scene type Steps: ![](/files/-MEg7uAmBE4OPHHfs42K) * 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. ![](/files/-MEfp7qn5zLWBSqYm7Da) Operation steps: fill **\[**3D interaction**]** scene information ![](/files/-MEg86Z_qiZtbIIZIIw8) The scene name here will be displayed on the homepage of the display terminal, as shown below: ![](/files/-MEg8CX-SvaPHf2KtBN8) ### 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: ![](/files/-MEfp_zXfzOVTvcjra4K) ### 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: ![](/files/-MEfpqRUWMn_wGNh26q8) ### **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: ![](/files/-MEfq2chxXEoYP0G24kH) ## **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: ![](/files/-MEfqPvZLa7g0f2J6uO8) Operation step: Fill **\[** Image detection and Tracking **]** scene information ![](/files/-MEg8P4wqW5NnZtFC612) ![](/files/-MEg8WXUiEanGFelhTp7) 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: ![](/files/-MEfqva8h76nyScvQuDW) Opening the link, click the "AR" button in the upper right corner to experience ![](/files/-MEg8fFGCJzaTRYsUGzS) ### 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: ![\[ Could recognition \] Martial arts mushroom Please scan kivicube logo to experience](/files/-MEfrNVXruYmgOHC4wI7) ![\[ Could recognition \] Martial arts mushroom Please scan kivicube logo to experience](/files/-MEfrhVnQqwB0oYJkZYQ) ![](/files/-MEfrRX8D1YaiLnqcIMz) ### 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: ![](/files/-MEfsAqKqdINdLBOWJfU) ## 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: ![](/files/-MEfsq3m_a1JokvGfc1G) ### 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: ![](/files/-MEft9RfGaiW0G91W8MH) ### 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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs-en.kivicube.com/getting-started/create-project/create-scene.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.