Difference between revisions of "Users/Swapna"

From ZCubes Wiki
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

<< Z3 home


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],
		
		]
	
	);
""

Rounded Rectangle.png


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"]],
	]
)			
""

Polygon.png


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]
]
);
""

Bezier Curves.png

Additional Examples WIP

RENDER Examples

<< Z3 home