Ellipse
Ellipse
The Ellipse in Incari provides similar functionality as its equivalent in Figma.

There are several Attributes which allow the user heightened customizability and control.
Attributes
Object

Besides Name
, Type
, and Opacity
, which appear for every Object in Incari, the Object
Attributes include Blend Mode
.
This Attribute lets the user set a Blend Mode
as a base property of the Ellipse. These are established on common formulas, examples of each can be accessed here. An Object's Blend Mode
can also be set with the Set Blend Mode Node.
Transformation

The Transformation
Attributes deal with placement, rotation, and size in XY space. More information can be found here.
Fill
The Fill
Attributes consist of different items called Elements
. Each Element
contains a Type
. This can be either Solid
, Gradient
, Image
, or Video
and changes some of the available Attributes under this category.
If there is more than one Fill Element
, the most recent one will take precedent over the others (unless some Blend Mode
is applied).
Solid

When Solid
is selected, Color
is visible.
Color
is a color selector that lets the user pick theFill's
color.Similar to the base property described previously,
Blend Mode
here affects theFill Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
Please note that when a new Fill
is added, it is added to the top of the fill list and the Object will be updated to display this Fill
.
Gradient

When Gradient
is selected, Gradient
is visible.
Gradient
decides the style of gradient, which can be eitherLinear
,Radial
,Angular
, orDiamond
.The
Gradient
color selector has a row of squares going left to right as well as a column going top to bottom. These correspond 1:1 with each other, so in the image above the mustard yellow squares are the same color. The user can drag the squares in the row to change the order of the gradient's colors. Clicking anywhere in the bar will add a square in both the row and column of colors. The user can change the color of a square by clicking it, which opens the color picker.Similar to the base property described previously,
Blend Mode
here affects theFill Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
Image

When Image
is selected, Image
and Fit Mode
are visible.
Image
is the desired Texture file.Fit Mode
determines how the Texture is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Similar to the base property described previously,
Blend Mode
here affects theFill Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
Video

When Video
is selected, Video
and Fit Mode
are visible.
Video
is the desired Video file.Fit Mode
determines how the Video is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Below
Fit Mode
are three options:Play
,Pause
, andStop
.Play
starts the video in the Scene2D,Pause
halts it at the frame it is currently on, andStop
halts it and resets it to the beginning.Loop
is a Bool that when toggled on, makes the video repeat itself once it finishes. This is continous.Similar to the base property described previously,
Blend Mode
here affects theFill Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
When Video
is selected, a new Attibute appears in a new Attribute section called Video
.

This is Preload
, which is a Bool. When enabled, memory is used on Project initializaton and there will be no delay on first play. When disabled, less memory will be used and there will be a small delay on first play.
Lottie

When Lottie
is selected, Lottie
and Fit Mode
are visible.
Lottie
is the desired Lottie file.Fit Mode
determines how the Lottie file is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Below
Fit Mode
are three options:Play
,Pause
, andStop
.Play
starts the Lottie in the Scene2D,Pause
halts it at the frame it is currently on, andStop
halts it and resets it to the beginning.Loop
is a Bool that when toggled on, makes the Lottie repeat itself once it finishes. This is continous.Similar to the base property described previously,
Blend Mode
here affects theFill Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
Stroke
The Stroke
Attributes consist of different items called Elements
. Each Element
contains a Type
. This can be either Solid
or Image
and changes some of the available Attributes under this category. There are also two fixed Attributes outside of the Elements
. These are:
Width
, which is how wide (in pixels) eachStroke
will appear. This applies to eachStroke Element
.Position
, which determines what part of the outline identifies the outside of the Object. For example, ifInner
is selected, then the outside of theStroke
is the outside of the Object. IfCenter
is selected, then theStroke's
center is the outside of the Object. IfOuter
is selected, then the inside of theStroke
is the outside of the Object.
Solid

When Solid
is selected, Color
is visible.
Color
is a color selector that lets the user pick theStroke's
color.Similar to the base property described previously,
Blend Mode
here affects theStroke Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theStroke
appears. This is represented by an integer between 0 and 1.
Gradient

When Gradient
is selected, Gradient
is visible.
Gradient
decides the style of gradient, which can be eitherLinear
,Radial
,Angular
, orDiamond
.The
Gradient
color selector has a row of squares going left to right as well as a column going top to bottom. These correspond 1:1 with each other, so in the image above the mustard yellow squares are the same color. The user can drag the squares in the row to change the order of the gradient's colors. Clicking anywhere in the bar will add a square in both the row and column of colors. The user can change the color of a square by clicking it, which opens the color picker.Similar to the base property described previously,
Blend Mode
here affects theStroke Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theStroke
appears. This is represented by an integer between 0 and 1.
Image

