Difference between revisions of "Users/Manu"
Jump to navigation
Jump to search
| Line 101: | Line 101: | ||
=RENDER 3D= | =RENDER 3D= | ||
| + | |||
| + | =Example 1: Youtube Icon= | ||
| + | |||
| + | <syntaxhighlight lang="javascript"> | ||
| + | |||
| + | RENDER( | ||
| + | [ | ||
| + | ["type","x","y","rx","ry","width","height","points","fill", | ||
| + | "stroke","stroke-width"], | ||
| + | |||
| + | ["rect",5,10,15,15,70,50,,"red","red",5], | ||
| + | |||
| + | ["polygon",,,,,,,[27 ,25, 50, 37, 27, 45],"white","white",2] | ||
| + | |||
| + | ]); | ||
| + | "" | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:Render_Youtube_Icon.png]] | ||
| + | |||
| + | |||
| + | =Example 2:Emoji Smiley Face= | ||
| + | |||
| + | <syntaxhighlight lang="javascript"> | ||
| + | |||
| + | RENDER( | ||
| + | [ | ||
| + | ["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"], | ||
| + | ["circle",,,,"yellow",200,150,40,"Yellow",20], | ||
| + | ["circle",,,,"black",180,140,10,"white",5], | ||
| + | ["circle",,,,"black",220,140,10,"white",5], | ||
| + | ["path",,, "M 180 165 C 190 185, 210 185, 220 165","transparent",,,,"black",5], | ||
| + | |||
| + | ]) | ||
| + | "" | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:Render_Emoji_Smiley_face.png]] | ||
| + | |||
| + | |||
| + | =Example 3:Emoji Sad Face= | ||
| + | |||
| + | <syntaxhighlight lang="javascript"> | ||
| + | |||
| + | RENDER( | ||
| + | [ | ||
| + | ["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"], | ||
| + | ["circle",,,,"yellow",195,170,40,"Yellow",20], | ||
| + | ["circle",,,,"black",175,160,10,"white",5], | ||
| + | ["circle",,,,"black",215,160,10,"white",5], | ||
| + | ["path",,, "M 175 200 C 185 185, 200 180, 215 200","transparent",,,,"black",5], | ||
| + | |||
| + | ]) | ||
| + | "" | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:Render_Emoji_Sad_face.png]] | ||
| + | |||
| + | =Example 4:Golden Star= | ||
| + | |||
| + | <syntaxhighlight lang="javascript"> | ||
| + | |||
| + | RENDER( [ | ||
| + | ["type","points","stroke","stroke-width","fill"], | ||
| + | ["polygon",[100,10 40,198 190,78 10,78 160,198],"gold",5,["gold"]], | ||
| + | ] ) | ||
| + | "" | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:Render_Golden_Star.png]] | ||
| + | |||
| + | =Example 5: Curves on_Slanding_line= | ||
| + | |||
| + | <syntaxhighlight lang="javascript"> | ||
| + | |||
| + | RENDER | ||
| + | ([ | ||
| + | |||
| + | ["type","coordinates","fill","stroke","stroke-width"], | ||
| + | |||
| + | [ "path","M100,350 l 50,-25 a25,25 -30 0,1 50,-25 l 50,-25 a25,50 -30 0,1 50,-25 l 50,-25 a25,75 -30 0,1 50,-25 l 50,-25 a25,100 -30 0,1 50,-25 l 50,-25","red","green","3" ], | ||
| + | |||
| + | |||
| + | ]) | ||
| + | |||
| + | "" | ||
| + | |||
| + | </syntaxhighlight> | ||
| + | |||
| + | [[File:Render_Curves on_Slanding_line.png]] | ||
Revision as of 23:53, 16 December 2020
Example 1: Youtube Icon
RENDER(
[
["type","x","y","rx","ry","width","height","points","fill",
"stroke","stroke-width"],
["rect",5,10,15,15,70,50,,"red","red",5],
["polygon",,,,,,,[27 ,25, 50, 37, 27, 45],"white","white",2]
]);
""
Example 2:Emoji Smiley Face
RENDER(
[
["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"],
["circle",,,,"yellow",200,150,40,"Yellow",20],
["circle",,,,"black",180,140,10,"white",5],
["circle",,,,"black",220,140,10,"white",5],
["path",,, "M 180 165 C 190 185, 210 185, 220 165","transparent",,,,"black",5],
])
""
Example 3:Emoji Sad Face
RENDER(
[
["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"],
["circle",,,,"yellow",195,170,40,"Yellow",20],
["circle",,,,"black",175,160,10,"white",5],
["circle",,,,"black",215,160,10,"white",5],
["path",,, "M 175 200 C 185 185, 200 180, 215 200","transparent",,,,"black",5],
])
""
Example 4:Golden Star
RENDER( [
["type","points","stroke","stroke-width","fill"],
["polygon",[100,10 40,198 190,78 10,78 160,198],"gold",5,["gold"]],
] )
""
Example 5: Curves on_Slanding_line
RENDER
([
["type","coordinates","fill","stroke","stroke-width"],
[ "path","M100,350 l 50,-25 a25,25 -30 0,1 50,-25 l 50,-25 a25,50 -30 0,1 50,-25 l 50,-25 a25,75 -30 0,1 50,-25 l 50,-25 a25,100 -30 0,1 50,-25 l 50,-25","red","green","3" ],
])
""
Additional Examples WIP
RENDER 3D
Example 1: Youtube Icon
RENDER(
[
["type","x","y","rx","ry","width","height","points","fill",
"stroke","stroke-width"],
["rect",5,10,15,15,70,50,,"red","red",5],
["polygon",,,,,,,[27 ,25, 50, 37, 27, 45],"white","white",2]
]);
""
Example 2:Emoji Smiley Face
RENDER(
[
["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"],
["circle",,,,"yellow",200,150,40,"Yellow",20],
["circle",,,,"black",180,140,10,"white",5],
["circle",,,,"black",220,140,10,"white",5],
["path",,, "M 180 165 C 190 185, 210 185, 220 165","transparent",,,,"black",5],
])
""
Example 3:Emoji Sad Face
RENDER(
[
["type","x","y","coordinates","fill","cx","cy","r","stroke","stroke-width"],
["circle",,,,"yellow",195,170,40,"Yellow",20],
["circle",,,,"black",175,160,10,"white",5],
["circle",,,,"black",215,160,10,"white",5],
["path",,, "M 175 200 C 185 185, 200 180, 215 200","transparent",,,,"black",5],
])
""
Example 4:Golden Star
RENDER( [
["type","points","stroke","stroke-width","fill"],
["polygon",[100,10 40,198 190,78 10,78 160,198],"gold",5,["gold"]],
] )
""
Example 5: Curves on_Slanding_line
RENDER
([
["type","coordinates","fill","stroke","stroke-width"],
[ "path","M100,350 l 50,-25 a25,25 -30 0,1 50,-25 l 50,-25 a25,50 -30 0,1 50,-25 l 50,-25 a25,75 -30 0,1 50,-25 l 50,-25 a25,100 -30 0,1 50,-25 l 50,-25","red","green","3" ],
])
""