Users/Swapna

From ZCubes Wiki
Revision as of 11:43, 14 January 2021 by Swapna (talk | contribs)
Jump to navigation Jump to search

<<RENDER MAIN PAGE

<<Additional Examples

<<RENDER 3D EXAMPLES - Swapna

<< 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.


Rectangle

RENDER(
	[
		["type","x","y","width","height","fill","stroke"],
		["rect",50,20,150,150,"blue","red"]
	]
	
	);
""

Rectangle.png

Rounded Rectangle

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

Line

RENDER(
	[
		["type","x1","y1","x2","y2","stroke","stroke-width"],
		["line",0,0,200,200,"blue",5]
	]
	
	);
""

Line.png

Circle

RENDER(
	[
		["type","cx","cy","r","stroke","stroke-width","fill"],
		["circle",250,250,50,"green",5,"blue"]
	]
	
	);
""

Render circle.png

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

Gradient polygon.png

Evenodd fill Star

RENDER(
	[
		["type","points","stroke","stroke-width","fill","fill-rule"],
		["polygon",[100,10 40,198 190,78 10,78 160,198],"orange",5,["lime"],"evenodd"]
	]
);			
""

Evenodd fill star.png


Nonzero fill Star

RENDER(
	[
		["type","points","stroke","stroke-width","fill","fill-rule"],
		["polygon",[100,10 40,198 190,78 10,78 160,198],"orange",5,["lime"],"nonzero"]
	]
);			
""

Nonzero fill star.png

Combined ellipses with dash lined stroke

RENDER(
[
	["type","cx","cy", "rx", "ry","fill","stroke","stroke-dasharray"],
	["ellipse",200,50,180,20,"yellow","black","5,5"],
	["ellipse",180,50,140,15,"white"]
]
	);
""

Ellipses dashoutline.png

Path

1.

RENDER(
[
        ["type"   ,   "size"      ,   "coordinates"                  , "stroke"      , "stroke-width" , "label"],
	["path",,"M 100 350 l 150 -300","red",5,"TEST PATH"],
	["path",,"M 250 50 l 150 300","red",5,],
	["path",,"M 175 200 l 150 0","red",5,]
]
	);
""

Path.png

2.

RENDER(
[
   ["type"   ,   "size"      ,   "coordinates"                  , "stroke"      , "stroke-width" , "label"],
	["path",,"M 100 350 l 150 -300","red",5,"TEST PATH"],
	["path",,"M 250 50 l 150 300","red",5,],
	["path",,"M 175 200 l 150 0","red",5,],
	["path",,"M 100 350 q 150 -300 300 0","blue",5,]
]
	);
""

Path 2.png

Left Indent Image

RENDER
(
[
	["type","coordinates","stroke","stroke-width"],
        ["line",[3,3,48,3],"blue",5],
	["line",[3,19,65,19],"green",5],
	["line",[3,35,48,35],"blue",5],
	["line",[3,51,65,51],"green",5]
	  
      
]
);
""

Left indent.png

Alert icon

RENDER
(
[
	["type","cx","cy","rx","ry","coordinates","fill","stroke","stroke-width"],
        ["ellipse",43,43,40,40,,"yellow","black",5],
	["ellipse",43,65,5,5,,"black","black",5],
	["line",,,,,[43,19,43,48],"black","black",8]
	 
]
);
""

Alert icon.png


Play icon

RENDER
(
[
	["type","cx","cy","rx","ry","coordinates","points","fill","stroke","stroke-width"],
        ["ellipse",43,43,40,40,,,"black","black",5],
	["polygon",,,,,,[35 23, 60 43, 35 63],"red","white",2]
      
]
);
""

Play icon.png

Bezier 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

Curve and Curved Text

RENDER
(
[
	["type","coordinates","fill","stroke","stroke-width","label"],
	["path", "M 15 15 C 50, 40 80, 30 100,10","transparent","black",5],
	["textpath", "M 20 20 C 65, 50 90, 40 110,20","transparent","blue",2,"This is a curve"]
]
);
""

Curve.png

Rectangles in a line

RENDER(
	[
		["type","x","y","width","height","fill","count"],
		["rect",i=>i*20,	i=>100,			100,50,"red",12]
	]
)			
""

Rectangles in line.png

Elliptical Arcs

