Interface Guide

Entering the Cover Page

No.

Name

Description

Home

Click here to enter the project creation and selection page.

Help

Click here to play a tutorial video. After closing the video, it will return to the home interface.

Settings

Click here to select the language (Chinese, English, Russian).

Home Interface

No.

Name

Description

Return to cover page

Click the logo to return to the cover page.

Help

Click here to enter the help page.

Settings

Click here to select the language (Chinese, English, Russian).

Usage Instruction

Click here to access ‘About ICQbot,’ ‘Interface Guide,’ ‘Drawing Editor Guide,’ and ‘Block Guide.’

New Project

Click here to create a new blank project.

Enter Project

Click here to enter a saved project.

Version

Displays the version number of the programming software.

Programming Interface

No.

Name

Description

Save

Save the current project and return to the homepage.

Stage

The stage where project characters perform. To delete a character on the stage, press and hold the character, then click the delete icon that appears.

Full Screen

Expand the stage to full screen.

Grid Mode

Click to display or hide the current grid.

Control Panel

View information about the currently connected device and the firmware version number.

Change Background

Select or draw an image to use as the stage background.

Add Text

Input text content on the stage.

Reset Characters

Reset all characters to their original positions on the stage (you can drag the character to set the original position).

Green Flag

Start all programs that begin with the block “When the green flag is clicked.�

Page

Select a page within the project or click the plus icon to add a new page.

Project Info

Change the project name, view the project creation date, or share the project.

Undo & Redo

Click “Undo” to go back to the previous step. Click “Redo” to redo the last undone operation.

Program Blocks

Represented in graphical, block form, users can drag and combine blocks to create programs. Click a block to execute the program. To delete a block, drag it outside the workspace. To copy a program from one character to another, drag and drop it onto another character’s thumbnail.

Programming Workspace

A centralized, structured workspace for writing, editing, debugging, and managing programs.

Block Panel

Displays available blocks. Click to view the functionality of the modules.

Block Categories

Categories program blocks by function: Trigger (yellow), Action (blue), Appearance (purple), Sound (green), Control (orange), End (red).

Character

Select a character. Click the plus icon to add a new character. When a character is selected, you can write their program. Click the name to rename the character. Click the brush icon to edit the character’s image. To delete a character, press and hold it, and the delete icon will appear. To copy a character to another page, simply drag it to the thumbnail of the other page.

Bluetooth

Click to open the Bluetooth connection window and select the device to connect.

Drawing Editing Interface

No.

Name

Description

Undo

Use this tool to undo the last action.

Redo

Use this tool to redo the last undone action.

Shapes

Select the shape to draw: line, circle, square, or triangle.

Character Name

Displays the character’s name. Click to edit it.

Cut

Use this tool to cut a specific shape. After clicking the cut tool, click the character or shape to remove it from the canvas.

Copy

Use this tool to copy a specific shape. After clicking the copy tool, click the character or shape to copy and paste it on the canvas.

Rotate

After clicking the rotate tool, you can rotate the character or shape on the canvas.

Drag

After clicking the drag tool, you can drag the character or shape to the desired location on the canvas. If you select a shape, you can also drag the small dots to modify the shape.

Cancel

Cancel drawing edits.

Save

Save changes and exit the drawing editor.

Fill

Use the fill tool to color a specific area of a character or shape.

Color

Select the color for drawing lines or filling shapes.

Line Thickness

Change the thickness of the lines when drawing.

Help Page

No.

Name

Description

Introduction Video

Here you can watch a beginner tutorial video.

Project Examples

Learn how to use these two projects to quickly get started.