Skip to main content

Draw-to-code

Draw-to-code is the most lightweight visual entry point for programming Dotbot Flip.

When to use it​

Choose draw-to-code if you want to:

  • explore robot behavior quickly
  • reduce the amount of setup before testing an idea
  • introduce programming with the lowest possible barrier

What it does well​

Draw-to-code is useful for:

  • simple movement paths
  • quick route planning
  • stop-and-act behaviors at selected points
  • short classroom exercises

Typical workflow​

  1. Connect to the robot in the app.
  2. Open draw-to-code mode.
  3. Create the behavior using the available visual tools.
  4. Run the result on the robot.
  5. Refine or rebuild the flow based on what you observe.

Editing behavior​

In the drawing view you can:

  • draw a route with touch input
  • zoom and pan around the workspace
  • edit lines to adjust speed or acceleration
  • edit points to adjust turns or add actions

Good first activities​

  • a short drive pattern
  • a movement plus light effect
  • a simple object-moving routine
  • a basic game action sequence

Why it is useful​

Draw-to-code is a practical starting point for very new users and quick experiments. Once the behavior becomes more structured, it is natural to move into Blockly or MicroPython.