RENDER
(
[
	["type","coordinates","fill","stroke","stroke-width"],
	["path","M150,150 a100,100 0 0,0 100,100 z","red","black",4],
	["path","M150,150 a100,100 0 0,0 -100,100 z","green","black",4],
	["path","M150,150 a100,100 0 0,0 -100,-100 z","blue","black",4],
	["path","M150,150 a100,100 0 0,0 100,-100 z","yellow","black",4]
]);
""

Elliptical arcs.png


Polyline-Strokes styles

RENDER
(
[
	["type","points""stroke","stroke-width","stroke-linecap","fill","stroke-linejoin"],
	["polyline","40 60 80 20 120 60","black",20,"butt","none","miter"],
	["polyline","40 140 80 100 120 140","black",20,"round","none","round"],
	["polyline","40 220 80 180 120 220","black",20,"square","none","bevel"]
]
);
""

Polyline Strokes styles.png


fill types: radial, reflect, Pad

RENDER(
	[
		["type","x","y","width","height","fill"],
		["rect",100,70,200,140,["yellow","red","pink","reflect"]],
		["rect",150,100,100,70,["white","pink","green","radial"]]
	]
)	
""

Filltype radial reflect.png


Fill type: Pad

RENDER(
	[
		["type","x","y","width","height","fill"],
		["rect",100,70,200,140,["reflect","yellow","green","pad"]],
	]
)	
""

Filltype pad.png


Circle with spokes

RENDER(
[
	["type","coordinates","fill","stroke","stroke-width"],
	["path","M100 100 a75 75 0 1 1 150 0 a75 75 0 1 1 -150 0","none", ["blue","green","yellow"],10],
	["line",[115,65,225,150],"none","red",5],
	["line",[235,65,123,150],"none","red",5],
	["line",[105,110,245,110],"none","red",5],
	["line",[175,30,175,172],"none","red",5]
]
);
""

Gradient circle spokes.png


Text rotation and font Styles

RENDER
([
	["type","coordinates","size","stroke","transform","label","font-style","font-family"],
	["text",[100,100],"Rotated text","red",{rotation:30},"Straight text","italic","Arial Black Bold"],
	["text",[200,100],"HELLO","lime",{rotation:-90}]
	]
);
""

Text rotation.png


Polygons with fill styles

RENDER(
[
	["type","width","height","stroke","points","fill"],
	["rect",300,100,"green"],
	["polygon",,,"red","0,100 50,25 50,75 100,0"],
	["polygon",,,"red","100,100 150,25 150,75 200,0",["black","white","black","white"]],
	["polygon",,,"red","200,100 250,25 250,75 300,0",["green","yellow","pink"]]
]);
""

Polygon fillstyles.png

Text with Font Styles, Font Size and dasharray

RENDER(
[
	["type","coordinates","size","stroke","stroke-dasharray","font-size","stroke-width","font-style","font-family"],
	["text",[200,100],"TEXT",["green","red","blue"],"10,3","100",5],
	["text",[200,300],"styles",["black","orange"],"10,3","70",3,"italic","script"]
]);
""

Text fontstyles.png

Microsoft logo using ‘group/class’ in the code

mygroup=RENDER(
[
	["id","type","coordinates","width","height","fill","stroke","stroke-width"],
	["","rect",[0,100],100,100,"#01a6f0","white",4],
	 ["","rect",[100,0],100,100,"#7fbc00","white",4]
	]
);


RENDER(
[
	["type","coordinates","width","height","fill","stroke","stroke-width"],
	["rect",[0,0],100,100,"#f34f1c","white",4],
	["rect",[100,100],100,100,"#ffb900","white",4]
],	
mygroup
)
	""

Microsoft logo.png


Pencil Drawing

RENDER(
	[
		["type","x","y","width","height","points","fill","coordinates","label","transform"],
		["rect",100,70,50,500,,["yellow","lightblue"]],
		["polygon", ,,,,[100 70, 150 70, 120 10],"grey"],
		["text",,,,,,,[80,250],"Apsara Pencil",{rotation:90}]
	]
);	
""

Apsara Pencil.png

Cherries

