🖥️Getting Started

Walkthrough videos to build your first Cloneable app

🏗️Building your first workflow🚀Running your first application

We will provide advanced guides on advanced topics and tutorials in further lessons

Text instructions for building your first Cloneable app

Step 1: Creating a Workflow

• Drag the "iOS App Start" component to the canvas to indicate the start of the workflow.

• Drag the "iOS App End" component to the canvas to specify the end of the workflow.

• Connect the "iOS App Start" component to the desired components in the workflow.

Step 2: Understanding Component Inputs and Outputs

• Each component has inputs on the left and outputs on the right.

• Inputs can be connected to other components or objects.

• Outputs are sent by the component based on its processing and can be used by other components.

Step 3: Adding Components to the Workflow

• Drag and drop the desired components from the available options.

• Connect the inputs and outputs of the components as required.

• Refer to the component documentation to understand their functionalities, required inputs, and outputs.

Step 4: Customizing Components

• Click on a component to access additional options and customizations.

• Modify the component settings, such as adding a target box, input field, or custom display.

• Some customizations allow adding inputs and outputs to the component.

Step 5: Processing AI with Components

• Drag an AI object detection processing component to the canvas.

• Select an AI model to use.

• Connect the image output of the camera view component to the image input of the AI processing component.

Step 6: Working with Multiple Bounding Boxes

• Use the camera view component to capture image frames.

• The camera view outputs multiple bounding boxes.

• Connect the bounding boxes output to components that require them.

• Utilize logical components like "For Each" to process each bounding box individually.

Step 7: Accessing Underlying Information

• Use the "Breakout Data Value" component to access the underlying information of a bounding box.

• Connect the bounding boxes output to the "Breakout Data Value" component.

• Customize the logic based on the bounding box properties.

Step 8: Connecting Components and Inputs

• Connect multiple inputs or outputs to a single component as needed.

• Drag and connect inputs to the navigation triggers or other desired components.

Step 9: Previewing and Capturing Photos

• Customize the camera view component to enable photo capturing and depth map output.

• Connect the captured photo outputs to other components for further processing.

• Use the live video preview for real-time monitoring.

Step 10: Grouping Outputs (advanced concept)

• Use grouping to indicate that certain outputs are part of a group and should be sent together.

• Group outputs that need to be sent simultaneously.

Step 11: Understanding Timing (advanced concept)

• Timing can be crucial for certain components.

• Ensure inputs are sent at the exact same time when necessary.

Remember to refer to the documentation for each component to understand its specific functionality, inputs, and outputs. These steps provide a general guide on how to use the Cloneable platform, but users should explore the platform further to fully utilize its capabilities.