angle
Configures an angle object. An angle is an arc that connects two points, and has a radius that determines the size of the arc. The angle is defined by three points:
Example:
angle:
pivot = from 0, 0 to 100, 0 in 1.5 // animate the pivot point
origin = from 1, 0 to 0, 1 in 1.5 // animate the origin point
destination = from 0, 0 to 0, 100 in 1.5 // animate the destination point
pivot
Configures the pivot point of the angle. The pivot point is the point that the angle rotates around
Example:
pivot = from 0, 0 to 100, 0 in 1.5 // animate the pivot point
from {x} {y}
x
Horizontal position
y
Vertical position
Sets the starting position (x, y) of the vector
Example:
from 0, 0
to {x} {y}
x
Horizontal position
y
Vertical position
Sets the ending position (x, y) of the vector
Example:
to 100, 100
in {duration}
duration
time between positions changeSets the duration (time) of the animation from the starting position to the ending position
Example:
in 1.5
pivot {x} {y}
x
Horizontal position
y
Vertical position
Sets the rotation center of the animation. If defined, the vector will rotate around this point to move from the starting position to the ending position, instead of moving in a straight line.
Example:
pivot 50, 50
shortspin
Sets the animation to rotate around the pivot point using the shortest path.
Example:
shortspin
longspin
Sets the animation to rotate around the pivot point using the longest path.
Example:
longspin
default {x} {y}
x
Horizontal position
y
Vertical position
Sets the default position (x, y) of the vector
Example:
default 0, 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
origin
Configures the origin point of the angle. The origin point is one of the points that the angle connects.
Example:
origin = from 1, 0 to 0, 1 in 1.5 // animate the origin point
from {x} {y}
x
Horizontal position
y
Vertical position
Sets the starting position (x, y) of the vector
Example:
from 0, 0
to {x} {y}
x
Horizontal position
y
Vertical position
Sets the ending position (x, y) of the vector
Example:
to 100, 100
in {duration}
duration
time between positions changeSets the duration (time) of the animation from the starting position to the ending position
Example:
in 1.5
pivot {x} {y}
x
Horizontal position
y
Vertical position
Sets the rotation center of the animation. If defined, the vector will rotate around this point to move from the starting position to the ending position, instead of moving in a straight line.
Example:
pivot 50, 50
shortspin
Sets the animation to rotate around the pivot point using the shortest path.
Example:
shortspin
longspin
Sets the animation to rotate around the pivot point using the longest path.
Example:
longspin
default {x} {y}
x
Horizontal position
y
Vertical position
Sets the default position (x, y) of the vector
Example:
default 0, 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
destination
Configures the destination point of the angle. The destination point is one of the points that the angle connects.
Example:
destination = from 0, 0 to 0, 100 in 1.5 // animate the destination point
from {x} {y}
x
Horizontal position
y
Vertical position
Sets the starting position (x, y) of the vector
Example:
from 0, 0
to {x} {y}
x
Horizontal position
y
Vertical position
Sets the ending position (x, y) of the vector
Example:
to 100, 100
in {duration}
duration
time between positions changeSets the duration (time) of the animation from the starting position to the ending position
Example:
in 1.5
pivot {x} {y}
x
Horizontal position
y
Vertical position
Sets the rotation center of the animation. If defined, the vector will rotate around this point to move from the starting position to the ending position, instead of moving in a straight line.
Example:
pivot 50, 50
shortspin
Sets the animation to rotate around the pivot point using the shortest path.
Example:
shortspin
longspin
Sets the animation to rotate around the pivot point using the longest path.
Example:
longspin
default {x} {y}
x
Horizontal position
y
Vertical position
Sets the default position (x, y) of the vector
Example:
default 0, 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
radius
Configures the radius of the angle
Example:
radius = from 0 to 100 in 1.5 // animate the radius
from {x}
x
Starting valueSets the starting value of the value
Example:
from 0
to {x}
x
Ending valueSets the ending value of the value
Example:
to 100
in {duration}
duration
time between values changeSets the duration (time) of the animation from the starting value to the ending value
Example:
in 1.5
default {x}
x
Default valueSets the default value of the value
Example:
default 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
style
Configures the style of the figure. The styles can be fill, stroke, or both. A filled figure is a figure with a color inside, and a stroked figure is a figure with a color outline. By default, the figures are stroked but not filled.
Example:
style = fill // fill the figure
style = stroke // stroke the figure
style = fill stroke // fill and stroke the figure
style = nofill nostroke // do not fill or stroke the figure
fill
Enables the fill of the figure
Example:
style = fill
nofill
Disables the fill of the figure
Example:
style = nofill
stroke
Enables the stroke of the figure
Example:
style = stroke
nostroke
Disables the stroke of the figure
Example:
style = nostroke
start
Sets the time before the animation starts, in seconds
default {time}
time
time before the animation starts, in secondsSets the time before the animation starts, in seconds
Example:
start = 1.5 // starts after 1.5 seconds
end
Sets the time after the animation ends, in seconds
default {time}
time
time after the animation ends, in secondsSets the time after the animation ends, in seconds
Example:
end = 1.5 // ends after 1.5 seconds
fig_origin
Sets the origin of the figure for transformations
Example:
fig_origin = 0.5, 0.5 // sets the origin to the center of the figure
from {x} {y}
x
Horizontal position
y
Vertical position
Sets the starting position (x, y) of the vector
Example:
from 0, 0
to {x} {y}
x
Horizontal position
y
Vertical position
Sets the ending position (x, y) of the vector
Example:
to 100, 100
in {duration}
duration
time between positions changeSets the duration (time) of the animation from the starting position to the ending position
Example:
in 1.5
pivot {x} {y}
x
Horizontal position
y
Vertical position
Sets the rotation center of the animation. If defined, the vector will rotate around this point to move from the starting position to the ending position, instead of moving in a straight line.
Example:
pivot 50, 50
shortspin
Sets the animation to rotate around the pivot point using the shortest path.
Example:
shortspin
longspin
Sets the animation to rotate around the pivot point using the longest path.
Example:
longspin
default {x} {y}
x
Horizontal position
y
Vertical position
Sets the default position (x, y) of the vector
Example:
default 0, 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
fig_rotation
Sets the rotation of the figure, in radians
Example:
fig_rotation = 0.5 // rotates the figure by 0.5 radians
from {x}
x
Starting valueSets the starting value of the value
Example:
from 0
to {x}
x
Ending valueSets the ending value of the value
Example:
to 100
in {duration}
duration
time between values changeSets the duration (time) of the animation from the starting value to the ending value
Example:
in 1.5
default {x}
x
Default valueSets the default value of the value
Example:
default 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
fig_scale
Sets the scale of the figure
Example:
fig_scale = 0.5, 0.5 // scales the figure by 0.5 in both directions
from {x} {y}
x
Horizontal position
y
Vertical position
Sets the starting position (x, y) of the vector
Example:
from 0, 0
to {x} {y}
x
Horizontal position
y
Vertical position
Sets the ending position (x, y) of the vector
Example:
to 100, 100
in {duration}
duration
time between positions changeSets the duration (time) of the animation from the starting position to the ending position
Example:
in 1.5
pivot {x} {y}
x
Horizontal position
y
Vertical position
Sets the rotation center of the animation. If defined, the vector will rotate around this point to move from the starting position to the ending position, instead of moving in a straight line.
Example:
pivot 50, 50
shortspin
Sets the animation to rotate around the pivot point using the shortest path.
Example:
shortspin
longspin
Sets the animation to rotate around the pivot point using the longest path.
Example:
longspin
default {x} {y}
x
Horizontal position
y
Vertical position
Sets the default position (x, y) of the vector
Example:
default 0, 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
background
Sets the background color of the figure. The colors are expressed in format of 24 bits numbers, where the first 8 bits are for the red channel, the next 8 bits are for the green channel and the last 8 bits are for the blue channel. You can also use the hexadecimal format, where the first 2 digits are for the red channel, the next 2 digits are for the green channel and the last 2 digits are for the blue channel. Functions rgb(r, g, b)
and hsv(h, s, v)
can also be used.
Example:
background = #ff0000 // red
background = from #ff0000 to #00ff00 in 1 // from red to green in 1 second
background = rgb(255, 0, 0) // red
background = from rgb(255, 0, 0) to rgb(0, 255, 0) in 1 // from red to green in 1 second
from {xyz}
xyz
24-bit integer representing x, y, z valuesSets the starting point (x, y, z) of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
from #ff0000
from 16711680
to {xyz}
xyz
24-bit integer representing x, y, z valuesSets the ending point (x, y, z) of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
to #ff0000
to 16711680
in {duration}
duration
no descriptionSets the duration (time) of the animation from the starting point to the ending point
Example:
in 1.5
default {xyz}
xyz
24-bit integer representing x, y, z valuesSets the default value of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
default #ff0000
default 16711680
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
background_opacity
Sets the background opacity of the figure
Example:
background_opacity = 0.5 // half transparent
background_opacity = from 0.5 to 1 in 1 // from half transparent to fully transparent in 1 second
from {x}
x
Starting valueSets the starting value of the value
Example:
from 0
to {x}
x
Ending valueSets the ending value of the value
Example:
to 100
in {duration}
duration
time between values changeSets the duration (time) of the animation from the starting value to the ending value
Example:
in 1.5
default {x}
x
Default valueSets the default value of the value
Example:
default 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
border
Sets the border color of the figure The colors are expressed in format of 24 bits numbers, where the first 8 bits are for the red channel, the next 8 bits are for the green channel and the last 8 bits are for the blue channel. You can also use the hexadecimal format, where the first 2 digits are for the red channel, the next 2 digits are for the green channel and the last 2 digits are for the blue channel. Functions rgb(r, g, b)
and hsv(h, s, v)
can also be used.
Example:
border = #ff0000 // red
border = from #ff0000 to #00ff00 in 1 // from red to green in 1 second
border = rgb(255, 0, 0) // red
border = from rgb(255, 0, 0) to rgb(0, 255, 0) in 1 // from red to green in 1 second
from {xyz}
xyz
24-bit integer representing x, y, z valuesSets the starting point (x, y, z) of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
from #ff0000
from 16711680
to {xyz}
xyz
24-bit integer representing x, y, z valuesSets the ending point (x, y, z) of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
to #ff0000
to 16711680
in {duration}
duration
no descriptionSets the duration (time) of the animation from the starting point to the ending point
Example:
in 1.5
default {xyz}
xyz
24-bit integer representing x, y, z valuesSets the default value of the vector 3D using a single number, where the first 8 bits are the value of x, the second 8 bits are the value of y, and the last 8 bits are the value of z.
Example:
default #ff0000
default 16711680
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition
border_opacity
Sets the border opacity of the figure
Example:
border_opacity = 0.5 // half transparent
border_opacity = from 0.5 to 1 in 1 // from half transparent to fully transparent in 1 second
from {x}
x
Starting valueSets the starting value of the value
Example:
from 0
to {x}
x
Ending valueSets the ending value of the value
Example:
to 100
in {duration}
duration
time between values changeSets the duration (time) of the animation from the starting value to the ending value
Example:
in 1.5
default {x}
x
Default valueSets the default value of the value
Example:
default 0
stop
On end, the animation will stop
restart
On end, the animation will restart
reverse
On end, the animation will reverse
linear
Uses a linear function for this transition
Example:
radius = from 1 to 10 linear // linear transition
accel1 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, and will accelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel1 0.1 // acceleration transition
accel2 {initial_speed}
initial_speed
the initial speed of the transitionUses an acceleration function for this transition. The animation will start at a given speed, accelerate at constant rate until it reaches max speed at the middle of the transition, and then decelerate at constant rate until it reaches the final value.
Example:
radius = from 1 to 10 accel2 0.1 // acceleration transition