RENDER(
[
	["type","width","height","points","class","fill","stroke","stroke-width","stroke-linecap","stroke-linejoin", "coordinates"],

	["rect","215","274",[0,0,215,274]],
	["path",,,,"stems","none","#7AA20D",8,"round","round","M54.817,169.848c0,0,77.943-73.477,82.528-104.043c4.585-30.566,46.364,91.186,27.512,121.498"],

	["path",,,,"leaf","#7AA20D","#7AA20D",4,"round","round","M134.747,62.926c-1.342-6.078,0.404-12.924,5.762-19.681c11.179-14.098,23.582-17.539,40.795-17.846 c0.007,0,22.115-0.396,26.714-20.031c-2.859,12.205-5.58,24.168-9.774,36.045c-6.817,19.301-22.399,48.527-47.631,38.028 C141.823,75.784,136.277,69.855,134.747,62.926z"],

	["path",,,,"r-cherry","#ED6E46","#ED6E46",12,,,"M164.836,193.136 c1.754-0.12,3.609-0.485,5.649-1.148c8.512-2.768,21.185-6.985,28.181,3.152c15.076,21.845,5.764,55.876-18.387,66.523 c-27.61,12.172-58.962-16.947-56.383-45.005c1.266-13.779,8.163-35.95,26.136-27.478   C155.46,191.738,159.715,193.485,164.836,193.136z"],

	["path",,,,"l-cherry","#ED6E46","#ED6E46",12,,,"M55.99,176.859 c1.736,0.273,3.626,0.328,5.763,0.135c8.914-0.809,22.207-2.108,26.778,9.329c9.851,24.647-6.784,55.761-32.696,60.78 c-29.623,5.739-53.728-29.614-44.985-56.399c4.294-13.154,15.94-33.241,31.584-20.99C47.158,173.415,50.919,176.062,55.99,176.859z"]

]
);
""

Cherries.png


Spiral

RENDER(
	[
		["type","coordinates","fill","stroke","stroke-width"],
		["path","M153 334 C153 334 151 334 151 334 C151 339 153 344 156 344 C164 344 171 339 171 334 C171 322 164 314 156 314 C142 314 131 322 131 334 C131 350 142 364 156 364 C175 364 191 350 191 334 C191 311 175 294 156 294 C131 294 111 311 111 334 C111 361 131 384 156 384 C186 384 211 361 211 334 C211 300 186 274 156 274","white","red",2]
	]
);
""

Spiral.png

Inserting an image

RENDER(
[
	["type","x","y","width","height","fill"],
	["rect",90,65,200,200,"https://developer.mozilla.org/static/img/favicon144.png"]
]);
""

Mozilla logo.png


Lotto Ball No. 1

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
	["circle",100,100,60,,,"purple","purple"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"1",,"black",3,40]
]);
""

Lotto ball 1.png


Lotto Ball No. 2

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
        ["circle",100,100,60,,,"red","red"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"2",,"black",3,40]
]);
""

Lotto ball 2.png


Lotto Ball No. 10

RENDER(
[
	["type","cx", "cy", "r","coordinates","label","fill","stroke","stroke-width","font-size"],
	["circle",100,100,60,,,"#ff5E8A","#ff5E8A"],
	["circle",100,100,30,,,"white","white"],
	["text",,,,[90,65],"10",,"black",3,40]
]);
""

Lotto ball 10.png


Maple Leaf

RENDER(
[
	["type","x1","y1","x2","y2","stroke","stroke_width"],
	["line","395","400","405","400","rgb(255,0,0)","2"],
	["line","402","350","405","400","rgb(255,0,0)","2"],
	["line","398","350","395","400","rgb(255,0,0)","2"],
	 ["line","340","357","398","350","rgb(255,0,0)","2"],
	["line","402","350","460","357","rgb(255,0,0)","2"],
	["line","460","357","448","345","rgb(255,0,0)","2"],
	["line","340","357","352","345","rgb(255,0,0)","2"],
	["line","448","345","500","300","rgb(255,0,0)","2"],
	["line","352","345","304","300","rgb(255,0,0)","2"],
	["line","488","296","500","300","rgb(255,0,0)","2"],
	["line","316","296","304","300","rgb(255,0,0)","2"],
	["line","488","296","500","270","rgb(255,0,0)","2"],
	["line","304","270","316","296","rgb(255,0,0)","2"],
	["line","475","272","500","270","rgb(255,0,0)","2"],
 	["line","304","270","329","272","rgb(255,0,0)","2"],
 	["line","329","272","332","260","rgb(255,0,0)","2"],
 	["line","472","260","475","272","rgb(255,0,0)","2"],
	["line","332","260","362","287","rgb(255,0,0)","2"],
  	["line","332","260","362","287","rgb(255,0,0)","2"],
    	["line","472","260","442","287","rgb(255,0,0)","2"],
   	["line","362","287","355","232","rgb(255,0,0)","2"], 
	["line","447","232","442","287","rgb(255,0,0)","2"],
  	["line","355","232","380","242","rgb(255,0,0)","2"],
    	["line","420","242","447","232","rgb(255,0,0)","2"],
   	["line","380","242","400","212","rgb(255,0,0)","2"], 
	["line","400","212","420","242","rgb(255,0,0)","2"]
	]);
	""

