Difference between revisions of "Users/Devi"
Jump to navigation
Jump to search
(Created page with " << Z3 home =ZCubes Render Examples= ZCubes Render feature allows users to make fascinatingly complex drawings and animations by simply using the spreadsheet, ar...") |
|||
Line 75: | Line 75: | ||
[[File:Render_Indian_Flag.png]] | [[File:Render_Indian_Flag.png]] | ||
+ | |||
+ | ==Gradient Colors== | ||
+ | RENDER( | ||
+ | [ | ||
+ | ["type","x","y","rx","ry","width","height","fill"], | ||
+ | ["rect",50,20,20,20,120,120,"blue"], | ||
+ | ["rect",100,50,20,20,120,120,"skyblue"], | ||
+ | ["rect",150,80,20,20,120,120,"darkblue"], | ||
+ | ["rect",200,110,20,20,120,120,"lightblue"], | ||
+ | |||
+ | |||
+ | ] | ||
+ | |||
+ | ); | ||
+ | "" | ||
+ | |||
+ | [[File:Render_Gradient_Colors5.png]] | ||
=Additional Examples WIP= | =Additional Examples WIP= |
Revision as of 22:58, 21 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: Two Circles
Draw two circles with radii as given.
RENDER( [ ["type","size"], ["circle",100], ["circle",200] ] )
Example 2: Ten Circles
Draw ten circles with radii as per the function given. Note that each ith circle will have the radius as given by the function. Note the use of count column to specify the number of circles to be generated.
RENDER( [ ["type","size","count"], ["circle",(i)=>100+i*10,10] ] ) ""
Example 3: American Flag
Generating American Flag using RENDER feature.
// american flag 4 final RENDER( [ ["type","x","y", "width","height","fill", "count","shape","id","href","sides","size"], ["rect",10,(i)=>i*20, 400, 20, (i)=>(i%2)?"white":"red" ,13,,,,,], ["rect",10, 0, 200, 140, "blue" ,1,,,,,], ["star",50, 0, 200, 140, "white" ,1,true,"star11","","12",10], ["use",(i)=>((i)%6)*30+30, (i)=>((i).intdiv(6))*25+15, 300, 140, "white" ,6*5,false,"","star11","",300], ["use",(i)=>((i)%5)*30+20+25, (i)=>((i).intdiv(5))*25+20+10, 300, 140, "white" ,4*5,false,"","star11","",300] ] ) ""
Example 4: Indian Flag
Generating Indian Flag using RENDER feature.
RENDER( [ ["type","x","y", "width","height","fill", "count","shape","id","href","sides","size","cx","cy","r","stroke","stroke-width","points","transform"], ["rect",10,(i)=>i*90, 400, 90, ["orange","white","green"] ,3,,,,,,], ["circle",,,,, ,1,,,,,,200,135,40,"blue",5,], ["circle",,,,, ,1,,,,,,200,135,5,"blue",10,], ["polyline",,,,, "blue" ,24,,,,,,,,,"blue",1,i=>[200,135,199,120, 200,95,201,120,200,135],(i=>({"rotation":(i+1)/24*360,"cx":200,"cy":135})) ], ] ); ""
Gradient Colors
RENDER( [ ["type","x","y","rx","ry","width","height","fill"], ["rect",50,20,20,20,120,120,"blue"], ["rect",100,50,20,20,120,120,"skyblue"], ["rect",150,80,20,20,120,120,"darkblue"], ["rect",200,110,20,20,120,120,"lightblue"],
]
); ""