Creates a new Antiquum animautomaton.
The id of an HTMLCanvasElement on the page that this animation will render to.
Optionalops: Partial<AntiquumOps>An object containing one or more valid {AntiquumOps} properties.
Determines where arcs of differing width will align.
Default: centre
A value between 0 and 1 indicating what percentage behind in the loop each successive arc will be.
Only has an effect with multiple arcs.
Default: 0.1
The number of individual shapes to draw.
Default: 1
Width of the primary arc (in pixels).
Default: 10
Only has an effect with multiple arcs. Each arc will be this much (proportional to primary arcWidth) narrower than the previous.
Can be set to a negative value to make successive arcs larger.
Default: 0.02 (>0 to avoid aliasing)
If not null: the canvas will be painted this colour.
Default: null
An array of 7-character hex code colour strings (e.g. ["#ffffff"]). (Must be 7 characters for opacity to work properly.)
The current iteration of this animation.
Default: 0
A number between 0 and 1 representing the animation's progress through its loop THIS frame.
Default: 0
This function will be called iff timingFunction = "custom"
Custom timing functions must take in an offset to apply to currProgress, and return a value between 0 and 1.
Number of milliseconds this animation's loop will take. Lower = faster.
Default: 1000
Represents which Context2D drawing function to call.
Default: fill
Number of requested renders per second (not guaranteed!).
Default: 60
If not null, defines the style of the inner border.
Default: null
High resolution timestamp (ms) of when this animation was last mutated.
Default: 0
A number between 0 and 1 representing the animation's progress through its loop LAST frame.
Default: 0
Determines the lead line cap appearance. Overrides lineCap if not null.
Default: null
Determines the lead AND tail line cap appearance. Lower priority than leadCap and tailCap.
Default: rounded
This animation will pause after this many loops.
Default: Infinity (i.e. animation continues forever)
A number between 0 and 1.
The base transparcency to apply to colours when drawing.
Default: 1
Each differentiable section will have this much less opacity than the previous section (minimum 0).
Default: 0
The (x,y) value of the geometric centre of the canvas.
Default: {x: Math.floor(canvas.width / 2), y: Math.floor(canvas.height / 2)}
If not null, defines the style of the outer border.
Default: null
Uses this.context to draw the current frame of the animation, as determined by the current configuration and this.currProgress.
Called by this.animate().
Sets one or more configurable properties of this Animautomaton.
An object containing one or more valid {AntiquumOps} properties.
Radius of the circle that the centre of the arcs will travel along, in pixels.
Default: 75% of minimum canvas dimension
Only has an effect with multiple arcs. Each arc will travel along a path with radius this much less (proportional to primary radius).
Can be set to a negative value to make successive arcs travel along a path with greater radius.
Default: 0
A number between 0 and 1.
This animation will be still in its starting position for this proportion of its duration.
Default: 0
The number of rotations the circular path will make in a single loop as the arcs travel around it.
Note: This can be set to a non-integer value (e.g. 1.5) but this will result in the animation not necessarily repeating exactly every loop, which usually will not matter but may interfere with certain API uses.
Default: 1
Determines the tail line cap appearance. Overrides lineCap if not null.
Default: null
A value between 0 and 1 indicating what percentage behind in the loop the arc's tail (endpoint) will be compared to its lead (starting point) at all times.
Default: 0.1
Transformation to apply to this animation's progress.
Default: sinusoidal
If not null, the ring that the arcs travel along will have this background colour.
Default: null
Given two points {from} and {to}, calculates the control points necessary to draw a Bezier curve from {from} to {to} that is part of a circle with center of {originOffset}
An object containing the Bezier control points.
Draws a line from the current position of this.context to the position given by vector v.
Moves this.context to position vector v
Draws an arc shape that is contained in a single 120deg section.
Draws a radius 2 circle at the position given. Used for debugging.
Draws the lead section of an arc shape.
Draws a middle section of an arc shape. Draws the outer line if {hasDrawnLead} is false, and the inner line otherwise.
Draws the tail section of an arc.
Sets one or more configurable properties of this Animautomaton.
An object containing one or more valid {AntiquumOps} properties.
An animautomaton based on the traditional rotating/spinning arc loader.