Maple leaf.png


Snowflake 1

RENDER(
	[
		["type","fill","points"],
		["polygon", "#ffffff" ,"71.538,62.283 71.574,62.217 74.732,64.914 79.784,66.506 75.758,63.064 71.796,61.818 71.833,61.752 74.822,62.484 79.008,61.805 74.89,60.795 72.104,61.246 67.778,58.85 73.158,57.305 72.77,55.955 66.04,57.887 63.581,56.523 67.809,55.311 67.422,53.961 61.845,55.561 59.385,54.197 68.305,51.641 67.919,50.292 57.649,53.236 51.769,49.978 53.579,48.912 53.579,48.912 57.562,46.566 67.904,49.246 68.256,47.886 59.274,45.558 61.695,44.134 67.354,45.599 67.706,44.24 63.408,43.126 65.831,41.702 72.769,43.498 73.12,42.138 67.54,40.694 71.807,38.184 74.601,38.565 78.69,37.447 74.488,36.874 71.52,37.686 71.481,37.622 75.41,36.272 79.346,32.728 74.336,34.447 71.25,37.228 71.211,37.162 73.362,34.959 74.902,31.011 71.939,34.042 70.916,36.671 66.65,39.182 68.054,33.762 66.695,33.41 64.939,40.188 62.517,41.615 63.621,37.358 62.263,37.004 60.807,42.622 58.383,44.047 60.711,35.065 59.35,34.713 56.673,45.054 50.879,48.465 50.879,46.365 50.879,46.365 50.879,41.74 58.431,34.186 57.438,33.195 50.879,39.756 50.879,36.944 55.01,32.813 54.017,31.821 50.879,34.959 50.879,32.148 55.945,27.081 54.951,26.087 50.879,30.163 50.879,25.214 52.624,22.999 53.734,18.909 51.11,22.238 50.303,25.208 50.228,25.208 51.058,21.139 50.001,15.949 48.941,21.139 49.771,25.208 49.695,25.208 48.888,22.238 46.266,18.909 47.377,22.999 49.121,25.214 49.121,30.163 45.164,26.205 44.171,27.198 49.121,32.148 49.121,34.959 46.013,31.849 45.019,32.842 49.121,36.944 49.121,39.756 42.562,33.195 41.568,34.186 49.121,41.74 49.121,48.511 47.245,47.471 47.244,47.471 43.201,45.23 40.255,34.96 38.906,35.347 41.465,44.268 39.007,42.906 37.395,37.288 36.045,37.675 37.27,41.942 34.81,40.581 32.833,33.691 31.484,34.077 33.073,39.618 28.745,37.219 	27.653,34.618 24.613,31.665 26.254,35.573 28.463,37.718 28.426,37.786 25.268,35.086 20.216,33.494 24.241,36.936 28.203,38.183 28.167,38.25 25.177,37.515 20.993,38.195 25.111,39.208 27.896,38.755 32.223,41.153 26.842,42.696 27.229,44.045 33.959,42.114 36.418,43.478 32.191,44.69 32.577,46.039 38.155,44.44 40.614,45.801 31.693,48.361 32.082,49.711 42.351,46.764 48.23,50.023 46.421,51.088 46.421,51.088 42.438,53.434 32.096,50.756 31.743,52.115 40.727,54.439 38.303,55.867 32.646,54.402 32.295,55.762 36.593,56.875 34.169,58.301 27.23,56.504 26.88,57.861 32.459,59.307 28.194,61.818 25.399,61.438 21.311,62.555 25.51,63.127 28.48,62.314 28.518,62.379 24.59,63.73 20.653,67.275 25.663,65.553 28.751,62.773 28.789,62.838 26.638,65.039 25.098,68.99 28.061,65.957 29.085,63.328 33.349,60.82 31.945,66.238 33.305,66.59 35.06,59.811 37.482,58.387 36.379,62.645 37.738,62.996 39.193,57.379 41.616,55.951 39.29,64.936 40.648,65.287 43.327,54.947 49.121,51.537 49.121,53.637 49.121,53.637 49.121,58.26 41.568,65.812 42.562,66.807 49.121,60.246 49.121,63.057 44.991,67.189 45.982,68.182 49.121,65.041 49.121,67.854 44.055,72.92 45.047,73.912 49.121,69.838 49.121,74.785 47.377,77.002 46.266,81.094 48.889,77.762 49.696,74.791 49.771,74.791 48.941,78.863 	49.999,84.051 51.059,78.863 50.228,74.791 50.305,74.791 51.112,77.762 53.734,81.094 52.624,77.002 50.879,74.783 50.879,69.838 54.835,73.797 55.829,72.803 50.879,67.854 50.879,65.041 53.988,68.15 54.979,67.158 50.879,63.057 50.879,60.246 57.438,66.807 58.431,65.812 50.879,58.26 50.879,51.49 52.755,52.531 52.755,52.531 56.8,54.77 59.745,65.039 61.094,64.652 58.535,55.734 60.995,57.096 62.606,62.713 63.955,62.326 62.729,58.059 65.189,59.422 67.166,66.311 68.516,65.922 66.928,60.383 71.254,62.783 72.347,65.383 75.387,68.338 73.744,64.428 "]
	
]
	);
