Component: Complex Shape ( Web Primitives): Difference between revisions

Revision as of 15:10, 5 December 2023

Author	MatrixTSL
Version	0.1
Category	Web Primitives

Complex Shape component

Creates a Javascript compatible complex shape object.

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_ComplexShape.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_ComplexShape.fcsx

Detailed description

Each line could be one of 7 commands with the following parameters:

 AP: AddPointsLine,  x0, y0, x1, y1, ...
 AC: AddPointsCurve, x0, y0, x1, y1, ...
 AL: AddLine,        x0, y0
 AB: AddBezier,      x0, y0, x1, y1, x2, y2
 AA: AddArc,         x0, y0, dx, dy
 SS: SetStart,       x0, y0
 SP: StartPart

Examples

For example to create any of the following images:

The following commands are used:

Rocket:
SS,0,-100
AL,30,-70
AL,30,100
AL,-30,100
AL,-30,-70
AL,0,-100
SP
SS,30,20
AL,70,100
AL,30,100
AL,30,20
SP
SS,-30,20
AL,-30,100
AL,-70,100
AL,-30,20
SP
SS,0,20
AL,10,100
AL,-10,100
AL,0,20
SP
SS,-20,-50
AA,20,-50,10,10
AA,-20,-50,10,10

Zigzag:
SS,0,-100
AP,10,-90,-20,-80,30,-70,-40,-60,50,-50,-60,-40,70,-30,-80,-20,90,-10,-100,0
AP,90,10,-80,20,70,30,-60,40,50,50,-40,60,30,70,-20,80,10,90,0,100

Heart:
SS,0,-70
AB,10,-80,30,-100,50,-100
AA,100,-50,50,50
AB,100,0,50,50,0,100
AB,-50,50,-100,0,-100,-50
AA,-50,-100,50,50
AB,-30,-100,-10,-80,0,-70

Grapes:
SS,18,-30
AA,58,-30,10,10
AA,18,-30,10,10
SP
SS,18,10
AA,58,10,10,10
AA,18,10,10,10
SP
SS,18,50
AA,58,50,10,10
AA,18,50,10,10
SP
SS,56,-10
AA,96,-10,10,10
AA,56,-10,10,10
SP
SS,56,30
AA,96,30,10,10
AA,56,30,10,10
SP
SS,-20,-50
AA,20,-50,10,10
AA,-20,-50,10,10
SP
SS,-20,-10
AA,20,-10,10,10
AA,-20,-10,10,10
SP
SS,-20,30
AA,20,30,10,10
AA,-20,30,10,10
SP
SS,-20,70
AA,20,70,10,10
AA,-20,70,10,10
SP
SS,-58,-30
AA,-18,-30,10,10
AA,-58,-30,10,10
SP
SS,-58,10
AA,-18,10,10,10
AA,-58,10,10,10
SP
SS,-58,50
AA,-18,50,10,10
AA,-58,50,10,10
SP
SS,-96,-10
AA,-56,-10,10,10
AA,-96,-10,10,10
SP
SS,-96,30
AA,-56,30,10,10
AA,-96,30,10,10

Macro reference

Property reference

	Properties
	Misc
	Code
Code for drawing the primitive
	Fill
	Colour
Specifies the fill colour of the shape
	Gradient

	Gradient Style

	Outline
	Style
Outline line style
	Outline size
The outline size in pixels
	Colour
The outline colour of the shape
	Advanced
	Custom Attributes

BenR (talk | contribs)