When Image
is selected, Image
and Fit Mode
are visible.
Image
is the desired Texture file.Fit Mode
determines how the Texture is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Similar to the base property described previously,
Blend Mode
here affects theStroke Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theFill
appears. This is represented by an integer between 0 and 1.
Video

When Video
is selected, Video
and Fit Mode
are visible.
Video
is the desired Video file.Fit Mode
determines how the Video is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Below
Fit Mode
are three options:Play
,Pause
, andStop
.Play
starts the video in the Scene2D,Pause
halts it at the frame it is currently on, andStop
halts it and resets it to the beginning.Loop
is a Bool that when toggled on, makes the video repeat itself once it finishes. This is continous.Similar to the base property described previously,
Blend Mode
here affects theStroke Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theStroke
appears. This is represented by an integer between 0 and 1.
When Video
is selected, a new Attibute appears in a new Attribute section called Video
.

This is Preload
, which is a Bool. When enabled, memory is used on Project initializaton and there will be no delay on first play. When disabled, less memory will be used and there will be a small delay on first play.
Lottie

When Lottie
is selected, Lottie
and Fit Mode
are visible.
Lottie
is the desired Lottie file.Fit Mode
determines how the Lottie file is displayed. These can beFill
,Fit
,Crop
, andTile
.Tile
has the additional Attribute ofScale Factor
, which augments the tesselation.Below
Fit Mode
are three options:Play
,Pause
, andStop
.Play
starts the Lottie in the Scene2D,Pause
halts it at the frame it is currently on, andStop
halts it and resets it to the beginning.Loop
is a Bool that when toggled on, makes the Lottie repeat itself once it finishes. This is continous.Similar to the base property described previously,
Blend Mode
here affects theStroke Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.Opacity
refers to how opaque or transparent theStroke
appears. This is represented by an integer between 0 and 1.
Effects
The Effects
Attribute consists of different items called Elements
. Each Element
contains a Type
. These are Drop Shadow
, Inner Shadow
, Layer Blur
, and Background Blur
. The available Attributes are described below:
Drop Shadow and Inner Shadow

There are two shadow Types
. Drop Shadow
adds a shadow behind the Object. Inner Shadow
adds a shadow within the Object.


Offset
sets the location of the shadow in relation to the Object.Blur
modifies the softness of the shadow. When there is no blur, the shadow appears completely solid with rigid lines. When blur is applied, the shadow becomes transfused.Spread
inflates or deflates the shadowshape on which the blur is applied.Color
changes the color of the shadow.Blend Mode
affects theEffects Elements
only. These are established on common formulas, examples of each can be accessed here. It can also be set with the Set Blend Mode Node.
Layer Blur and Background Blur

There are two blur Types
. Layer Blur
blurs the Object itself and Background Blur
applies a blur to whatever is directly behind the Object. This latter blur type is better seen when the Object's opacity or Fill
opacity has been reduced.


Blur
increases the severity of the blur effect.
Ellipse

These Attributes give the foundation properties of the Ellipse Object.
Arc Sector
determines the amount of the Ellipse visible in degrees, from -360 to 360. For example, if it is set to 360, the entire Ellipse shows and if it is set to 180, only half shows. Furthermore, when set to -360, the entire Ellipse shows, but in the reverse direction (think counterclockwise).Inner Radius
ranges from 0 to 100. If it is set to 0, there is no white space in the center of the Ellipse at all. If set to 100, the entire Ellipse is replaced by white space. If set to 50, part of the center is white space, creating a 'donut-like' shape.Start Angle
ranges from 0 to 360 and determines at which angle the start of the Ellipse begins. IfArc Sector
is set to 100, this will have not have any visual impact.
Mask
A Mask is an Object that shows a certain area of another Object while concealing the rest. Any Object (e.g., an Ellipse, Rectangle, Frame, Group, or Text) can be used as a Mask.
For easier visualization, think of the Mask as a cookie cutter while the masked Object is the dough: the cookie cutter shows only a part and discards the rest.

The Type
Attribute has three options:
None
- nothing is applied.Alpha
- the Mask has an opacity level (alpha channel) determining with which level of opacity (or transparency) the masked Object is revealed: 0% opacity reveals nothing, 100% opacity is equivalent to a Mask withVector
type.Vector
- only modifies the shape outline of the masked ObjectLuminance
- allows the user to utilize brightness to determine the effect of the Mask; the brighter the area of a Mask, the more that is revealed and the darker the area, the less that is revealed.
Object
allows the user to select what should be the masked Object.
Apply Mask
is a toggle that applies the Mask when set to on, and disables the Mask when set to off.
Tag

This Attribute manages the tags for the Button. See more on tags here.
Last updated
Was this helpful?