""

Snowflake 1.png


Snowflake 2

RENDER(
	[
		["type","fill","coordinates","stroke"],
		["path", "#ffffff" ,"M50.015,50.021l21.194-4.548l2.453-7.92l-7.92-2.454L50.022,50l5.858-20.875l-5.864-5.862 l-5.861,5.862l5.854,20.855l-15.43-15.233l-7.967,2.294l2.292,7.966l21.082,4.974l-21.196,4.546l-2.453,7.921l7.921,2.454 l15.72-14.902l-5.86,20.876l5.861,5.862l5.863-5.862l-5.854-20.854l15.432,15.23l7.967-2.292l-2.293-7.968L50.015,50.021z		 M66.512,38.399l3.49,1.082l-1.082,3.491l-9.348,2.004L66.512,38.399z M31.241,42.555l-1.01-3.513l3.512-1.011l6.805,6.718 L31.241,42.555z M33.487,61.6l-3.491-1.082l1.08-3.49l9.35-2.005L33.487,61.6z M47.435,29.981l2.583-2.584l2.584,2.584 l-2.582,9.205L47.435,29.981z M52.562,70.019L49.979,72.6l-2.582-2.581l2.584-9.205L52.562,70.019z M49.987,50.014l-0.005-0.019 l0.012-0.013l0.019,0.003l0.004,0.02l-0.013,0.012L49.987,50.014z M66.256,61.967l-6.805-6.716l9.305,2.193l1.01,3.513 L66.256,61.967z","blue"]
	
]
	);
""

Snowflake 2.png


Snowflake 3

