Difference between revisions of "Users/Swapna"
Jump to navigation
Jump to search
Line 45: | Line 45: | ||
[[File:Polygon.png]] | [[File:Polygon.png]] | ||
+ | |||
+ | ==Example 3: Bezier Curves== | ||
+ | To display various curves | ||
+ | |||
+ | <pre> | ||
+ | |||
+ | RENDER | ||
+ | ( | ||
+ | [ | ||
+ | ["type","coordinates","fill","stroke","stroke-width"], | ||
+ | ["path", "M 70 10 C 70 20, 110 20, 110 10","transparent","black",5], | ||
+ | ["path", "M 10 10 C 20 20, 40 20, 50 10","transparent","black",5], | ||
+ | ["path", "M 130 10 C 120 20, 180 20, 170 10","transparent","black",5], | ||
+ | ["path", "M 10 60 C 20 80, 40 80, 50 60","transparent","black",5], | ||
+ | ["path", "M 70 60 C 70 80, 110 80, 110 60","transparent","black",5], | ||
+ | ["path", "M 130 60 C 120 80, 180 80, 170 60","transparent","black",5], | ||
+ | ["path", "M 10 110 C 20 140, 40 140, 50 110","transparent","black",5], | ||
+ | ["path", "M 70 110 C 70 140, 110 140, 110 110","transparent","black",5], | ||
+ | ["path", "M 130 110 C 120 140, 180 140, 170 110","transparent","black",5] | ||
+ | ] | ||
+ | ); | ||
+ | "" | ||
+ | </pre> | ||
+ | [[File:Bezier_Curves.png]] | ||
=Additional Examples WIP= | =Additional Examples WIP= |
Revision as of 10:27, 20 November 2020
ZCubes Render Examples
ZCubes Render feature allows users to make fascinatingly complex drawings and animations by simply using the spreadsheet, array or table features.
Example 1: Rounded Quadrilaterals
Rounded Rectangle/Square
RENDER( [ ["type","x","y","rx","ry","width","height","fill","stroke","stroke-width"], ["rect",50,20,20,20,150,150,"purple","green",5], ] ); ""
Example 2: Polygon
Polygon
RENDER( [ ["type","points","stroke","stroke-width","fill"], ["polygon",[220,10 300,210 170,250 123,234,100,200,140],"red",5,["green","blue","lime"]], ] ) ""
Example 3: Bezier Curves
To display various curves
RENDER ( [ ["type","coordinates","fill","stroke","stroke-width"], ["path", "M 70 10 C 70 20, 110 20, 110 10","transparent","black",5], ["path", "M 10 10 C 20 20, 40 20, 50 10","transparent","black",5], ["path", "M 130 10 C 120 20, 180 20, 170 10","transparent","black",5], ["path", "M 10 60 C 20 80, 40 80, 50 60","transparent","black",5], ["path", "M 70 60 C 70 80, 110 80, 110 60","transparent","black",5], ["path", "M 130 60 C 120 80, 180 80, 170 60","transparent","black",5], ["path", "M 10 110 C 20 140, 40 140, 50 110","transparent","black",5], ["path", "M 70 110 C 70 140, 110 140, 110 110","transparent","black",5], ["path", "M 130 110 C 120 140, 180 140, 170 110","transparent","black",5] ] ); ""