Skip to main content

Basic concepts

Here you will learn about basic dot and box concepts

Dot and box language allows to define controls and actions grouped into steps

Let's start with an example and try to explain it line by line

title: 'basic concepts' // static title at the top left of dot and box surface
dot id: d1  text: 'dot' at: (-120,0) radius: 35 // create a dot
box id: b1  text: 'box' at: [1,-1] size: [2,2] // create a box
step: 'move d1 to point (0,0)' // define animation step
d1 -> (0,0) // step has a move action '->' move dot at location (0,0)
step: 'move box by -(200,0)' // another step with title
b1 -> -(200,0) // move b1 box by -(200,0)