RENDER(
	[
		["type","fill","points","coordinates","stroke"],
		
		["path", "#ffffff" ,,"M59.56,25.932l-0.102-0.401c-0.19-0.74-0.874-1.203-1.528-1.036l-2.819,0.724l3.031-3.032 c0.538-0.54,0.538-1.416,0-1.957l-0.295-0.293c-0.541-0.541-1.417-0.541-1.957,0l-4.194,4.192v-5.881 c0-0.765-0.619-1.384-1.382-1.384h-0.415c-0.767,0-1.387,0.619-1.387,1.384v5.881l-4.191-4.192c-0.542-0.541-1.416-0.541-1.958,0 l-0.293,0.293c-0.542,0.541-0.542,1.417,0,1.957l3.104,3.103l-3.101-0.794c-0.654-0.167-1.338,0.296-1.528,1.036l-0.104,0.401 c-0.188,0.741,0.186,1.478,0.839,1.646l8.347,2.142c0.126,0.032,0.252,0.04,0.375,0.027c0.125,0.013,0.251,0.005,0.377-0.027 l8.343-2.142C59.375,27.409,59.752,26.673,59.56,25.932z"],
		
		["path","#ffffff",,"M50,38.361l-10.084,5.823v11.646L50,61.653l10.084-5.822V44.185L50,38.361z M53.526,57.497 L50,54.237l-3.526,3.26l0.35-4.79l-4.748-0.726l3.962-2.712l-2.392-4.165l4.591,1.407L50,42.046l1.762,4.466l4.593-1.407		l-2.395,4.165l3.963,2.712l-4.748,0.726L53.526,57.497z"],
		
	["polygon","#ffffff","50,37.588 45.324,32.91 50,30.592 54.678,32.91"],
	["path","#ffffff",,"M40.44,74.066l0.104,0.403c0.19,0.74,0.874,1.204,1.528,1.035l2.82-0.723l-3.032,3.031	c-0.54,0.541-0.54,1.417,0,1.958l0.295,0.294c0.54,0.539,1.416,0.539,1.959,0l4.188-4.195v5.882c0,0.765,0.623,1.385,1.389,1.385 h0.413c0.766,0,1.384-0.62,1.384-1.385V75.87l4.194,4.195c0.539,0.539,1.414,0.539,1.958,0l0.291-0.294		c0.54-0.541,0.54-1.417,0-1.958l-3.101-3.103l3.098,0.794c0.655,0.169,1.339-0.295,1.529-1.035l0.102-0.403	c0.192-0.74-0.185-1.478-0.839-1.645l-8.343-2.142c-0.126-0.032-0.252-0.04-0.377-0.029c-0.123-0.011-0.252-0.003-0.375,0.029 l-8.347,2.142C40.625,72.589,40.251,73.326,40.44,74.066z"],
		
	["polygon","#ffffff","50,62.41 54.678,67.088 50,69.405 45.324,67.088 	"],
		
	["path","#ffffff",,"M34.004,29.634l-0.401-0.112c-0.733-0.208-1.479,0.149-1.661,0.798l-0.793,2.804l-1.097-4.146 c-0.195-0.738-0.954-1.178-1.692-0.984L27.958,28.1c-0.74,0.196-1.18,0.954-0.983,1.693l1.516,5.732l-5.084-2.957		c-0.66-0.383-1.508-0.161-1.893,0.5l-0.209,0.359c-0.385,0.662-0.16,1.51,0.5,1.892l5.086,2.959l-5.735,1.516	c-0.738,0.195-1.18,0.953-0.983,1.693l0.106,0.401c0.194,0.737,0.953,1.18,1.69,0.982l4.244-1.122l-2.247,2.28	c-0.475,0.48-0.415,1.306,0.128,1.842l0.296,0.292c0.545,0.538,1.369,0.582,1.845,0.101l6.047-6.137 c0.091-0.092,0.161-0.196,0.213-0.31c0.072-0.102,0.13-0.215,0.164-0.34l2.345-8.29C35.187,30.537,34.74,29.843,34.004,29.634z"],
		
	["polygon","#ffffff","39.273,43.759 32.877,45.45 33.226,40.243 37.581,37.365 	"],
		
	["path","#ffffff",,"M65.996,70.365l0.399,0.112c0.736,0.208,1.48-0.149,1.665-0.799l0.791-2.802l1.097,4.145	c0.195,0.739,0.952,1.179,1.692,0.983l0.401-0.106c0.739-0.195,1.18-0.952,0.985-1.691l-1.519-5.734l5.087,2.959		c0.659,0.383,1.505,0.157,1.892-0.501l0.208-0.36c0.383-0.659,0.16-1.508-0.501-1.892l-5.084-2.957l5.733-1.517		c0.737-0.195,1.179-0.953,0.985-1.692l-0.107-0.401c-0.194-0.74-0.954-1.18-1.693-0.984l-4.24,1.123l2.246-2.28		c0.474-0.48,0.416-1.306-0.129-1.843l-0.298-0.29c-0.539-0.536-1.367-0.582-1.841-0.103l-6.049,6.138		c-0.091,0.091-0.161,0.197-0.214,0.311c-0.071,0.101-0.129,0.214-0.164,0.34l-2.344,8.29C64.812,69.462,65.26,70.156,65.996,70.365		z"],
		
	["polygon","#ffffff","60.729,56.24 67.123,54.549 66.774,59.757 62.419,62.635 	"],
	 
	["path","#ffffff",,"M24.35,53.565l-0.298,0.289c-0.549,0.53-0.617,1.354-0.147,1.84l2.021,2.096l-4.133-1.141	c-0.736-0.203-1.499,0.229-1.703,0.968l-0.109,0.398c-0.203,0.737,0.229,1.501,0.966,1.705l5.718,1.575l-5.116,2.903	c-0.663,0.377-0.896,1.222-0.519,1.887l0.205,0.36c0.376,0.664,1.22,0.899,1.886,0.521l5.116-2.903l-1.578,5.718	c-0.204,0.737,0.229,1.498,0.966,1.703l0.401,0.11c0.736,0.203,1.5-0.23,1.702-0.967l1.167-4.231l0.838,3.088	c0.176,0.652,0.918,1.018,1.655,0.817l0.401-0.108c0.737-0.201,1.193-0.891,1.015-1.541l-2.255-8.315	c-0.034-0.125-0.089-0.239-0.16-0.342c-0.051-0.114-0.121-0.22-0.21-0.313l-5.984-6.199C25.728,52.997,24.9,53.034,24.35,53.565z"],
	 
	["polygon","#ffffff","39.208,56.127 37.448,62.502 33.123,59.58 32.831,54.367 "],
	 
	["path","#ffffff",,"M75.648,46.435l0.299-0.29c0.551-0.529,0.617-1.354,0.148-1.84l-2.021-2.095l4.133,1.14	c0.738,0.203,1.499-0.23,1.702-0.966l0.109-0.4c0.204-0.737-0.229-1.499-0.966-1.702l-5.716-1.576l5.114-2.905	c0.664-0.376,0.896-1.223,0.52-1.888l-0.204-0.36c-0.377-0.665-1.221-0.898-1.889-0.521l-5.113,2.904l1.576-5.717	c0.202-0.737-0.229-1.5-0.967-1.702l-0.399-0.109c-0.737-0.204-1.501,0.229-1.703,0.966l-1.167,4.229l-0.837-3.089	c-0.178-0.65-0.919-1.017-1.657-0.815l-0.401,0.107c-0.735,0.201-1.19,0.891-1.015,1.542l2.257,8.314 c0.034,0.126,0.088,0.24,0.16,0.343c0.052,0.112,0.121,0.22,0.212,0.312l5.981,6.2C74.272,47.001,75.099,46.965,75.648,46.435z"],
	 
	["polygon","#ffffff","60.793,43.874 62.553,37.496 66.877,40.421 67.169,45.632"]

]
	);
