AR programming course for electronic devices to break through the graphical user interface

Abstract

1. Name of the product of this design: AR programming course level-breaking graphical user interface for electronic devices. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Omit the rear view, left view, right view, top view and bottom view. 6. Purpose of the graphical user interface: This graphical user interface is used to display, view and operate AR programming courses. Users can complete classroom tasks and extended exercises by passing levels. Specifically, the user pre-arranges code cards according to the level content. After entering the classroom task or extension exercise, the user scans the above code cards through the camera, and the system can control the level operation based on the code cards. 7. Description of the changing states of the graphical user interface: (1) Click the "Class Tasks" button on the left side of the main view, or click the "Extended Exercises" button on the right side of the main view to jump to the interface change state diagram 1. (2) Click the "Identify Card" button in the lower right corner of Interface Change Status Diagram 1 to jump to Interface Change Status Diagram 2. (3) Scan the pre-arranged code card in the interface change state diagram 2, where a reference line grid and a gyroscope are provided in the interface change state diagram 2 to assist the user in scanning; after the scanning is completed, click the "Confirm Card" button in the lower right corner of the interface change state diagram 2 to jump to the interface change state diagram 3. (4) After confirming the code card information in the interface change status diagram 3, click the "3D Run" button in the lower right corner to jump to the interface change status diagram 4. (5) In the interface change state diagram 4, the 3D animation can be run based on the code card to play the level; the viewing angle of the 3D model can be adjusted by sliding in the interface change state diagram 4. For example, sliding to the lower left in the interface change state diagram 4 jumps to the interface change state diagram 5. (6) Click the arrow button on the far right of Interface Change Status Diagram 5 to jump to Interface Change Status Diagram 6. 8. Other situations that require explanation: The gray painted areas in Interface Change State Diagram 1 and Interface Change State Diagram 2 are the content images captured by the camera.

Images