IStarPatternSettings

Type interface

Sources

IStarPatternSettings is an interface: it describes a shape of data and is not imported on its own.

Inheritance

IStarPatternSettings extends IPatternSettings.

IStarPatternSettings is not extended by any other symbol.

Properties

#centered

Type undefined | false | trueDefault true

Center stars in their grid cell.

#checkered

Type undefined | false | trueDefault false

If set to true, will place every second star, creating a checkered pattern.

#gap

Type undefined | numberDefault 0

Gap between stars, in pixels.

#innerRadius

Type number | PercentDefault 50%

Inner radius of the star. Either an absolute pixel value or a percent of radius.

#radius

Type undefined | numberDefault 5

Outer radius of the star, in pixels.

#rotateShapes

Type undefined | false | trueDefault false

If set to true, rotation rotates each star around its own center while the grid/tile stays axis-aligned, instead of rotating the whole pattern.

This tiles seamlessly (a small width/height is enough) and is much faster than rotating the whole pattern on large tiles.

#spikes

Type undefined | numberDefault 5

Number of spikes.

20 inherited items

#animations

Type ArrayInherited from IEntitySettingsSince 5.20.8

Animations the element plays on its own, described as data - so they can be set from a JSON config and saved with it.

Each one animates a setting of the element (or, with target: "dataItem", a value of its data item - a map point's positionOnLine, say). They start when the setting is applied, restart when it changes, and stop when the element is disposed. A saved config keeps what was configured, never a value caught half way through an animation.

sprite.set("animations", [
  { key: "rotation", to: 360, duration: 4000, loops: 0 },
  { key: "scale", from: 1, to: 1.3, duration: 800, loops: 0, yoyo: true, easing: "sine" }
]);

#color

Type ColorInherited from IPatternSettings

Color of the pattern shape.

More info: Patterns: colors

#colorOpacity

Type undefined | numberInherited from IPatternSettings

Opacity of the pattern shape.

More info: Patterns: colors

#fill

Type ColorInherited from IPatternSettings

Color to fill gaps between pattern shapes.

More info: Patterns: colors

#fillOpacity

Type undefined | numberDefault 1Inherited from IPatternSettings

Opacity of the fill for gaps between pattern shapes.

More info: Patterns: colors

#height

Type undefined | numberDefault 50Inherited from IPatternSettings

Height of the pattern tile, in pixels.

More info: Patterns: sizing patterns

#id

Type undefined | stringInherited from IEntitySettings

A unique ID for looking the element up in root.entitiesById. Setting an ID that another element already has throws an error.

#ignoreThemes

Type undefined | false | trueDefault falseInherited from IEntitySettingsSince 5.15.6

Ignores themes: no theme rule applies to the element, not even one of the default theme.

#repetition

Type "repeat" | "repeat-x" | "repeat-y" | "no-repeat"Default "repeat"Inherited from IPatternSettings

How pattern tiles are repeated when filling the area.

More info: Patterns: repetition

#rotation

Type undefined | numberDefault 0Inherited from IPatternSettings

Rotation of pattern in degrees. Supported values: -90 to 90.

More info: Patterns: rotation

#stateAnimationDuration

Type undefined | numberDefault 0Inherited from IEntitySettings

How long, in milliseconds, a switch from one state to another animates.

0 switches at once.

#stateAnimationEasing

Type $ease.EasingDefault out(cubic)Inherited from IEntitySettings

Easing of the animated switch from one state to another.

#strokeDasharray

Type number[] | numberInherited from IPatternSettings

Stroke (border or line) dash settings.

More info: Colors, gradients, and patterns: dashed linesrmation

#strokeDashoffset

Type undefined | numberInherited from IPatternSettings

Stroke (border or line) dash offset.

More info: Colors, gradients, and patterns: dashed linesrmation

#strokeWidth

Type undefined | numberDefault 1Inherited from IPatternSettings

Width of the pattern's line elements.

#themes

Type ArrayInherited from IEntitySettings

Themes applied to the element and everything inside it.

#themeTags

Type ArrayInherited from IEntitySettings

Tags that theme rules can target. They also count for the element's children, so a rule can match a child by a tag of its parent.

More info: Themes

#themeTagsSelf

Type ArrayInherited from IEntitySettings

Tags that theme rules can target, like themeTags, but only for this element, not its children.

More info: Themes

#userData

Type anyInherited from IEntitySettings

Any data of your own to keep with the element.

#width

Type undefined | numberDefault 50Inherited from IPatternSettings

Width of the pattern tile, in pixels.

More info: Patterns: sizing patterns