""

Snowflake 3.png


Snowflake 4

RENDER(
	[
		["type","fill","points","coordinates","stroke"],
		
		["polygon","#ffffff","45.751,31.6 47.015,34.621 50.001,37.079 48.737,34.059 	"],
		["polygon","#ffffff","54.249,31.603 51.264,34.059 50.001,37.079 52.986,34.623 	"],
		["polygon","#ffffff","50.001,29.417 48.797,33.249 50.001,37.079 51.205,33.249 	"],
		["polygon","#ffffff","42.811,20.12 44.949,25.229 50.001,29.388 47.862,24.279 	"],
		["polygon","#ffffff","57.189,20.12 52.14,24.279 50.001,29.388 55.052,25.23 	"],
		["polygon","#ffffff","50.001,16.423 47.964,22.906 50.001,29.388 52.038,22.906 	"],
		["polygon","#ffffff","42.811,40.737 44.949,45.845 50.001,50.006 47.862,44.898 	"],
		["polygon","#ffffff","57.189,40.738 52.14,44.898 50.001,50.006 55.052,45.848 	"],
		["polygon","#ffffff","50.001,37.041 47.964,43.525 50.001,50.006 52.038,43.525 	"],
		["polygon","#ffffff","32.298,50.001 38.78,52.039 45.262,50.001 38.78,47.964 	"],
		["polygon","#ffffff","54.193,50.001 60.675,52.039 67.157,50.001 60.675,47.964 	"],
		["polygon","#ffffff","54.249,68.398 52.985,65.381 49.999,62.922 51.263,65.941 	"],
		["polygon","#ffffff","45.751,68.398 48.736,65.941 49.999,62.922 47.015,65.379 	"],
		["polygon","#ffffff","49.999,70.584 51.203,66.754 49.999,62.922 48.795,66.754 	"],
		["polygon","#ffffff","57.189,79.881 55.051,74.773 49.999,70.613 52.14,75.725 	"],
		["polygon","#ffffff","42.811,79.881 47.86,75.725 49.999,70.613 44.948,74.771 	"],
		["polygon","#ffffff","49.999,83.576 52.036,77.094 49.999,70.613 47.962,77.094 	"],
		["polygon","#ffffff","57.189,59.266 55.051,54.154 49.999,49.997 52.14,55.105 	"],
		["polygon","#ffffff","42.811,59.264 47.86,55.105 49.999,49.997 44.948,54.154 	"],
		["polygon","#ffffff","49.999,62.959 52.036,56.479 49.999,49.997 47.962,56.479 	"],
		["polygon","#ffffff","31.981,44.352 35.225,44.791 38.856,43.458 35.611,43.02 	"],
	["polygon","#ffffff","36.283,37.024 36.893,40.841 38.856,43.458 38.248,39.642 	"],
	["polygon","#ffffff","32.249,39.581 34.942,42.558 38.856,43.458 36.161,40.483 	"],
	["polygon","#ffffff","20.59,41.075 26.08,41.817 32.224,39.567 26.734,38.825 	"],
	["polygon","#ffffff","27.869,28.673 28.898,35.136 32.224,39.567 31.194,33.106 	"],
	["polygon","#ffffff","21.045,33.004 25.602,38.041 32.224,39.567 27.664,34.529 	"],
	["polygon","#ffffff","38.824,43.441 43.383,48.478 50.004,50.003 45.446,44.963 	"],
	["polygon","#ffffff","68.019,55.65 64.775,55.211 61.146,56.543 64.389,56.98 	"],
	["polygon","#ffffff","63.717,62.979 63.108,59.16 61.146,56.543 61.753,60.359 	"],
	["polygon","#ffffff","67.753,60.42 65.057,57.445 61.146,56.543 63.839,59.521 	"],
	["polygon","#ffffff","79.41,58.926 73.921,58.186 67.777,60.438 73.267,61.178 	"],
	["polygon","#ffffff","72.132,71.328 71.102,64.865 67.777,60.438 68.806,66.895 	"],
	["polygon","#ffffff","78.957,66.998 74.398,61.961 67.777,60.438 72.336,65.475 	"],
	["polygon","#ffffff","61.177,56.561 56.617,51.525 49.996,49.999 54.555,55.037 	"],
	["polygon","#ffffff","36.228,62.92 38.202,60.311 38.827,56.494 36.853,59.105 	"],
	["polygon","#ffffff","31.958,55.574 35.582,56.918 38.827,56.494 35.204,55.148 	"],
	["polygon","#ffffff","32.204,60.344 36.12,59.461 38.827,56.494 34.91,57.379 	"],
	["polygon","#ffffff","27.779,71.232 31.121,66.816 32.179,60.359 28.835,64.775 	"],
	["polygon","#ffffff","20.553,58.803 26.687,61.078 32.179,60.359 26.045,58.082 	"],
	["polygon","#ffffff","20.972,66.873 27.599,65.377 32.179,60.359 25.551,61.854 	"],
	["polygon","#ffffff","38.796,56.512 45.424,55.018 50.003,49.998 43.376,51.494 	"],
	["polygon","#ffffff","63.772,37.081 61.798,39.693 61.173,43.506 63.147,40.897 	"],
	["polygon","#ffffff","68.042,44.428 64.419,43.083 61.173,43.506 64.796,44.854 	"],
	["polygon","#ffffff","67.796,39.658 63.88,40.542 61.173,43.506 65.09,42.625 	"],
	["polygon","#ffffff","72.222,28.768 68.879,33.185 67.821,39.642 71.163,35.225 	"],
	["polygon","#ffffff","79.447,41.201 73.313,38.922 67.821,39.642 73.955,41.92 	"],
	["polygon","#ffffff","79.03,33.128 72.402,34.625 67.821,39.642 74.45,38.147 	"],
	["polygon","#ffffff","61.204,43.49 54.578,44.986 49.996,50.004 56.626,48.508 	"]
		]
	);""

Snowflake 4.png




<<RENDER MAIN PAGE

<<Additional Examples

<<RENDER 3D EXAMPLES - Swapna

<< Z3 home