opengl
/
ShaderFile
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 Commits
1 Branch
222 KiB
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
ShaderFile/doc/docu.xhtml

3438 lines
227 KiB
Raw Permalink Blame History 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml">

  3.     <head>

  4.         <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

  5.         <meta name="generator" content="Railroad Diagram Generator 1.40.1033" />

  6.         <style type="text/css">

  7.             body                            { font-family: 'Calibri', 'Arial'; color: #0F0C00; background: #FFFCF0 }

  8.             pre                             { margin: 0 }

  9.             .code                           { font-family: 'Courier New' }

  10.             .code.area                      { padding: 5px; background-color: #EEEEEE; font-size: 0.8em }

  11.             .code .pre                      { color: #006666; font-weight: bold }

  12.             .code .comment                  { color: #006600 }

  13.             .code .buildin                  { color: #6B0000 }

  14.             .code .func                     { color: #6B0000; font-weight: bold }

  15.             .code .type                     { color: #000000; font-weight: bold }

  16.             .code .keyword                  { color: #000099; font-weight: bold }

  17.             .code .number                   { color: #000099 }

  18.             .code.area div                  { padding-left: 2em }

  19.             a                               { text-decoration: none; color: inherit }

  20.             a:hover                         { text-decoration: underline }

  21.             .box .head                      { cursor: pointer }

  22.             .box .head:hover                { background-color: #EEEEEE }

  23.             .box .icon                      { width: 15px; height: 15px; border: 1px solid #0F0C00; font-weight: bold; line-height: 15px; text-align: center; valign: middle; float: right; position: relative; top: 2px; margin-right: 10px; }

  24.             .box.closed .icon.open          { display: block }

  25.             .box.closed .icon.close,        

  26.             .box.closed .content,       

  27.             .box .icon.open                 { display: none }

  28.             .box .content                   { margin-left: 25px }

  29.             h1, h2, h3, h4, h5, h6          { margin: 15px 0px 0px 0px }

  30.             h2                              { margin-top: 25px }

  31.             h4                              { margin: 5px 0px 5px 10px }

  32.             h5                              { margin: 5px 0px 5px 0px }

  33.             .noselect                       { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

  34.             .syntax_sub                     { margin-bottom: 15px }

  35.             .syntax_sub > .ebnf,        

  36.             .syntax_sub > svg,      

  37.             .syntax_sub > .references       { margin-left: 15px }

  38.             .references                     { overflow: hidden; clear: both }

  39.             .references > span              { float: left; margin-right: 15px }

  40.             .references ul                  { list-style-type: none; margin: 0; padding: 0; float: left }

  41.             .references li                  { float: left; margin-left: 5px }

  42.             .references li:after            { content: ' | ' }

  43.             .references li:last-child:after { content: '' }

  44.             .sub                            { margin-left: 250px; font-size: 0.8em }

  45.             .link                           { float: left }

  46.             .index li                       { overflow: hidden }

  47.         </style>

  48.         <script type="text/javascript"> 

  49.             /* <![CDATA[ */

  50.             window.onload = function () {

  51.                 var boxes = document.getElementsByClassName('box');

  52.                 for (var i = 0; i < boxes.length; ++i) {

  53.                     var head = boxes[i].getElementsByClassName('head')[0];

  54.                     head.addEventListener('click', function(){

  55.                         if (this.parentNode.className.indexOf('closed') >= 0){

  56.                             this.parentNode.className = this.parentNode.className.replace('closed', '').trim();

  57.                         } else {

  58.                             this.parentNode.className += ' closed';

  59.                         }

  60.                     }, false);

  61.                 }

  62.                 

  63.                 var links = document.getElementsByTagName('a');

  64.                 for (var i = 0; i < links.length; ++i) {

  65.                     var link = links[i];

  66.                     link.addEventListener('click', function(){

  67.                         var id = this.href;

  68.                         if (typeof id === 'object')

  69.                             id = id.baseVal;

  70.                         var pos = id.indexOf('#');

  71.                         if (pos < 0)

  72.                             return;

  73.                         id = id.substr(pos+1);

  74.                         var elem = document.getElementById(id);

  75.                         if (!elem)

  76.                             return;

  77.                         var box = elem.parentNode;

  78.                         while (box && box.className.indexOf('box') < 0)

  79.                             box = box.parentNode;

  80.                         if (!box)

  81.                             return;

  82.                         if (box.className.indexOf('closed') >= 00)

  83.                             box.className = box.className.replace('closed', '').trim();

  84.                     }, false);

  85.                 }

  86.             };

  87.             /* ]]> */

  88.         </script>

  89.         <svg xmlns="http://www.w3.org/2000/svg">

  90.             <defs>

  91.                 <style type="text/css">

  92.                     @namespace "http://www.w3.org/2000/svg";

  93.                     .line                 {fill: none; stroke: #332900;}

  94.                     .bold-line            {stroke: #141000; shape-rendering: crispEdges; stroke-width: 2; }

  95.                     .thin-line            {stroke: #1F1800; shape-rendering: crispEdges}

  96.                     .filled               {fill: #332900; stroke: none;}

  97.                     text.terminal         {font-family: Verdana, Sans-serif; font-size: 12px; fill: #141000; font-weight: bold; }

  98.                     text.nonterminal      {font-family: Verdana, Sans-serif; font-size: 12px; fill: #1A1400; }

  99.                     text.regexp           {font-family: Verdana, Sans-serif; font-size: 12px; fill: #1F1800; }

  100.                     rect, circle, polygon {fill: #332900; stroke: #332900;}

  101.                     rect.terminal         {fill: #FFDB4D; stroke: #332900;}

  102.                     rect.nonterminal      {fill: #FFEC9E; stroke: #332900;}

  103.                     rect.text             {fill: none; stroke: none;}    

  104.                     polygon.regexp        {fill: #FFF4C7; stroke: #332900;}

  105.                 </style>

  106.             </defs>

  107.         </svg>

  108.     </head>

  109.     <body>

  110.         <h1>Content</h1>

  111.         <ul class="index">

  112.             <li>

  113.                 <a class="link" href="#ShaderFile">ShaderFile</a>

  114.                 <div class="sub">about the shader file itself</div>

  115.             </li>

  116.             <li>

  117.                 <a class="link" href="#Class">Class</a>

  118.                 <div class="sub">about the <span class="code">{<a href="#ebnfClass">$CLASS</a>}</span> token</div>

  119.             </li>

  120.             <li>

  121.                 <div>Methods:</div>

  122.                 <ul>

  123.                     <li>

  124.                         <a class="link" href="#Procedure">Procedure</a>

  125.                         <div class="sub">about the <span class="code">{<a href="#ebnfProcedure">$PROC</a>}</span> token</div>

  126.                     </li>

  127.                     <li>

  128.                         <a class="link" href="#Function">Function</a>

  129.                         <div class="sub">about the <span class="code">{<a href="#ebnfFunction">$FUNC</a>}</span> token</div>

  130.                     </li>

  131.                     <li>

  132.                         <a class="link" href="#Main">Main</a>

  133.                         <div class="sub">about the <span class="code">{<a href="#ebnfMain">$MAIN</a>}</span> token</div>

  134.                     </li>

  135.                     <li>

  136.                         <div>Calls:</div>

  137.                         <ul>

  138.                             <li>

  139.                                 <a class="link" href="#Call">Call</a>

  140.                                 <div class="sub">about the <span class="code">{<a href="#ebnfCall">$CALL</a>}</span> token</div>

  141.                             </li>

  142.                             <li>

  143.                                 <a class="link" href="#Inherited">Inherited</a>

  144.                                 <div class="sub">about the <span class="code">{<a href="#ebnfInherited">$INHERITED</a>}</span> token</div>

  145.                             </li>

  146.                         </ul>

  147.                     </li>

  148.                 </ul>

  149.             </li>

  150.             <li>

  151.                 <div>Code Controlling:</div>

  152.                 <ul>

  153.                     <li>

  154.                         <a class="link" href="#Include">Include</a>

  155.                         <div class="sub">about the <span class="code">{<a href="#ebnfInclude">$INCLUDE</a>}</span> token</div>

  156.                     </li>

  157.                     <li>

  158.                         <a class="link" href="#Property">Property</a>

  159.                         <div class="sub">about the <span class="code">{<a href="#ebnfProperty">$PROPERTY</a>}</span> token</div>

  160.                     </li>

  161.                     <li>

  162.                         <a class="link" href="#Static">Static</a>

  163.                         <div class="sub">about the <span class="code">{<a href="#ebnfStatic">$STATIC</a>}</span> token</div>

  164.                     </li>

  165.                     <li>

  166.                         <a class="link" href="#If">If</a>

  167.                         <div class="sub">about the <span class="code">{<a href="#ebnfIf">$IF</a>}</span> token</div>

  168.                     </li>

  169.                 </ul>

  170.             </li>

  171.             <li>

  172.                 <div>Code Generation:</div>

  173.                 <ul>

  174.                     <li>

  175.                         <a class="link" href="#Meta">Meta</a>

  176.                         <div class="sub">about the <span class="code">{<a href="#ebnfMeta">$META</a>}</span> token</div>

  177.                     </li>

  178.                     <li>

  179.                         <a class="link" href="#Echo">Echo</a>

  180.                         <div class="sub">about the <span class="code">{<a href="#ebnfEcho">$ECHO</a>}</span> token</div>

  181.                     </li>

  182.                     <li>

  183.                         <a class="link" href="#Varying">Varying</a>

  184.                         <div class="sub">about the <span class="code">{<a href="#ebnfVarying">$VARYING</a>}</span> token</div>

  185.                     </li>

  186.                     <li>

  187.                         <a class="link" href="#Uniform">Uniform</a>

  188.                         <div class="sub">about the <span class="code">{<a href="#ebnfUniform">$UNIFORM</a>}</span> token</div>

  189.                     </li>

  190.                     <li>

  191.                         <a class="link" href="#Var">Var</a>

  192.                         <div class="sub">about the <span class="code">{<a href="#ebnfVar">$VAR</a>}</span> token</div>

  193.                     </li>

  194.                     <li>

  195.                         <a class="link" href="#Const">Const</a>

  196.                         <div class="sub">about the <span class="code">{<a href="#ebnfConst">$CONST</a>}</span> token</div>

  197.                     </li>

  198.                     <li>

  199.                         <a class="link" href="#Messages">Messages</a>

  200.                         <div class="sub">about writing log messages while code generation</div>

  201.                     </li>

  202.                 </ul>

  203.             </li>

  204.             <li>

  205.                 <a class="link" href="#Types">Types</a>

  206.                 <div class="sub">some type definitions for this document</div>

  207.             </li>

  208.         </ul>

  209. 

  210.         <!-- ShaderFile -->

  211.         <div id="ShaderFile">

  212.             <h2>ShaderFile:</h2>

  213. 

  214.             <div class="box closed">

  215.                 <div class="head">

  216.                     <div class="noselect icon open">+</div>

  217.                     <div class="noselect icon close">-</div>

  218.                     <h4>Description:</h4>

  219.                 </div>

  220.                 <div class="content">

  221.                     Inside the shader file you define every needed OpenGL shader code, meta information and precompiler instructions you need. The precompiler then interprets your code and generate the normal OpenGL shader code for you. It will take care, that only the needed code parts are added to the resulting code, so the shader code is always as simple and small as needed.<br/>

  222.                     The shader file is also a code generator. It's name is a empty string. So if you pass the empty string to the code generator creator function you will get the code generator for the whole file.<br/>

  223.                     A class does not need a {<a href="#ebnfMain">$MAIN</a>} method.<br/>

  224.                 </div>

  225.             </div>

  226. 

  227.             <div class="box closed">

  228.                 <div class="head">

  229.                     <div class="noselect icon open">+</div>

  230.                     <div class="noselect icon close">-</div>

  231.                     <h4>Syntax:</h4>

  232.                 </div>

  233.                 <div class="content">

  234.                     <div id="ebnfShaderFile" class="syntax_sub">

  235.                         <h5>ShaderFile</h5>

  236.                         <svg xmlns="http://www.w3.org/2000/svg" width="182" height="232">

  237.                             <polygon points="9 227 1 223 1 231"/>

  238.                             <polygon points="17 227 9 223 9 231"/>

  239.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClass" xlink:title="Class">

  240.                                 <rect x="51" y="179" width="54" height="32"/>

  241.                                 <rect x="49" y="177" width="54" height="32" class="nonterminal"/>

  242.                                 <text class="nonterminal" x="59" y="197">Class</text>

  243.                             </a>

  244.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfProcedure" xlink:title="Procedure">

  245.                                 <rect x="51" y="135" width="84" height="32"/>

  246.                                 <rect x="49" y="133" width="84" height="32" class="nonterminal"/>

  247.                                 <text class="nonterminal" x="59" y="153">Procedure</text>

  248.                             </a>

  249.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfFunction" xlink:title="Function">

  250.                                 <rect x="51" y="91" width="72" height="32"/>

  251.                                 <rect x="49" y="89" width="72" height="32" class="nonterminal"/>

  252.                                 <text class="nonterminal" x="59" y="109">Function</text>

  253.                             </a>

  254.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMain" xlink:title="Main">

  255.                                 <rect x="51" y="47" width="48" height="32"/>

  256.                                 <rect x="49" y="45" width="48" height="32" class="nonterminal"/>

  257.                                 <text class="nonterminal" x="59" y="65">Main</text>

  258.                             </a>

  259.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  260.                                 <rect x="51" y="3" width="52" height="32"/>

  261.                                 <rect x="49" y="1" width="52" height="32" class="nonterminal"/>

  262.                                 <text class="nonterminal" x="59" y="21">Code</text>

  263.                             </a>

  264.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 227 h2 m20 0 h10 m0 0 h94 m-124 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m104 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-104 0 h10 m54 0 h10 m0 0 h30 m-114 10 l0 -44 q0 -10 10 -10 m114 54 l0 -44 q0 -10 -10 -10 m-104 0 h10 m84 0 h10 m-114 10 l0 -44 q0 -10 10 -10 m114 54 l0 -44 q0 -10 -10 -10 m-104 0 h10 m72 0 h10 m0 0 h12 m-114 10 l0 -44 q0 -10 10 -10 m114 54 l0 -44 q0 -10 -10 -10 m-104 0 h10 m48 0 h10 m0 0 h36 m-114 10 l0 -44 q0 -10 10 -10 m114 54 l0 -44 q0 -10 -10 -10 m-104 0 h10 m52 0 h10 m0 0 h32 m23 210 h-3"/>

  265.                             <polygon points="173 227 181 223 181 231"/>

  266.                             <polygon points="173 227 165 223 165 231"/>

  267.                         </svg>

  268.                         <div class="ebnf code area">

  269.                             <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a> ::= ( <a href="#ebnfClass" title="Class">Class</a> | <a href="#ebnfProcedure" title="Procedure">Procedure</a> | <a href="#ebnfFunction" title="Function">Function</a> | <a href="#ebnfMain" title="Main">Main</a> | <a href="#ebnfCode" title="Code">Code</a> )*

  270.                         </div>

  271.                     </div>

  272.                 </div>

  273.             </div>

  274. 

  275.             <div class="box closed">

  276.                 <div class="head">

  277.                     <div class="noselect icon open">+</div>

  278.                     <div class="noselect icon close">-</div>

  279.                     <h4>Example:</h4>

  280.                 </div>

  281.                 <div class="content">

  282.                     "Hello World" example:

  283.                     <div class="code area">

  284.                         <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span>

  285.                         <br/>

  286.                         <div>

  287.                             <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  288.                             <span class="buildin">gl_FrontColor</span> = <span class="buildin">gl_Color</span>;<br/>

  289.                         </div>

  290.                         <span class="pre">{$END}</span>

  291.                     </div>

  292.                     <br/>

  293.                     resulting code:

  294.                     <div class="code area">

  295.                         <span class="type">void</span> main(<span class="type">void</span>)<br/>

  296.                         {<br/>

  297.                         <div>

  298.                             <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  299.                             <span class="buildin">gl_FrontColor</span> = <span class="buildin">gl_Color</span>;<br/>

  300.                         </div>

  301.                         }

  302.                     </div>

  303.                 </div>

  304.             </div>

  305.         </div>

  306. 

  307.         <!-- Class -->

  308.         <div id="Class">

  309.             <h2>Class:</h2>

  310. 

  311.             <div class="box closed">

  312.                 <div class="head">

  313.                     <div class="noselect icon open">+</div>

  314.                     <div class="noselect icon close">-</div>

  315.                     <h4>Description:</h4>

  316.                 </div>

  317.                 <div class="content">

  318.                     A class is a logical wrapper to summarize OpenGL shader code, meta information and precompiler instructions. You can inherit a class from other classes using the $EXTENDS token. The precompiler then interprets your code and generate the normal OpenGL shader code for you. It will take care, that only the needed code parts are added to the resulting code, so the shader code is always as simple and small as needed.<br/>

  319.                     A class is always a generator. If you use the name of class as parameter for the code generator creator function you will get a code generator for the requested class.<br/>

  320.                     A class or one of its parent classes always needs a {<a href="#ebnfMain">$MAIN</a>} method.<br/>

  321.                 </div>

  322.             </div>

  323. 

  324.             <div class="box closed">

  325.                 <div class="head">

  326.                     <div class="noselect icon open">+</div>

  327.                     <div class="noselect icon close">-</div>

  328.                     <h4>Syntax:</h4>

  329.                 </div>

  330.                 <div class="content">

  331.                     <div id="ebnfClass" class="syntax_sub">

  332.                         <h5>Class</h5>

  333.                         <svg xmlns="http://www.w3.org/2000/svg" width="870" height="218">

  334.                             <polygon points="9 183 1 179 1 187"/>

  335.                             <polygon points="17 183 9 179 9 187"/>

  336.                             <rect x="31" y="169" width="82" height="32" rx="10"/>

  337.                             <rect x="29" y="167" width="82" height="32" class="terminal" rx="10"/>

  338.                             <text class="terminal" x="39" y="187">{$CLASS</text>

  339.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassName" xlink:title="ClassName">

  340.                                 <rect x="133" y="169" width="90" height="32"/>

  341.                                 <rect x="131" y="167" width="90" height="32" class="nonterminal"/>

  342.                                 <text class="nonterminal" x="141" y="187">ClassName</text>

  343.                             </a>

  344.                             <rect x="263" y="169" width="90" height="32" rx="10"/>

  345.                             <rect x="261" y="167" width="90" height="32" class="terminal" rx="10"/>

  346.                             <text class="terminal" x="271" y="187">$EXTENDS</text>

  347.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassName" xlink:title="ClassName">

  348.                                 <rect x="393" y="135" width="90" height="32"/>

  349.                                 <rect x="391" y="133" width="90" height="32" class="nonterminal"/>

  350.                                 <text class="nonterminal" x="401" y="153">ClassName</text>

  351.                             </a>

  352.                             <rect x="543" y="169" width="28" height="32" rx="10"/>

  353.                             <rect x="541" y="167" width="28" height="32" class="terminal" rx="10"/>

  354.                             <text class="terminal" x="551" y="187">}</text>

  355.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassProcedure" xlink:title="ClassProcedure">

  356.                                 <rect x="611" y="135" width="118" height="32"/>

  357.                                 <rect x="609" y="133" width="118" height="32" class="nonterminal"/>

  358.                                 <text class="nonterminal" x="619" y="153">ClassProcedure</text>

  359.                             </a>

  360.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassFunction" xlink:title="ClassFunction">

  361.                                 <rect x="611" y="91" width="106" height="32"/>

  362.                                 <rect x="609" y="89" width="106" height="32" class="nonterminal"/>

  363.                                 <text class="nonterminal" x="619" y="109">ClassFunction</text>

  364.                             </a>

  365.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassMain" xlink:title="ClassMain">

  366.                                 <rect x="611" y="47" width="82" height="32"/>

  367.                                 <rect x="609" y="45" width="82" height="32" class="nonterminal"/>

  368.                                 <text class="nonterminal" x="619" y="65">ClassMain</text>

  369.                             </a>

  370.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  371.                                 <rect x="611" y="3" width="52" height="32"/>

  372.                                 <rect x="609" y="1" width="52" height="32" class="nonterminal"/>

  373.                                 <text class="nonterminal" x="619" y="21">Code</text>

  374.                             </a>

  375.                             <rect x="769" y="169" width="74" height="32" rx="10"/>

  376.                             <rect x="767" y="167" width="74" height="32" class="terminal" rx="10"/>

  377.                             <text class="terminal" x="777" y="187">{$END}</text>

  378.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 183 h2 m0 0 h10 m82 0 h10 m0 0 h10 m90 0 h10 m20 0 h10 m90 0 h10 m20 0 h10 m0 0 h100 m-130 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m110 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-110 0 h10 m90 0 h10 m-260 34 h20 m260 0 h20 m-300 0 q10 0 10 10 m280 0 q0 -10 10 -10 m-290 10 v14 m280 0 v-14 m-280 14 q0 10 10 10 m260 0 q10 0 10 -10 m-270 10 h10 m0 0 h250 m20 -34 h10 m28 0 h10 m20 0 h10 m0 0 h128 m-158 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m138 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-138 0 h10 m118 0 h10 m-148 10 l0 -44 q0 -10 10 -10 m148 54 l0 -44 q0 -10 -10 -10 m-138 0 h10 m106 0 h10 m0 0 h12 m-148 10 l0 -44 q0 -10 10 -10 m148 54 l0 -44 q0 -10 -10 -10 m-138 0 h10 m82 0 h10 m0 0 h36 m-148 10 l0 -44 q0 -10 10 -10 m148 54 l0 -44 q0 -10 -10 -10 m-138 0 h10 m52 0 h10 m0 0 h66 m20 166 h10 m74 0 h10 m3 0 h-3"/>

  379.                             <polygon points="861 183 869 179 869 187"/>

  380.                             <polygon points="861 183 853 179 853 187"/>

  381.                         </svg>

  382.                         <div class="ebnf code area">

  383.                             <a href="#ebnfClass" title="Class">Class</a> ::= '{$CLASS' <a href="#ebnfClassName" title="ClassName">ClassName</a> ( '$EXTENDS' <a href="#ebnfClassName" title="ClassName">ClassName</a>* )? '}' ( <a href="#ebnfClassProcedure" title="ClassProcedure">ClassProcedure</a> | <a href="#ebnfClassFunction" title="ClassFunction">ClassFunction</a> | <a href="#ebnfClassMain" title="ClassMain">ClassMain</a> | <a href="#ebnfCode" title="Code">Code</a> )* '{$END}'

  384.                         </div>

  385.                         <div class="references">

  386.                             <span>referenced by:</span>

  387.                             <ul>

  388.                                 <li>

  389.                                     <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a>

  390.                                 </li>

  391.                             </ul>

  392.                         </div>

  393.                     </div>

  394.                 </div>

  395.             </div>

  396. 

  397.             <div class="box closed">

  398.                 <div class="head">

  399.                     <div class="noselect icon open">+</div>

  400.                     <div class="noselect icon close">-</div>

  401.                     <h4>Example:</h4>

  402.                 </div>

  403.                 <div class="content">

  404.                     example for a simple shader that uses either a solid color or a texture:

  405.                     <div class="code area">

  406.                         <span class="pre">{<a href="#ebnfClass">$CLASS</a> Color}</span>

  407.                         <br/>

  408.                         <div>

  409.                             <span class="pre">{<a href="#ebnfProperty">$PROPERTY</a> UseColorMap 'false'}</span>

  410.                             <br/>

  411.                         </div>

  412.                         <span class="pre">{$END}</span>

  413.                         <br/>

  414.                         <br/>

  415.                         <span class="pre">{<a href="#ebnfClass">$CLASS</a> ColorFrag $EXTENDS Color}</span>

  416.                         <br/>

  417.                         <div>

  418.                             <br/>

  419.                             <span class="comment">/* you can also define code here. It will be added when the code for the class is generated */</span>

  420.                             <br/>

  421.                             <br/>

  422.                             <span class="pre">{<a href="#ebnfFunction">$FUNC</a> 'vec4' GetColor $INLINE}</span>

  423.                             <br/>

  424.                             <div>

  425.                                 <span class="pre">{<a href="#ebnfIf">$IF</a> UseColorMap}</span>

  426.                                 <br/>

  427.                                 <div>

  428.                                     <span class="pre">{<a href="#ebnfVar">$VAR</a> 'vec2' '_texCoord' 'gl_TexCoord[0].st'}</span>

  429.                                     <br/>

  430.                                     <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'sampler2D' 'uColorMap'}</span>

  431.                                     <br/>

  432.                                     <span class="keyword">return</span>

  433.                                     <span class="func">texture2D</span>(uColorMap, _texCoord);<br/>

  434.                                 </div>

  435.                                 <span class="pre">{<a href="#ebnfIf">$ELSE</a>}</span>

  436.                                 <br/>

  437.                                 <div>

  438.                                     <span class="keyword">return</span>

  439.                                     <span class="buildin">gl_Color</span>;<br/>

  440.                                 </div>

  441.                                 <span class="pre">{$END}</span>

  442.                                 <br/>

  443.                             </div>

  444.                             <span class="pre">{$END}</span>

  445.                             <br/>

  446.                             <br/>

  447.                             <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span>

  448.                             <br/>

  449.                             <div>

  450.                                 <span class="buildin">gl_FragColor</span> = <span class="pre">{<a href="#ebnfCall">$CALL</a> GetColor}</span>;<br/>

  451.                             </div>

  452.                             <span class="pre">{$END}</span>

  453.                             <br/>

  454.                         </div>

  455.                         <span class="pre">{$END}</span>

  456.                         <br/>

  457.                         <br/>

  458.                         <span class="pre">{<a href="#ebnfClass">$CLASS</a> ColorVert $EXTENDS Color}</span>

  459.                         <br/>

  460.                         <div>

  461.                             <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span>

  462.                             <br/>

  463.                             <div>

  464.                                 <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  465.                                 <span class="pre">{<a href="#ebnfIf">$IF</a> UseColorMap}</span>

  466.                                 <br/>

  467.                                 <div>

  468.                                     <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>] = <span class="buildin">gl_MultiTexCoord0</span>;<br/>

  469.                                 </div>

  470.                                 <span class="pre">{<a href="#ebnfIf">$ELSE</a>}</span>

  471.                                 <br/>

  472.                                 <div>

  473.                                     <span class="buildin">gl_FrontColor</span> = <span class="buildin">gl_Color</span>;<br/>

  474.                                     <span class="buildin">gl_BackColor</span> = <span class="buildin">gl_Color</span>;<br/>

  475.                                 </div>

  476.                                 <span class="pre">{$END}</span>

  477.                                 <br/>

  478.                             </div>

  479.                             <span class="pre">{$END}</span>

  480.                             <br/>

  481.                         </div>

  482.                         <span class="pre">{$END}</span>

  483.                         <br/>

  484.                     </div>

  485.                     <br/>

  486.                     resulting code for ColorFrag with UseColorMap = true

  487.                     <div class="code area">

  488.                         <span class="comment">/* you can also define code here. It will be added when the code for the class is generated */</span>

  489.                         <br/>

  490.                         <br/>

  491.                         <span class="keyword">uniform</span>

  492.                         <span class="type">sampler2D</span> uColorMap;<br/>

  493.                         <br/>

  494.                         <span class="type">vec2</span> _texCoord = <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st;<br/>

  495.                         <br/>

  496.                         <span class="type">void</span> main(<span class="type">void</span>)<br/>

  497.                     {<br/>

  498.                         <div>

  499.                             <span class="buildin">gl_FragColor</span> = (<span class="func">texture2D</span>(uColorMap, _texCoord));<br/>

  500.                         </div>

  501.                     }

  502.                     </div>

  503.                 </div>

  504.             </div>

  505.         </div>

  506. 

  507.         <!-- Procedure -->

  508.         <div id="Procedure">

  509.             <h2>Procedure</h2>

  510. 

  511.             <div class="box closed">

  512.                 <div class="head">

  513.                     <div class="icon open">+</div>

  514.                     <div class="icon close">-</div>

  515.                     <h4>Description:</h4>

  516.                 </div>

  517.                 <div class="content">

  518.                     The procedure token will generate a normal procedure in the resulting code, when the procedure is at least used one time inside a {<a href="#ebnfCall">$CALL</a>}.<br/>

  519.                     Inside a class you can add the $INLINE token. If the $INLINE token is added the code inside the procedure will be copied and pasted inside the resulting code.<br/>

  520.                     Be careful with inlined methods, because the precompiler will not check the variable names inside the method, so you maybe have a duplicate variable when it is pasted inside the resulting code.<br/>

  521.                 </div>

  522.             </div>

  523. 

  524.             <div class="box closed">

  525.                 <div class="head">

  526.                     <div class="icon open">+</div>

  527.                     <div class="icon close">-</div>

  528.                     <h4>Syntax:</h4>

  529.                 </div>

  530.                 <div class="content">

  531.                     <div id="ebnfProcedure" class="syntax_sub">

  532.                         <h5>Procedure</h5>

  533.                         <svg xmlns="http://www.w3.org/2000/svg" width="340" height="36">

  534.                             <polygon points="9 17 1 13 1 21"/>

  535.                             <polygon points="17 17 9 13 9 21"/>

  536.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfProcedureHead" xlink:title="ProcedureHead">

  537.                                 <rect x="31" y="3" width="116" height="32"/>

  538.                                 <rect x="29" y="1" width="116" height="32" class="nonterminal"/>

  539.                                 <text class="nonterminal" x="39" y="21">ProcedureHead</text>

  540.                             </a>

  541.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  542.                                 <rect x="167" y="3" width="52" height="32"/>

  543.                                 <rect x="165" y="1" width="52" height="32" class="nonterminal"/>

  544.                                 <text class="nonterminal" x="175" y="21">Code</text>

  545.                             </a>

  546.                             <rect x="239" y="3" width="74" height="32" rx="10"/>

  547.                             <rect x="237" y="1" width="74" height="32" class="terminal" rx="10"/>

  548.                             <text class="terminal" x="247" y="21">{$END}</text>

  549.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m116 0 h10 m0 0 h10 m52 0 h10 m0 0 h10 m74 0 h10 m3 0 h-3"/>

  550.                             <polygon points="331 17 339 13 339 21"/>

  551.                             <polygon points="331 17 323 13 323 21"/>

  552.                         </svg>

  553.                         <div class="ebnf code area">

  554.                             <a href="#ebnfProcedure" title="Procedure">Procedure</a> ::= <a href="#ebnfProcedureHead" title="ProcedureHead">ProcedureHead</a> <a href="#ebnfCode" title="Code">Code</a> '{$END}'

  555.                         </div>

  556.                         <div class="references">

  557.                             <span>referenced by:</span>

  558.                             <ul>

  559.                                 <li>

  560.                                     <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a>

  561.                                 </li>

  562.                             </ul>

  563.                         </div>

  564.                     </div>

  565. 

  566.                     <div id="ebnfClassProcedure" class="syntax_sub">

  567.                         <h5>ClassProcedure</h5>

  568.                         <svg xmlns="http://www.w3.org/2000/svg" width="406" height="114">

  569.                             <polygon points="9 95 1 91 1 99"/>

  570.                             <polygon points="17 95 9 91 9 99"/>

  571.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfProcedureHead" xlink:title="ProcedureHead">

  572.                                 <rect x="31" y="81" width="116" height="32"/>

  573.                                 <rect x="29" y="79" width="116" height="32" class="nonterminal"/>

  574.                                 <text class="nonterminal" x="39" y="99">ProcedureHead</text>

  575.                             </a>

  576.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  577.                                 <rect x="187" y="47" width="52" height="32"/>

  578.                                 <rect x="185" y="45" width="52" height="32" class="nonterminal"/>

  579.                                 <text class="nonterminal" x="195" y="65">Code</text>

  580.                             </a>

  581.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfInherited" xlink:title="Inherited">

  582.                                 <rect x="187" y="3" width="78" height="32"/>

  583.                                 <rect x="185" y="1" width="78" height="32" class="nonterminal"/>

  584.                                 <text class="nonterminal" x="195" y="21">Inherited</text>

  585.                             </a>

  586.                             <rect x="305" y="81" width="74" height="32" rx="10"/>

  587.                             <rect x="303" y="79" width="74" height="32" class="terminal" rx="10"/>

  588.                             <text class="terminal" x="313" y="99">{$END}</text>

  589.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 95 h2 m0 0 h10 m116 0 h10 m20 0 h10 m0 0 h88 m-118 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m98 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-98 0 h10 m52 0 h10 m0 0 h26 m-108 10 l0 -44 q0 -10 10 -10 m108 54 l0 -44 q0 -10 -10 -10 m-98 0 h10 m78 0 h10 m20 78 h10 m74 0 h10 m3 0 h-3"/>

  590.                             <polygon points="397 95 405 91 405 99"/>

  591.                             <polygon points="397 95 389 91 389 99"/>

  592.                         </svg>

  593.                         <div class="ebnf code area">

  594.                             <a href="#ebnfClassProcedure" title="ClassProcedure">ClassProcedure</a> ::= <a href="#ebnfProcedureHead" title="ProcedureHead">ProcedureHead</a> ( <a href="#ebnfCode" title="Code">Code</a> | <a href="#ebnfInherited" title="Inherited">Inherited</a> )* '{$END}'

  595.                         </div>

  596.                         <div class="references">

  597.                             <span>referenced by:</span>

  598.                             <ul>

  599.                                 <li>

  600.                                     <a href="#ebnfClass" title="Class">Class</a>

  601.                                 </li>

  602.                             </ul>

  603.                         </div>

  604.                     </div>

  605. 

  606.                     <div id="ebnfProcedureHead" class="syntax_sub">

  607.                         <h5>ProcedureHead</h5>

  608.                         <svg xmlns="http://www.w3.org/2000/svg" width="798" height="68">

  609.                             <polygon points="9 33 1 29 1 37"/>

  610.                             <polygon points="17 33 9 29 9 37"/>

  611.                             <rect x="31" y="19" width="76" height="32" rx="10"/>

  612.                             <rect x="29" y="17" width="76" height="32" class="terminal" rx="10"/>

  613.                             <text class="terminal" x="39" y="37">{$PROC</text>

  614.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMethodName" xlink:title="MethodName">

  615.                                 <rect x="127" y="19" width="102" height="32"/>

  616.                                 <rect x="125" y="17" width="102" height="32" class="nonterminal"/>

  617.                                 <text class="nonterminal" x="135" y="37">MethodName</text>

  618.                             </a>

  619.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameterType" xlink:title="ParameterType">

  620.                                 <rect x="289" y="19" width="116" height="32"/>

  621.                                 <rect x="287" y="17" width="116" height="32" class="nonterminal"/>

  622.                                 <text class="nonterminal" x="297" y="37">ParameterType</text>

  623.                             </a>

  624.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameterName" xlink:title="ParameterName">

  625.                                 <rect x="425" y="19" width="122" height="32"/>

  626.                                 <rect x="423" y="17" width="122" height="32" class="nonterminal"/>

  627.                                 <text class="nonterminal" x="433" y="37">ParameterName</text>

  628.                             </a>

  629.                             <rect x="627" y="19" width="76" height="32" rx="10"/>

  630.                             <rect x="625" y="17" width="76" height="32" class="terminal" rx="10"/>

  631.                             <text class="terminal" x="635" y="37">$INLINE</text>

  632.                             <rect x="743" y="19" width="28" height="32" rx="10"/>

  633.                             <rect x="741" y="17" width="28" height="32" class="terminal" rx="10"/>

  634.                             <text class="terminal" x="751" y="37">}</text>

  635.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 33 h2 m0 0 h10 m76 0 h10 m0 0 h10 m102 0 h10 m40 0 h10 m116 0 h10 m0 0 h10 m122 0 h10 m-298 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m278 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-278 0 h10 m0 0 h268 m-318 32 h20 m318 0 h20 m-358 0 q10 0 10 10 m338 0 q0 -10 10 -10 m-348 10 v14 m338 0 v-14 m-338 14 q0 10 10 10 m318 0 q10 0 10 -10 m-328 10 h10 m0 0 h308 m40 -34 h10 m76 0 h10 m-116 0 h20 m96 0 h20 m-136 0 q10 0 10 10 m116 0 q0 -10 10 -10 m-126 10 v14 m116 0 v-14 m-116 14 q0 10 10 10 m96 0 q10 0 10 -10 m-106 10 h10 m0 0 h86 m20 -34 h10 m28 0 h10 m3 0 h-3"/>

  636.                             <polygon points="789 33 797 29 797 37"/>

  637.                             <polygon points="789 33 781 29 781 37"/>

  638.                         </svg>

  639.                         <div class="ebnf code area">

  640.                             <a href="#ebnfProcedure" title="ProcedureHead">ProcedureHead</a> ::= '{$PROC' <a href="#ebnfMethodName" title="MethodName">MethodName</a> ( <a href="#ebnfParameterType" title="ParameterType">ParameterType</a> <a href="#ebnfParameterName" title="ParameterName">ParameterName</a> )* '$INLINE'? '}'

  641.                         </div>

  642.                         <div class="references">

  643.                             <span>referenced by:</span>

  644.                             <ul>

  645.                                 <li>

  646.                                     <a href="#ebnfClassProcedure" title="ClassProcedure">ClassProcedure</a>

  647.                                 </li>

  648.                                 <li>

  649.                                     <a href="#ebnfProcedure" title="Procedure">Procedure</a>

  650.                                 </li>

  651.                             </ul>

  652.                         </div>

  653.                     </div>

  654.                 </div>

  655.             </div>

  656. 

  657.             <div class="box closed">

  658.                 <div class="head">

  659.                     <div class="icon open">+</div>

  660.                     <div class="icon close">-</div>

  661.                     <h4>Example:</h4>

  662.                 </div>

  663.                 <div class="content">

  664.                     simple example:

  665.                     <div class="code area">

  666.                         <span class="pre">{<a href="#ebnfProcedure">$PROC</a> setFragColor 'vec2' 'texCoord'}</span>

  667.                         <br/>

  668.                         <div>

  669.                             <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'sampler2D' 'uColorMap'}</span>

  670.                             <br/>

  671.                             <span class="type">vec4</span> color = <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  672.                             <span class="buildin">gl_FragColor</span> = color;<br/>

  673.                         </div>

  674.                         <span class="pre">{$END}</span>

  675.                         <br/>

  676.                         <br/>

  677.                         <span class="pre">{<a href="#ebnfCall">$CALL</a> setFragColor 'gl_TexCoord[0].st'}</span>;

  678.                     </div>

  679.                     <br/>

  680.                     resulting code:

  681.                     <div class="code area">

  682.                         <span class="keyword">uniform</span>

  683.                         <span class="type">sampler2D</span> uColorMap;<br/>

  684.                         <br/>

  685.                         <span class="type">void</span> setFragColor(<span class="type">vec2</span> texCoord)<br/>

  686.                         {<br/>

  687.                         <div>

  688.                             <span class="type">vec4</span> color = <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  689.                             <span class="buildin">gl_FragColor</span> = color;<br/>

  690.                         </div>

  691.                         }<br/>

  692.                         <br/>

  693.                         setFragColor(<span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st);

  694.                     </div>

  695.                 </div>

  696.             </div>

  697.         </div>

  698. 

  699.         <!-- Function -->

  700.         <div id="Function">

  701.             <h2>Function</h2>

  702. 

  703.             <div class="box closed">

  704.                 <div class="head">

  705.                     <div class="icon open">+</div>

  706.                     <div class="icon close">-</div>

  707.                     <h4>Description:</h4>

  708.                 </div>

  709.                 <div class="content">

  710.                     The function token will generate a normal function in the resulting code, when the function is at least used one time inside a {<a href="#ebnfCall">$CALL</a>}.<br/>

  711.                     Inside a class you can add the $INLINE token. If the $INLINE token is added the code inside the function will be copied and pasted inside the resulting code.<br/>

  712.                     Be careful with inlined methods, because the precompiler will not check the variable names inside the method, so you maybe have a duplicate variable when it is pasted inside the resulting code.<br/>

  713.                 </div>

  714.             </div>

  715. 

  716.             <div class="box closed">

  717.                 <div class="head">

  718.                     <div class="icon open">+</div>

  719.                     <div class="icon close">-</div>

  720.                     <h4>Syntax:</h4>

  721.                 </div>

  722.                 <div class="content">

  723.                     <div id="ebnfFunction" class="syntax_sub">

  724.                         <h5>Function</h5>

  725.                         <svg xmlns="http://www.w3.org/2000/svg" width="330" height="36">

  726.                             <polygon points="9 17 1 13 1 21"/>

  727.                             <polygon points="17 17 9 13 9 21"/>

  728.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfFunctionHead" xlink:title="FunctionHead">

  729.                                 <rect x="31" y="3" width="106" height="32"/>

  730.                                 <rect x="29" y="1" width="106" height="32" class="nonterminal"/>

  731.                                 <text class="nonterminal" x="39" y="21">FunctionHead</text>

  732.                             </a>

  733.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  734.                                 <rect x="157" y="3" width="52" height="32"/>

  735.                                 <rect x="155" y="1" width="52" height="32" class="nonterminal"/>

  736.                                 <text class="nonterminal" x="165" y="21">Code</text>

  737.                             </a>

  738.                             <rect x="229" y="3" width="74" height="32" rx="10"/>

  739.                             <rect x="227" y="1" width="74" height="32" class="terminal" rx="10"/>

  740.                             <text class="terminal" x="237" y="21">{$END}</text>

  741.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m106 0 h10 m0 0 h10 m52 0 h10 m0 0 h10 m74 0 h10 m3 0 h-3"/>

  742.                             <polygon points="321 17 329 13 329 21"/>

  743.                             <polygon points="321 17 313 13 313 21"/>

  744.                         </svg>

  745.                         <div class="ebnf code area">

  746.                             <a href="#ebnfFunction" title="Function">Function</a> ::= <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a> <a href="#ebnfCode" title="Code">Code</a> '{$END}'

  747.                         </div>

  748.                         <div class="references">

  749.                             <span>referenced by:</span>

  750.                             <ul>

  751.                                 <li>

  752.                                     <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a>

  753.                                 </li>

  754.                             </ul>

  755.                         </div>

  756.                     </div>

  757. 

  758.                     <div id="ebnfClassFunction" class="syntax_sub">

  759.                         <h5>ClassFunction</h5>

  760.                         <svg xmlns="http://www.w3.org/2000/svg" width="396" height="114">

  761.                             <polygon points="9 95 1 91 1 99"/>

  762.                             <polygon points="17 95 9 91 9 99"/>

  763.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfFunctionHead" xlink:title="FunctionHead">

  764.                                 <rect x="31" y="81" width="106" height="32"/>

  765.                                 <rect x="29" y="79" width="106" height="32" class="nonterminal"/>

  766.                                 <text class="nonterminal" x="39" y="99">FunctionHead</text>

  767.                             </a>

  768.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  769.                                 <rect x="177" y="47" width="52" height="32"/>

  770.                                 <rect x="175" y="45" width="52" height="32" class="nonterminal"/>

  771.                                 <text class="nonterminal" x="185" y="65">Code</text>

  772.                             </a>

  773.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfInherited" xlink:title="Inherited">

  774.                                 <rect x="177" y="3" width="78" height="32"/>

  775.                                 <rect x="175" y="1" width="78" height="32" class="nonterminal"/>

  776.                                 <text class="nonterminal" x="185" y="21">Inherited</text>

  777.                             </a>

  778.                             <rect x="295" y="81" width="74" height="32" rx="10"/>

  779.                             <rect x="293" y="79" width="74" height="32" class="terminal" rx="10"/>

  780.                             <text class="terminal" x="303" y="99">{$END}</text>

  781.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 95 h2 m0 0 h10 m106 0 h10 m20 0 h10 m0 0 h88 m-118 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m98 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-98 0 h10 m52 0 h10 m0 0 h26 m-108 10 l0 -44 q0 -10 10 -10 m108 54 l0 -44 q0 -10 -10 -10 m-98 0 h10 m78 0 h10 m20 78 h10 m74 0 h10 m3 0 h-3"/>

  782.                             <polygon points="387 95 395 91 395 99"/>

  783.                             <polygon points="387 95 379 91 379 99"/>

  784.                         </svg>

  785.                         <div class="ebnf code area">

  786.                             <a href="#ebnfClassFunction" title="ClassFunction">ClassFunction</a> ::= <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a> ( <a href="#ebnfCode" title="Code">Code</a> | <a href="#ebnfInherited" title="Inherited">Inherited</a> )* '{$END}'

  787.                         </div>

  788.                         <div class="references">

  789.                             <span>referenced by:</span>

  790.                             <ul>

  791.                                 <li>

  792.                                     <a href="#ebnfClass" title="Class">Class</a>

  793.                                 </li>

  794.                             </ul>

  795.                         </div>

  796.                     </div>

  797. 

  798.                     <div id="ebnfFunctionHead" class="syntax_sub">

  799.                         <h5>FunctionHead</h5>

  800.                         <svg xmlns="http://www.w3.org/2000/svg" width="908" height="68">

  801.                             <polygon points="9 33 1 29 1 37"/>

  802.                             <polygon points="17 33 9 29 9 37"/>

  803.                             <rect x="31" y="19" width="74" height="32" rx="10"/>

  804.                             <rect x="29" y="17" width="74" height="32" class="terminal" rx="10"/>

  805.                             <text class="terminal" x="39" y="37">{$FUNC</text>

  806.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfReturnType" xlink:title="ReturnType">

  807.                                 <rect x="125" y="19" width="92" height="32"/>

  808.                                 <rect x="123" y="17" width="92" height="32" class="nonterminal"/>

  809.                                 <text class="nonterminal" x="133" y="37">ReturnType</text>

  810.                             </a>

  811.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMethodName" xlink:title="MethodName">

  812.                                 <rect x="237" y="19" width="102" height="32"/>

  813.                                 <rect x="235" y="17" width="102" height="32" class="nonterminal"/>

  814.                                 <text class="nonterminal" x="245" y="37">MethodName</text>

  815.                             </a>

  816.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameterType" xlink:title="ParameterType">

  817.                                 <rect x="399" y="19" width="116" height="32"/>

  818.                                 <rect x="397" y="17" width="116" height="32" class="nonterminal"/>

  819.                                 <text class="nonterminal" x="407" y="37">ParameterType</text>

  820.                             </a>

  821.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameterName" xlink:title="ParameterName">

  822.                                 <rect x="535" y="19" width="122" height="32"/>

  823.                                 <rect x="533" y="17" width="122" height="32" class="nonterminal"/>

  824.                                 <text class="nonterminal" x="543" y="37">ParameterName</text>

  825.                             </a>

  826.                             <rect x="737" y="19" width="76" height="32" rx="10"/>

  827.                             <rect x="735" y="17" width="76" height="32" class="terminal" rx="10"/>

  828.                             <text class="terminal" x="745" y="37">$INLINE</text>

  829.                             <rect x="853" y="19" width="28" height="32" rx="10"/>

  830.                             <rect x="851" y="17" width="28" height="32" class="terminal" rx="10"/>

  831.                             <text class="terminal" x="861" y="37">}</text>

  832.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 33 h2 m0 0 h10 m74 0 h10 m0 0 h10 m92 0 h10 m0 0 h10 m102 0 h10 m40 0 h10 m116 0 h10 m0 0 h10 m122 0 h10 m-298 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -12 q0 -10 10 -10 m278 32 l20 0 m-20 0 q10 0 10 -10 l0 -12 q0 -10 -10 -10 m-278 0 h10 m0 0 h268 m-318 32 h20 m318 0 h20 m-358 0 q10 0 10 10 m338 0 q0 -10 10 -10 m-348 10 v14 m338 0 v-14 m-338 14 q0 10 10 10 m318 0 q10 0 10 -10 m-328 10 h10 m0 0 h308 m40 -34 h10 m76 0 h10 m-116 0 h20 m96 0 h20 m-136 0 q10 0 10 10 m116 0 q0 -10 10 -10 m-126 10 v14 m116 0 v-14 m-116 14 q0 10 10 10 m96 0 q10 0 10 -10 m-106 10 h10 m0 0 h86 m20 -34 h10 m28 0 h10 m3 0 h-3"/>

  833.                             <polygon points="899 33 907 29 907 37"/>

  834.                             <polygon points="899 33 891 29 891 37"/>

  835.                         </svg>

  836.                         <div class="ebnf code area">

  837.                             <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a> ::= '{$FUNC' <a href="#ebnfReturnType" title="ReturnType">ReturnType</a> <a href="#ebnfMethodName" title="MethodName">MethodName</a> ( <a href="#ebnfParameterType" title="ParameterType">ParameterType</a> <a href="#ebnfParameterName" title="ParameterName">ParameterName</a> )* '$INLINE'? '}'

  838.                         </div>

  839.                         <div class="references">

  840.                             <span>referenced by:</span>

  841.                             <ul>

  842.                                 <li>

  843.                                     <a href="#ebnfClassFunction" title="ClassFunction">ClassFunction</a>

  844.                                 </li>

  845.                                 <li>

  846.                                     <a href="#ebnfFunction" title="Function">Function</a>

  847.                                 </li>

  848.                             </ul>

  849.                         </div>

  850.                     </div>

  851.                 </div>

  852.             </div>

  853. 

  854.             <div class="box closed">

  855.                 <div class="head">

  856.                     <div class="icon open">+</div>

  857.                     <div class="icon close">-</div>

  858.                     <h4>Example:</h4>

  859.                 </div>

  860.                 <div class="content">

  861.                     simple example:

  862.                     <div class="code area">

  863.                         <span class="pre">{<a href="#ebnfFunction">$FUNC</a> 'vec4' 'getColor'}</span>

  864.                         <br/>

  865.                         <div>

  866.                             <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'sampler2D' 'uColorMap'}</span>

  867.                             <br/>

  868.                             <span class="type">vec2</span> texCoord = <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st;<br/>

  869.                             <span class="keyword">return</span>

  870.                             <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  871.                         </div>

  872.                         <span class="pre">{$END}</span>

  873.                         <br/>

  874.                         <br/>

  875.                         <span class="buildin">gl_FragColor</span> = <span class="pre">{<a href="#ebnfCall">$CALL</a> getColor}</span>;

  876.                     </div>

  877.                     <br/>

  878.                     resulting code:

  879.                     <div class="code area">

  880.                         <span class="keyword">uniform</span>

  881.                         <span class="type">sampler2D</span> uColorMap;<br/>

  882.                         <br/>

  883.                         <span class="type">vec4</span> getColor()<br/>

  884.                         {<br/>

  885.                         <div>

  886.                             <span class="type">vec2</span> texCoord = <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st;<br/>

  887.                             <span class="keyword">return</span>

  888.                             <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  889.                         </div>

  890.                         }<br/>

  891.                         <br/>

  892.                         <span class="buildin">gl_FragColor</span> = getColor();

  893.                     </div>

  894.                 </div>

  895.             </div>

  896.         </div>

  897. 

  898.         <!-- Main -->

  899.         <div id="Main">

  900.             <h2>Main</h2>

  901. 

  902.             <div class="box closed">

  903.                 <div class="head">

  904.                     <div class="icon open">+</div>

  905.                     <div class="icon close">-</div>

  906.                     <h4>Description:</h4>

  907.                 </div>

  908.                 <div class="content">

  909.                     The {<a href="#ebnfMain">$MAIN</a>} token is a special procedure without parameters that will be called automatically by the pre compiler, when the code is generated. The {<a href="#ebnfMain">$MAIN</a>} token is necessary inside a class and optional inside a shader file.<br/>

  910.                 </div>

  911.             </div>

  912. 

  913.             <div class="box closed">

  914.                 <div class="head">

  915.                     <div class="icon open">+</div>

  916.                     <div class="icon close">-</div>

  917.                     <h4>Syntax:</h4>

  918.                 </div>

  919.                 <div class="content">

  920.                     <div id="ebnfMain" class="syntax_sub">

  921.                         <h5>Main</h5>

  922.                         <svg xmlns="http://www.w3.org/2000/svg" width="306" height="36">

  923.                             <polygon points="9 17 1 13 1 21"/>

  924.                             <polygon points="17 17 9 13 9 21"/>

  925.                             <rect x="31" y="3" width="82" height="32" rx="10"/>

  926.                             <rect x="29" y="1" width="82" height="32" class="terminal" rx="10"/>

  927.                             <text class="terminal" x="39" y="21">{$MAIN}</text>

  928.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  929.                                 <rect x="133" y="3" width="52" height="32"/>

  930.                                 <rect x="131" y="1" width="52" height="32" class="nonterminal"/>

  931.                                 <text class="nonterminal" x="141" y="21">Code</text>

  932.                             </a>

  933.                             <rect x="205" y="3" width="74" height="32" rx="10"/>

  934.                             <rect x="203" y="1" width="74" height="32" class="terminal" rx="10"/>

  935.                             <text class="terminal" x="213" y="21">{$END}</text>

  936.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m82 0 h10 m0 0 h10 m52 0 h10 m0 0 h10 m74 0 h10 m3 0 h-3"/>

  937.                             <polygon points="297 17 305 13 305 21"/>

  938.                             <polygon points="297 17 289 13 289 21"/>

  939.                         </svg>

  940.                         <div class="ebnf code area">

  941.                             <a href="#ebnfMain" title="Main">Main</a> ::= '{$MAIN}' <a href="#ebnfCode" title="Code">Code</a> '{$END}'

  942.                         </div>

  943.                         <div class="references">

  944.                             <span>referenced by:</span>

  945.                             <ul>

  946.                                 <li>

  947.                                     <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a>

  948.                                 </li>

  949.                             </ul>

  950.                         </div>

  951.                     </div>

  952. 

  953.                     <div id="ebnfClassMain" class="syntax_sub">

  954.                         <h5>ClassMain</h5>

  955.                         <svg xmlns="http://www.w3.org/2000/svg" width="372" height="114">

  956.                             <polygon points="9 95 1 91 1 99"/>

  957.                             <polygon points="17 95 9 91 9 99"/>

  958.                             <rect x="31" y="81" width="82" height="32" rx="10"/>

  959.                             <rect x="29" y="79" width="82" height="32" class="terminal" rx="10"/>

  960.                             <text class="terminal" x="39" y="99">{$MAIN}</text>

  961.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  962.                                 <rect x="153" y="47" width="52" height="32"/>

  963.                                 <rect x="151" y="45" width="52" height="32" class="nonterminal"/>

  964.                                 <text class="nonterminal" x="161" y="65">Code</text>

  965.                             </a>

  966.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfInherited" xlink:title="Inherited">

  967.                                 <rect x="153" y="3" width="78" height="32"/>

  968.                                 <rect x="151" y="1" width="78" height="32" class="nonterminal"/>

  969.                                 <text class="nonterminal" x="161" y="21">Inherited</text>

  970.                             </a>

  971.                             <rect x="271" y="81" width="74" height="32" rx="10"/>

  972.                             <rect x="269" y="79" width="74" height="32" class="terminal" rx="10"/>

  973.                             <text class="terminal" x="279" y="99">{$END}</text>

  974.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 95 h2 m0 0 h10 m82 0 h10 m20 0 h10 m0 0 h88 m-118 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m98 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-98 0 h10 m52 0 h10 m0 0 h26 m-108 10 l0 -44 q0 -10 10 -10 m108 54 l0 -44 q0 -10 -10 -10 m-98 0 h10 m78 0 h10 m20 78 h10 m74 0 h10 m3 0 h-3"/>

  975.                             <polygon points="363 95 371 91 371 99"/>

  976.                             <polygon points="363 95 355 91 355 99"/>

  977.                         </svg>

  978.                         <div class="ebnf code area">

  979.                             <a href="#ebnfClassMain" title="ClassMain">ClassMain</a> ::= '{$MAIN}' ( <a href="#ebnfCode" title="Code">Code</a> | <a href="#ebnfInherited" title="Inherited">Inherited</a> )* '{$END}'

  980.                         </div>

  981.                         <div class="references">

  982.                             <span>referenced by:</span>

  983.                             <ul>

  984.                                 <li>

  985.                                     <a href="#ebnfClass" title="Class">Class</a>

  986.                                 </li>

  987.                             </ul>

  988.                         </div>

  989.                     </div>

  990.                 </div>

  991.             </div>

  992. 

  993.             <div class="box closed">

  994.                 <div class="head">

  995.                     <div class="noselect icon open">+</div>

  996.                     <div class="noselect icon close">-</div>

  997.                     <h4>Example:</h4>

  998.                 </div>

  999.                 <div class="content">

  1000.                     simple example:

  1001.                     <div class="code area">

  1002.                         <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span>

  1003.                         <br/>

  1004.                         <div>

  1005.                             <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  1006.                             <span class="buildin">gl_FrontColor</span> = <span class="buildin">gl_Color</span>;<br/>

  1007.                         </div>

  1008.                         <span class="pre">{$END}</span>

  1009.                     </div>

  1010.                     <br/>

  1011.                     resulting code:

  1012.                     <div class="code area">

  1013.                         <span class="type">void</span> main(<span class="type">void</span>)<br/>

  1014.                         {<br/>

  1015.                         <div>

  1016.                             <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  1017.                             <span class="buildin">gl_FrontColor</span> = <span class="buildin">gl_Color</span>;<br/>

  1018.                         </div>

  1019.                         }

  1020.                     </div>

  1021.                 </div>

  1022.             </div>

  1023.         </div>

  1024. 

  1025.         <!-- Call -->

  1026.         <div id="Call">

  1027.             <h2>Call</h2>

  1028. 

  1029.             <div class="box closed">

  1030.                 <div class="head">

  1031.                     <div class="noselect icon open">+</div>

  1032.                     <div class="noselect icon close">-</div>

  1033.                     <h4>Description:</h4>

  1034.                 </div>

  1035.                 <div class="content">

  1036.                     The {<a href="#ebnfCall">$CALL</a>} token tells the precompiler to execute a method.<br/>

  1037.                     If the method is marked with the $INLINE token the code of this method will be copied and pasted in the resulting code. Be careful with inlined methods, because the precompiler will not check the variable names inside the method, so you maybe have a duplicate variable when it is pasted inside the resulting code.<br/>

  1038.                     If the method is not marked with the $INLINE token a normal method will be generated in the resulting code.<br/>

  1039.                 </div>

  1040.             </div>

  1041. 

  1042.             <div class="box closed">

  1043.                 <div class="head">

  1044.                     <div class="noselect icon open">+</div>

  1045.                     <div class="noselect icon close">-</div>

  1046.                     <h4>Syntax:</h4>

  1047.                 </div>

  1048.                 <div class="content">

  1049.                     <div id="ebnfCall" class="syntax_sub">

  1050.                         <h5>Call</h5>

  1051.                         <svg xmlns="http://www.w3.org/2000/svg" width="446" height="70">

  1052.                             <polygon points="9 51 1 47 1 55"/>

  1053.                             <polygon points="17 51 9 47 9 55"/>

  1054.                             <rect x="31" y="37" width="72" height="32" rx="10"/>

  1055.                             <rect x="29" y="35" width="72" height="32" class="terminal" rx="10"/>

  1056.                             <text class="terminal" x="39" y="55">{$CALL</text>

  1057.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMethodName" xlink:title="MethodName">

  1058.                                 <rect x="123" y="37" width="102" height="32"/>

  1059.                                 <rect x="121" y="35" width="102" height="32" class="nonterminal"/>

  1060.                                 <text class="nonterminal" x="131" y="55">MethodName</text>

  1061.                             </a>

  1062.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameter" xlink:title="Parameter">

  1063.                                 <rect x="265" y="3" width="86" height="32"/>

  1064.                                 <rect x="263" y="1" width="86" height="32" class="nonterminal"/>

  1065.                                 <text class="nonterminal" x="273" y="21">Parameter</text>

  1066.                             </a>

  1067.                             <rect x="391" y="37" width="28" height="32" rx="10"/>

  1068.                             <rect x="389" y="35" width="28" height="32" class="terminal" rx="10"/>

  1069.                             <text class="terminal" x="399" y="55">}</text>

  1070.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 51 h2 m0 0 h10 m72 0 h10 m0 0 h10 m102 0 h10 m20 0 h10 m0 0 h96 m-126 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m106 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-106 0 h10 m86 0 h10 m20 34 h10 m28 0 h10 m3 0 h-3"/>

  1071.                             <polygon points="437 51 445 47 445 55"/>

  1072.                             <polygon points="437 51 429 47 429 55"/>

  1073.                         </svg>

  1074.                         <div class="ebnf code area">

  1075.                             <a href="#ebnfCall" title="Call">Call</a> ::= '{$CALL' <a href="#ebnfMethodName" title="MethodName">MethodName</a> <a href="#ebnfParameter" title="Parameter">Parameter</a>* '}'

  1076.                         </div>

  1077.                         <div class="references">

  1078.                             <span>referenced by:</span>

  1079.                             <ul>

  1080.                                 <li>

  1081.                                     <a href="#ebnfCode" title="Code">Code</a>

  1082.                                 </li>

  1083.                             </ul>

  1084.                         </div>

  1085.                     </div>

  1086.                 </div>

  1087.             </div>

  1088. 

  1089.             <div class="box closed">

  1090.                 <div class="head">

  1091.                     <div class="noselect icon open">+</div>

  1092.                     <div class="noselect icon close">-</div>

  1093.                     <h4>Example:</h4>

  1094.                 </div>

  1095.                 <div class="content">

  1096.                     simple example:

  1097.                     <div class="code area">

  1098.                         <span class="pre">{<a href="#ebnfFunction">$FUNC</a> 'vec4' 'getColor'}</span>

  1099.                         <br/>

  1100.                         <div>

  1101.                             <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'sampler2D' 'uColorMap'}</span>

  1102.                             <br/>

  1103.                             <span class="type">vec2</span> texCoord = <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st;<br/>

  1104.                             <span class="keyword">return</span>

  1105.                             <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  1106.                         </div>

  1107.                         <span class="pre">{$END}</span>

  1108.                         <br/>

  1109.                         <br/>

  1110.                         <span class="buildin">gl_FragColor</span> = <span class="pre">{<a href="#ebnfCall">$CALL</a> getColor}</span>;

  1111.                     </div>

  1112.                     <br/>

  1113.                     resulting code:

  1114.                     <div class="code area">

  1115.                         <span class="keyword">uniform</span>

  1116.                         <span class="type">sampler2D</span> uColorMap;<br/>

  1117.                         <br/>

  1118.                         <span class="type">vec4</span> getColor()<br/>

  1119.                         {<br/>

  1120.                         <div>

  1121.                             <span class="type">vec2</span> texCoord = <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st;<br/>

  1122.                             <span class="keyword">return</span>

  1123.                             <span class="func">texture2D</span>(uColorMap, texCoord);<br/>

  1124.                         </div>

  1125.                         }<br/>

  1126.                         <br/>

  1127.                         <span class="buildin">gl_FragColor</span> = getColor();

  1128.                     </div>

  1129.                 </div>

  1130.             </div>

  1131.         </div>

  1132. 

  1133.         <!-- Inherited -->

  1134.         <div id="Inherited">

  1135.             <h2>Inherited</h2>

  1136. 

  1137.             <div class="box closed">

  1138.                 <div class="head">

  1139.                     <div class="noselect icon open">+</div>

  1140.                     <div class="noselect icon close">-</div>

  1141.                     <h4>Description:</h4>

  1142.                 </div>

  1143.                 <div class="content">

  1144.                     The {<a href="#ebnfInherited">$INHERITED</a>} token is a special {<a href="#ebnfCall">$CALL</a>} token. It can only be used inside a {<a href="#ebnfClass">$CLASS</a>}. It will call a method inside a parent class. If you add the $INLINE token, the called method will be inlined. Be careful with inlined methods, because the precompiler will not check the variable names inside the method, so you maybe have a duplicate variable when it is pasted inside the resulting code.<br/>

  1145.                 </div>

  1146.             </div>

  1147. 

  1148.             <div class="box closed">

  1149.                 <div class="head">

  1150.                     <div class="noselect icon open">+</div>

  1151.                     <div class="noselect icon close">-</div>

  1152.                     <h4>Syntax:</h4>

  1153.                 </div>

  1154.                 <div class="content">

  1155.                     <div id="ebnfInherited" class="syntax_sub">

  1156.                         <h5>Inherited</h5>

  1157.                         <svg xmlns="http://www.w3.org/2000/svg" width="812" height="86">

  1158.                             <polygon points="9 51 1 47 1 55"/>

  1159.                             <polygon points="17 51 9 47 9 55"/>

  1160.                             <rect x="31" y="37" width="112" height="32" rx="10"/>

  1161.                             <rect x="29" y="35" width="112" height="32" class="terminal" rx="10"/>

  1162.                             <text class="terminal" x="39" y="55">{$INHERITED</text>

  1163.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfClassName" xlink:title="ClassName">

  1164.                                 <rect x="183" y="37" width="90" height="32"/>

  1165.                                 <rect x="181" y="35" width="90" height="32" class="nonterminal"/>

  1166.                                 <text class="nonterminal" x="191" y="55">ClassName</text>

  1167.                             </a>

  1168.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMethodName" xlink:title="MethodName">

  1169.                                 <rect x="333" y="37" width="102" height="32"/>

  1170.                                 <rect x="331" y="35" width="102" height="32" class="nonterminal"/>

  1171.                                 <text class="nonterminal" x="341" y="55">MethodName</text>

  1172.                             </a>

  1173.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfParameter" xlink:title="Parameter">

  1174.                                 <rect x="495" y="3" width="86" height="32"/>

  1175.                                 <rect x="493" y="1" width="86" height="32" class="nonterminal"/>

  1176.                                 <text class="nonterminal" x="503" y="21">Parameter</text>

  1177.                             </a>

  1178.                             <rect x="641" y="37" width="76" height="32" rx="10"/>

  1179.                             <rect x="639" y="35" width="76" height="32" class="terminal" rx="10"/>

  1180.                             <text class="terminal" x="649" y="55">$INLINE</text>

  1181.                             <rect x="757" y="37" width="28" height="32" rx="10"/>

  1182.                             <rect x="755" y="35" width="28" height="32" class="terminal" rx="10"/>

  1183.                             <text class="terminal" x="765" y="55">}</text>

  1184.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 51 h2 m0 0 h10 m112 0 h10 m20 0 h10 m90 0 h10 m-130 0 h20 m110 0 h20 m-150 0 q10 0 10 10 m130 0 q0 -10 10 -10 m-140 10 v14 m130 0 v-14 m-130 14 q0 10 10 10 m110 0 q10 0 10 -10 m-120 10 h10 m0 0 h100 m40 -34 h10 m102 0 h10 m-142 0 h20 m122 0 h20 m-162 0 q10 0 10 10 m142 0 q0 -10 10 -10 m-152 10 v14 m142 0 v-14 m-142 14 q0 10 10 10 m122 0 q10 0 10 -10 m-132 10 h10 m0 0 h112 m40 -34 h10 m0 0 h96 m-126 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m106 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-106 0 h10 m86 0 h10 m40 34 h10 m76 0 h10 m-116 0 h20 m96 0 h20 m-136 0 q10 0 10 10 m116 0 q0 -10 10 -10 m-126 10 v14 m116 0 v-14 m-116 14 q0 10 10 10 m96 0 q10 0 10 -10 m-106 10 h10 m0 0 h86 m20 -34 h10 m28 0 h10 m3 0 h-3"/>

  1185.                             <polygon points="803 51 811 47 811 55"/>

  1186.                             <polygon points="803 51 795 47 795 55"/>

  1187.                         </svg>

  1188.                         <div class="ebnf code area">

  1189.                             <a href="#ebnfInherited" title="Inherited">Inherited</a> ::= '{$INHERITED' <a href="#ebnfClassName" title="ClassName">ClassName</a>? <a href="#ebnfMethodName" title="MethodName">MethodName</a>? <a href="#ebnfParameter" title="Parameter">Parameter</a>* '$INLINE'? '}'

  1190.                         </div>

  1191.                         <div class="references">

  1192.                             <span>referenced by:</span>

  1193.                             <ul>

  1194.                                 <li>

  1195.                                     <a href="#ebnfClassFunction" title="ClassFunction">ClassFunction</a>

  1196.                                 </li>

  1197.                                 <li>

  1198.                                     <a href="#ebnfClassMain" title="ClassMain">ClassMain</a>

  1199.                                 </li>

  1200.                                 <li>

  1201.                                     <a href="#ebnfClassProcedure" title="ClassProcedure">ClassProcedure</a>

  1202.                                 </li>

  1203.                             </ul>

  1204.                         </div>

  1205.                     </div>

  1206.                 </div>

  1207.             </div>

  1208. 

  1209.             <div class="box closed">

  1210.                 <div class="head">

  1211.                     <div class="noselect icon open">+</div>

  1212.                     <div class="noselect icon close">-</div>

  1213.                     <h4>Example:</h4>

  1214.                 </div>

  1215.                 <div class="content">

  1216.                     example:

  1217.                     <div class="code area">

  1218.                         <span class="pre">{<a href="#ebnfClass">$CLASS</a> ColorVert}</span><br/>

  1219.                         <div>

  1220.                             <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span><br/>

  1221.                             <div>

  1222.                                 <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  1223.                                 <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>] = <span class="buildin">gl_MultiTexCoord0</span>;<br/>

  1224.                             </div>

  1225.                             <span class="pre">{$END}</span><br/>

  1226.                         </div>

  1227.                         <span class="pre">{$END}</span><br/>

  1228.                         <br/>

  1229.                         <span class="pre">{<a href="#ebnfClass">$CLASS</a> PhongLightVert $EXTENDS ColorVert}</span><br/>

  1230.                         <div>

  1231.                             <span class="pre">{<a href="#ebnfMain">$MAIN</a>}</span><br/>

  1232.                             <div>

  1233.                                 <span class="pre">{<a href="#ebnfVarying">$VARYING</a> 'vec3' 'vNormal'}</span><br/>

  1234.                                 <span class="pre">{<a href="#ebnfVarying">$VARYING</a> 'vec3' 'vVertex'}</span><br/>

  1235.                                 <span class="pre">{<a href="#ebnfInherited">$INHERITED</a> ColorVert $INLINE};</span><br/>

  1236.                                 vNormal = <span class="func">normalize</span>(<span class="buildin">gl_NormalMatrix</span> * <span class="buildin">gl_Normal</span>);<br/>

  1237.                                 vVertex = <span class="type">vec3</span>(<span class="buildin">gl_ModelViewMatrix</span> * <span class="buildin">gl_Vertex</span>);<br/>

  1238.                             </div>

  1239.                             <span class="pre">{$END}</span><br/>

  1240.                         </div>

  1241.                         <span class="pre">{$END}</span><br/>

  1242.                     </div>

  1243.                     <br/>

  1244.                     resulting code:

  1245.                     <div class="code area">

  1246.                         <span class="keyword">varying</span> <span class="type">vec3</span> vNormal;<br/>

  1247.                         <span class="keyword">varying</span> <span class="type">vec3</span> vVertex;<br/>

  1248.                         <br/>

  1249.                         <span class="type">void</span> main(<span class="type">void</span>)<br/>

  1250.                         {<br/>

  1251.                         <div>

  1252.                             <span class="buildin">gl_Position</span> = <span class="buildin">gl_ModelViewProjectionMatrix</span> * <span class="buildin">gl_Vertex</span>;<br/>

  1253.                             <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>] = <span class="buildin">gl_MultiTexCoord0</span>;<br/>

  1254.                             vNormal = <span class="func">normalize</span>(<span class="buildin">gl_NormalMatrix</span> * <span class="buildin">gl_Normal</span>);<br/>

  1255.                             vVertex = <span class="type">vec3</span>(<span class="buildin">gl_ModelViewMatrix</span> * <span class="buildin">gl_Vertex</span>);<br/>

  1256.                         </div>

  1257.                         }<br/>

  1258.                     </div>

  1259.                 </div>

  1260.             </div>

  1261.         </div>

  1262. 

  1263.         <!-- Include -->

  1264.         <div id="Include">

  1265.             <h2>Include</h2>

  1266. 

  1267.             <div class="box closed">

  1268.                 <div class="head">

  1269.                     <div class="icon open">+</div>

  1270.                     <div class="icon close">-</div>

  1271.                     <h4>Description:</h4>

  1272.                 </div>

  1273.                 <div class="content">

  1274.                     Using the {<a href="#ebnfInclude">$INCLUDE</a>} token you can add another shader file to the current file.

  1275.                 </div>

  1276.             </div>

  1277. 

  1278.             <div class="box closed">

  1279.                 <div class="head">

  1280.                     <div class="icon open">+</div>

  1281.                     <div class="icon close">-</div>

  1282.                     <h4>Syntax:</h4>

  1283.                 </div>

  1284.                 <div class="content">

  1285.                     <div id="ebnfInclude" class="syntax_sub">

  1286.                         <h5>Include</h5>

  1287.                         <svg xmlns="http://www.w3.org/2000/svg" width="294" height="36">

  1288.                             <polygon points="9 17 1 13 1 21"/>

  1289.                             <polygon points="17 17 9 13 9 21"/>

  1290.                             <rect x="31" y="3" width="98" height="32" rx="10"/>

  1291.                             <rect x="29" y="1" width="98" height="32" class="terminal" rx="10"/>

  1292.                             <text class="terminal" x="39" y="21">{$INCLUDE</text>

  1293.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfFilepath" xlink:title="Filepath">

  1294.                                 <rect x="149" y="3" width="70" height="32"/>

  1295.                                 <rect x="147" y="1" width="70" height="32" class="nonterminal"/>

  1296.                                 <text class="nonterminal" x="157" y="21">Filepath</text>

  1297.                             </a>

  1298.                             <rect x="239" y="3" width="28" height="32" rx="10"/>

  1299.                             <rect x="237" y="1" width="28" height="32" class="terminal" rx="10"/>

  1300.                             <text class="terminal" x="247" y="21">}</text>

  1301.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m98 0 h10 m0 0 h10 m70 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  1302.                             <polygon points="285 17 293 13 293 21"/>

  1303.                             <polygon points="285 17 277 13 277 21"/>

  1304.                         </svg>

  1305.                         <div class="ebnf code area">

  1306.                             <a href="#ebnfInclude" title="Include">Include</a>  ::= '{$INCLUDE' <a href="#ebnfFilepath" title="Filepath">Filepath</a> '}'

  1307.                         </div>

  1308.                         <div class="references">

  1309.                             <span>referenced by:</span>

  1310.                             <ul>

  1311.                                 <li>

  1312.                                     <a href="#ebnfCode" title="Code">Code</a>

  1313.                                 </li>

  1314.                             </ul>

  1315.                         </div>

  1316.                     </div>

  1317.                 </div>

  1318.             </div>

  1319. 

  1320.             <div class="box closed">

  1321.                 <div class="head">

  1322.                     <div class="icon open">+</div>

  1323.                     <div class="icon close">-</div>

  1324.                     <h4>Example:</h4>

  1325.                 </div>

  1326.                 <div class="content code area">

  1327.                     <span class="pre">{<a href="#ebnfInclude">$INCLUDE</a> './path/to/file.shdr'}</span>

  1328.                 </div>

  1329.             </div>

  1330.         </div>

  1331. 

  1332.         <!-- Property -->

  1333.         <div id="Property">

  1334.             <h2>Property</h2>

  1335. 

  1336.             <div class="box closed">

  1337.                 <div class="head">

  1338.                     <div class="icon open">+</div>

  1339.                     <div class="icon close">-</div>

  1340.                     <h4>Description:</h4>

  1341.                 </div>

  1342.                 <div class="content">

  1343.                     The {<a href="#ebnfProperty">$PROPERTY</a>} token defines a property. The value of the property can be changed inside the application code, before generating the resulting shader code.

  1344.                 </div>

  1345.             </div>

  1346. 

  1347.             <div class="box closed">

  1348.                 <div class="head">

  1349.                     <div class="icon open">+</div>

  1350.                     <div class="icon close">-</div>

  1351.                     <h4>Syntax:</h4>

  1352.                 </div>

  1353.                 <div class="content">

  1354.                     <div id="ebnfProperty" class="syntax_sub">

  1355.                         <h5>Property</h5>

  1356.                         <svg xmlns="http://www.w3.org/2000/svg" width="496" height="96">

  1357.                             <polygon points="9 17 1 13 1 21"/>

  1358.                             <polygon points="17 17 9 13 9 21"/>

  1359.                             <rect x="31" y="3" width="110" height="32" rx="10"/>

  1360.                             <rect x="29" y="1" width="110" height="32" class="terminal" rx="10"/>

  1361.                             <text class="terminal" x="39" y="21">{$PROPERTY</text>

  1362.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfPropertyName" xlink:title="PropertyName">

  1363.                                 <rect x="161" y="3" width="110" height="32"/>

  1364.                                 <rect x="159" y="1" width="110" height="32" class="nonterminal"/>

  1365.                                 <text class="nonterminal" x="169" y="21">PropertyName</text>

  1366.                             </a>

  1367.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStaticName" xlink:title="StaticName">

  1368.                                 <rect x="311" y="3" width="90" height="32"/>

  1369.                                 <rect x="309" y="1" width="90" height="32" class="nonterminal"/>

  1370.                                 <text class="nonterminal" x="319" y="21">StaticName</text>

  1371.                             </a>

  1372.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfValue" xlink:title="Value">

  1373.                                 <rect x="311" y="47" width="54" height="32"/>

  1374.                                 <rect x="309" y="45" width="54" height="32" class="nonterminal"/>

  1375.                                 <text class="nonterminal" x="319" y="65">Value</text>

  1376.                             </a>

  1377.                             <rect x="441" y="3" width="28" height="32" rx="10"/>

  1378.                             <rect x="439" y="1" width="28" height="32" class="terminal" rx="10"/>

  1379.                             <text class="terminal" x="449" y="21">}</text>

  1380.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m110 0 h10 m0 0 h10 m110 0 h10 m20 0 h10 m90 0 h10 m-130 0 h20 m110 0 h20 m-150 0 q10 0 10 10 m130 0 q0 -10 10 -10 m-140 10 v24 m130 0 v-24 m-130 24 q0 10 10 10 m110 0 q10 0 10 -10 m-120 10 h10 m54 0 h10 m0 0 h36 m-120 -10 v20 m130 0 v-20 m-130 20 v14 m130 0 v-14 m-130 14 q0 10 10 10 m110 0 q10 0 10 -10 m-120 10 h10 m0 0 h100 m20 -78 h10 m28 0 h10 m3 0 h-3"/>

  1381.                             <polygon points="487 17 495 13 495 21"/>

  1382.                             <polygon points="487 17 479 13 479 21"/>

  1383.                         </svg>

  1384.                         <div class="ebnf code area">

  1385.                             <a href="#ebnfProperty" title="Property">Property</a> ::= '{$PROPERTY' <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a> ( <a href="#ebnfStaticName" title="StaticName">StaticName</a> | <a href="#ebnfValue" title="Value">Value</a> )? '}'

  1386.                         </div>

  1387.                         <div class="references">

  1388.                             <span>referenced by:</span>

  1389.                             <ul>

  1390.                                 <li>

  1391.                                     <a href="#ebnfCode" title="Code">Code</a>

  1392.                                 </li>

  1393.                             </ul>

  1394.                         </div>

  1395.                     </div>

  1396.                 </div>

  1397.             </div>

  1398. 

  1399.             <div class="box closed">

  1400.                 <div class="head">

  1401.                     <div class="icon open">+</div>

  1402.                     <div class="icon close">-</div>

  1403.                     <h4>Example:</h4>

  1404.                 </div>

  1405.                 <div class="content code area">

  1406.                     <span class="pre">{<a href="#ebnfProperty">$PROPERTY</a> MyBoolProperty 'true'}</span>

  1407.                 </div>

  1408.             </div>

  1409.         </div>

  1410. 

  1411.         <!-- Static -->

  1412.         <div id="Static">

  1413.             <h2>Static</h2>

  1414. 

  1415.             <div class="box closed">

  1416.                 <div class="head">

  1417.                     <div class="icon open">+</div>

  1418.                     <div class="icon close">-</div>

  1419.                     <h4>Description:</h4>

  1420.                 </div>

  1421.                 <div class="content">

  1422.                     The {<a href="#ebnfStatic">$STATIC</a>} token defines a static constant. It is used to name a magic value, for a better code.

  1423.                 </div>

  1424.             </div>

  1425. 

  1426.             <div class="box closed">

  1427.                 <div class="head">

  1428.                     <div class="icon open">+</div>

  1429.                     <div class="icon close">-</div>

  1430.                     <h4>Syntax:</h4>

  1431.                 </div>

  1432.                 <div class="content">

  1433.                     <div id="ebnfStatic" class="syntax_sub">

  1434.                         <h5>Static</h5>

  1435.                         <svg xmlns="http://www.w3.org/2000/svg" width="416" height="52">

  1436.                             <polygon points="9 17 1 13 1 21"/>

  1437.                             <polygon points="17 17 9 13 9 21"/>

  1438.                             <rect x="31" y="3" width="86" height="32" rx="10"/>

  1439.                             <rect x="29" y="1" width="86" height="32" class="terminal" rx="10"/>

  1440.                             <text class="terminal" x="39" y="21">{$STATIC</text>

  1441.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStaticName" xlink:title="StaticName">

  1442.                                 <rect x="137" y="3" width="90" height="32"/>

  1443.                                 <rect x="135" y="1" width="90" height="32" class="nonterminal"/>

  1444.                                 <text class="nonterminal" x="145" y="21">StaticName</text>

  1445.                             </a>

  1446.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfValue" xlink:title="Value">

  1447.                                 <rect x="267" y="3" width="54" height="32"/>

  1448.                                 <rect x="265" y="1" width="54" height="32" class="nonterminal"/>

  1449.                                 <text class="nonterminal" x="275" y="21">Value</text>

  1450.                             </a>

  1451.                             <rect x="361" y="3" width="28" height="32" rx="10"/>

  1452.                             <rect x="359" y="1" width="28" height="32" class="terminal" rx="10"/>

  1453.                             <text class="terminal" x="369" y="21">}</text>

  1454.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m86 0 h10 m0 0 h10 m90 0 h10 m20 0 h10 m54 0 h10 m-94 0 h20 m74 0 h20 m-114 0 q10 0 10 10 m94 0 q0 -10 10 -10 m-104 10 v14 m94 0 v-14 m-94 14 q0 10 10 10 m74 0 q10 0 10 -10 m-84 10 h10 m0 0 h64 m20 -34 h10 m28 0 h10 m3 0 h-3"/>

  1455.                             <polygon points="407 17 415 13 415 21"/>

  1456.                             <polygon points="407 17 399 13 399 21"/>

  1457.                         </svg>

  1458.                         <div class="ebnf code area">

  1459.                             <a href="#ebnfStatic" title="Static">Static</a> ::= '{$STATIC' <a href="#ebnfStaticName" title="StaticName">StaticName</a> <a href="#ebnfValue" title="Value">Value</a>? '}'

  1460.                         </div>

  1461.                         <div class="references">

  1462.                             <span>referenced by:</span>

  1463.                             <ul>

  1464.                                 <li>

  1465.                                     <a href="#ebnfCode" title="Code">Code</a>

  1466.                                 </li>

  1467.                             </ul>

  1468.                         </div>

  1469.                     </div>

  1470.                 </div>

  1471.             </div>

  1472. 

  1473.             <div class="box closed">

  1474.                 <div class="head">

  1475.                     <div class="icon open">+</div>

  1476.                     <div class="icon close">-</div>

  1477.                     <h4>Example:</h4>

  1478.                 </div>

  1479.                 <div class="content code area">

  1480.                     <span class="pre">{<a href="#ebnfStatic">$STATIC</a> MyStaticDouble '123.4'}</span>

  1481.                 </div>

  1482.             </div>

  1483.         </div>

  1484. 

  1485.         <!-- If -->

  1486.         <div id="If">

  1487.             <h2>If</h2>

  1488. 

  1489.             <div class="box closed">

  1490.                 <div class="head">

  1491.                     <div class="icon open">+</div>

  1492.                     <div class="icon close">-</div>

  1493.                     <h4>Description:</h4>

  1494.                 </div>

  1495.                 <div class="content">

  1496.                     Using the {<a href="#ebnfIf">$IF</a>} token you can add another path to the decision tree. 

  1497.                 </div>

  1498.             </div>

  1499. 

  1500.             <div class="box closed">

  1501.                 <div class="head">

  1502.                     <div class="icon open">+</div>

  1503.                     <div class="icon close">-</div>

  1504.                     <h4>Syntax Diagram:</h4>

  1505.                 </div>

  1506.                 <div class="content">

  1507.                     <div id="ebnfIf" class="syntax_sub">

  1508.                         <h5>If</h5>

  1509.                         <svg xmlns="http://www.w3.org/2000/svg" width="684" height="96">

  1510.                             <polygon points="9 61 1 57 1 65"/>

  1511.                             <polygon points="17 61 9 57 9 65"/>

  1512.                             <rect x="31" y="47" width="52" height="32" rx="10"/>

  1513.                             <rect x="29" y="45" width="52" height="32" class="terminal" rx="10"/>

  1514.                             <text class="terminal" x="39" y="65">{$IF</text>

  1515.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExpression" xlink:title="Expression">

  1516.                                 <rect x="123" y="47" width="88" height="32"/>

  1517.                                 <rect x="121" y="45" width="88" height="32" class="nonterminal"/>

  1518.                                 <text class="nonterminal" x="131" y="65">Expression</text>

  1519.                             </a>

  1520.                             <rect x="231" y="47" width="28" height="32" rx="10"/>

  1521.                             <rect x="229" y="45" width="28" height="32" class="terminal" rx="10"/>

  1522.                             <text class="terminal" x="239" y="65">}</text>

  1523.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  1524.                                 <rect x="279" y="47" width="52" height="32"/>

  1525.                                 <rect x="277" y="45" width="52" height="32" class="nonterminal"/>

  1526.                                 <text class="nonterminal" x="287" y="65">Code</text>

  1527.                             </a>

  1528.                             <rect x="123" y="3" width="68" height="32" rx="10"/>

  1529.                             <rect x="121" y="1" width="68" height="32" class="terminal" rx="10"/>

  1530.                             <text class="terminal" x="131" y="21">{$ELIF</text>

  1531.                             <rect x="391" y="47" width="80" height="32" rx="10"/>

  1532.                             <rect x="389" y="45" width="80" height="32" class="terminal" rx="10"/>

  1533.                             <text class="terminal" x="399" y="65">{$ELSE}</text>

  1534.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCode" xlink:title="Code">

  1535.                                 <rect x="491" y="47" width="52" height="32"/>

  1536.                                 <rect x="489" y="45" width="52" height="32" class="nonterminal"/>

  1537.                                 <text class="nonterminal" x="499" y="65">Code</text>

  1538.                             </a>

  1539.                             <rect x="583" y="47" width="74" height="32" rx="10"/>

  1540.                             <rect x="581" y="45" width="74" height="32" class="terminal" rx="10"/>

  1541.                             <text class="terminal" x="591" y="65">{$END}</text>

  1542.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 61 h2 m0 0 h10 m52 0 h10 m20 0 h10 m88 0 h10 m0 0 h10 m28 0 h10 m0 0 h10 m52 0 h10 m-248 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -24 q0 -10 10 -10 m228 44 l20 0 m-20 0 q10 0 10 -10 l0 -24 q0 -10 -10 -10 m-228 0 h10 m68 0 h10 m0 0 h140 m40 44 h10 m80 0 h10 m0 0 h10 m52 0 h10 m-192 0 h20 m172 0 h20 m-212 0 q10 0 10 10 m192 0 q0 -10 10 -10 m-202 10 v14 m192 0 v-14 m-192 14 q0 10 10 10 m172 0 q10 0 10 -10 m-182 10 h10 m0 0 h162 m20 -34 h10 m74 0 h10 m3 0 h-3"/>

  1543.                             <polygon points="675 61 683 57 683 65"/>

  1544.                             <polygon points="675 61 667 57 667 65"/>

  1545.                         </svg>

  1546.                         <div class="ebnf code area">

  1547.                             <a href="#ebnfIf" title="If">If</a> ::= '{$IF' <a href="#ebnfExpression" title="Expression">Expression</a> '}' <a href="#ebnfCode" title="Code">Code</a> ( '{$ELIF' <a href="#ebnfExpression" title="Expression">Expression</a> '}' <a href="#ebnfCode" title="Code">Code</a> )* ( '{$ELSE}' <a href="#ebnfCode" title="Code">Code</a> )? '{$END}'

  1548.                         </div>

  1549.                         <div class="references">

  1550.                             <span>referenced by:</span>

  1551.                             <ul>

  1552.                                 <li>

  1553.                                     <a href="#ebnfCode" title="Code">Code</a>

  1554.                                 </li>

  1555.                             </ul>

  1556.                         </div>

  1557.                     </div>

  1558.                 </div>

  1559.             </div>

  1560. 

  1561.             <div class="box closed">

  1562.                 <div class="head">

  1563.                     <div class="icon open">+</div>

  1564.                     <div class="icon close">-</div>

  1565.                     <h4>Example:</h4>

  1566.                 </div>

  1567.                 <div class="content">

  1568.                     simple example:

  1569.                     <div class="code area">

  1570.                         <span class="pre">{<a href="#ebnfFunction">$FUNC</a> 'vec4' GetColor $INLINE}</span><br/>

  1571.                         <div>

  1572.                             <span class="pre">{<a href="#ebnfIf">$IF</a> UseColorMap}</span><br/>

  1573.                             <div>

  1574.                                 <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'sampler2D' 'uColorMap'}</span><br/>

  1575.                                 <span class="keyword">return</span><span class="func">texture2D</span>(uColorMap, <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st);<br/>

  1576.                             </div>

  1577.                             <span class="pre">{<a href="#ebnfIf">$ELSE</a>}</span><br/>

  1578.                             <div>

  1579.                                 <span class="keyword">return</span> <span class="buildin">gl_Color</span>;<br/>

  1580.                             </div>

  1581.                             <span class="pre">{$END}</span><br/>

  1582.                         </div>

  1583.                         <span class="pre">{$END}</span>

  1584.                     </div>

  1585.                     <br/>

  1586.                     resulting code for UseColorMap = true

  1587.                     <div class="code area">

  1588.                         <span class="keyword">uniform</span>

  1589.                         <span class="type">sampler2D</span> uColorMap;<br/>

  1590.                         <br/>

  1591.                         <span class="type">void</span> main(<span class="type">void</span>)<br/>

  1592.                         {<br/>

  1593.                         <div>

  1594.                             <span class="buildin">gl_FragColor</span> = (<span class="func">texture2D</span>(uColorMap, <span class="buildin">gl_TexCoord</span>[<span class="number">0</span>].st));<br/>

  1595.                         </div>

  1596.                         }

  1597.                     </div>

  1598.                 </div>

  1599.             </div>

  1600.         </div>

  1601. 

  1602.         <!-- Messages -->

  1603.         <div id="Messages">

  1604.             <h2>Messages</h2>

  1605. 

  1606.             <div class="box closed">

  1607.                 <div class="head">

  1608.                     <div class="icon open">+</div>

  1609.                     <div class="icon close">-</div>

  1610.                     <h4>Description:</h4>

  1611.                 </div>

  1612.                 <div class="content">

  1613.                     Using the {$INFO}, {$WARNING} or {$ERROR} token you can generate a log message, when the resulting code is generated.<br/>

  1614.                     Using the {$THROW} token will throw a exception while generating the resulting code.

  1615.                 </div>

  1616.             </div>

  1617. 

  1618.             <div class="box closed">

  1619.                 <div class="head">

  1620.                     <div class="icon open">+</div>

  1621.                     <div class="icon close">-</div>

  1622.                     <h4>Syntax Diagram:</h4>

  1623.                 </div>

  1624.                 <div class="content">

  1625.                     <div id="ebnfInfo" class="syntax_sub">

  1626.                         <h5>Info</h5>

  1627.                         <svg xmlns="http://www.w3.org/2000/svg" width="292" height="36">

  1628.                             <polygon points="9 17 1 13 1 21"/>

  1629.                             <polygon points="17 17 9 13 9 21"/>

  1630.                             <rect x="31" y="3" width="72" height="32" rx="10"/>

  1631.                             <rect x="29" y="1" width="72" height="32" class="terminal" rx="10"/>

  1632.                             <text class="terminal" x="39" y="21">{$INFO</text>

  1633.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1634.                                 <rect x="123" y="3" width="94" height="32"/>

  1635.                                 <rect x="121" y="1" width="94" height="32" class="nonterminal"/>

  1636.                                 <text class="nonterminal" x="131" y="21">TextQuoted</text>

  1637.                             </a>

  1638.                             <rect x="237" y="3" width="28" height="32" rx="10"/>

  1639.                             <rect x="235" y="1" width="28" height="32" class="terminal" rx="10"/>

  1640.                             <text class="terminal" x="245" y="21">}</text>

  1641.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m72 0 h10 m0 0 h10 m94 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  1642.                             <polygon points="283 17 291 13 291 21"/>

  1643.                             <polygon points="283 17 275 13 275 21"/>

  1644.                         </svg>

  1645.                         <div class="ebnf code area">

  1646.                             <a href="#ebnfInfo" title="Info">Info</a> ::= '{$INFO' <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> '}'

  1647.                         </div>

  1648.                         <div class="references">

  1649.                             <span>referenced by:</span>

  1650.                             <ul>

  1651.                                 <li>

  1652.                                     <a href="#ebnfCode" title="Code">Code</a>

  1653.                                 </li>

  1654.                             </ul>

  1655.                         </div>

  1656.                     </div>

  1657. 

  1658.                     <div id="ebnfWarning" class="syntax_sub">

  1659.                         <h5>Warning</h5>

  1660.                         <svg xmlns="http://www.w3.org/2000/svg" width="326" height="36">

  1661.                             <polygon points="9 17 1 13 1 21"/>

  1662.                             <polygon points="17 17 9 13 9 21"/>

  1663.                             <rect x="31" y="3" width="106" height="32" rx="10"/>

  1664.                             <rect x="29" y="1" width="106" height="32" class="terminal" rx="10"/>

  1665.                             <text class="terminal" x="39" y="21">{$WARNING</text>

  1666.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1667.                                 <rect x="157" y="3" width="94" height="32"/>

  1668.                                 <rect x="155" y="1" width="94" height="32" class="nonterminal"/>

  1669.                                 <text class="nonterminal" x="165" y="21">TextQuoted</text>

  1670.                             </a>

  1671.                             <rect x="271" y="3" width="28" height="32" rx="10"/>

  1672.                             <rect x="269" y="1" width="28" height="32" class="terminal" rx="10"/>

  1673.                             <text class="terminal" x="279" y="21">}</text>

  1674.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m106 0 h10 m0 0 h10 m94 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  1675.                             <polygon points="317 17 325 13 325 21"/>

  1676.                             <polygon points="317 17 309 13 309 21"/>

  1677.                         </svg>

  1678.                         <div class="ebnf code area">

  1679.                             <a href="#ebnfWarning" title="Warning">Warning</a> ::= '{$WARNING' <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> '}'

  1680.                         </div>

  1681.                         <div class="references">

  1682.                             <span>referenced by:</span>

  1683.                             <ul>

  1684.                                 <li>

  1685.                                     <a href="#ebnfCode" title="Code">Code</a>

  1686.                                 </li>

  1687.                             </ul>

  1688.                         </div>

  1689.                     </div>

  1690. 

  1691.                     <div id="ebnfError" class="syntax_sub">

  1692.                         <h5>Error</h5>

  1693.                         <svg xmlns="http://www.w3.org/2000/svg" width="304" height="36">

  1694.                             <polygon points="9 17 1 13 1 21"/>

  1695.                             <polygon points="17 17 9 13 9 21"/>

  1696.                             <rect x="31" y="3" width="84" height="32" rx="10"/>

  1697.                             <rect x="29" y="1" width="84" height="32" class="terminal" rx="10"/>

  1698.                             <text class="terminal" x="39" y="21">{$ERROR</text>

  1699.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1700.                                 <rect x="135" y="3" width="94" height="32"/>

  1701.                                 <rect x="133" y="1" width="94" height="32" class="nonterminal"/>

  1702.                                 <text class="nonterminal" x="143" y="21">TextQuoted</text>

  1703.                             </a>

  1704.                             <rect x="249" y="3" width="28" height="32" rx="10"/>

  1705.                             <rect x="247" y="1" width="28" height="32" class="terminal" rx="10"/>

  1706.                             <text class="terminal" x="257" y="21">}</text>

  1707.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m84 0 h10 m0 0 h10 m94 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  1708.                             <polygon points="295 17 303 13 303 21"/>

  1709.                             <polygon points="295 17 287 13 287 21"/>

  1710.                         </svg>

  1711.                         <div class="ebnf code area">

  1712.                             <a href="#ebnfError" title="Error">Error</a> ::= '{$ERROR' <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> '}'

  1713.                         </div>

  1714.                         <div class="references">

  1715.                             <span>referenced by:</span>

  1716.                             <ul>

  1717.                                 <li>

  1718.                                     <a href="#ebnfCode" title="Code">Code</a>

  1719.                                 </li>

  1720.                             </ul>

  1721.                         </div>

  1722.                     </div>

  1723. 

  1724.                     <div id="ebnfThrow" class="syntax_sub">

  1725.                         <h5>Throw</h5>

  1726.                         <svg xmlns="http://www.w3.org/2000/svg" width="310" height="36">

  1727.                             <polygon points="9 17 1 13 1 21"/>

  1728.                             <polygon points="17 17 9 13 9 21"/>

  1729.                             <rect x="31" y="3" width="90" height="32" rx="10"/>

  1730.                             <rect x="29" y="1" width="90" height="32" class="terminal" rx="10"/>

  1731.                             <text class="terminal" x="39" y="21">{$THROW</text>

  1732.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1733.                                 <rect x="141" y="3" width="94" height="32"/>

  1734.                                 <rect x="139" y="1" width="94" height="32" class="nonterminal"/>

  1735.                                 <text class="nonterminal" x="149" y="21">TextQuoted</text>

  1736.                             </a>

  1737.                             <rect x="255" y="3" width="28" height="32" rx="10"/>

  1738.                             <rect x="253" y="1" width="28" height="32" class="terminal" rx="10"/>

  1739.                             <text class="terminal" x="263" y="21">}</text>

  1740.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m90 0 h10 m0 0 h10 m94 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  1741.                             <polygon points="301 17 309 13 309 21"/>

  1742.                             <polygon points="301 17 293 13 293 21"/>

  1743.                         </svg>

  1744.                         <div class="ebnf code area">

  1745.                             <a href="#ebnfThrow" title="Throw">Throw</a> ::= '{$THROW' <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> '}'

  1746.                         </div>

  1747.                         <div class="references">

  1748.                             <span>referenced by:</span>

  1749.                             <ul>

  1750.                                 <li>

  1751.                                     <a href="#ebnfCode" title="Code">Code</a>

  1752.                                 </li>

  1753.                             </ul>

  1754.                         </div>

  1755.                     </div>

  1756.                 </div>

  1757.             </div>

  1758. 

  1759.             <div class="box closed">

  1760.                 <div class="head">

  1761.                     <div class="icon open">+</div>

  1762.                     <div class="icon close">-</div>

  1763.                     <h4>Example:</h4>

  1764.                 </div>

  1765.                 <div class="content code area">

  1766.                     <span class="pre">{$INFO 'This is a simple info message.'}</span>

  1767.                 </div>

  1768.             </div>

  1769.         </div>

  1770. 

  1771.         <!-- Meta -->

  1772.         <div id="Meta">

  1773.             <h2>Meta</h2>

  1774. 

  1775.             <div class="box closed">

  1776.                 <div class="head">

  1777.                     <div class="icon open">+</div>

  1778.                     <div class="icon close">-</div>

  1779.                     <h4>Description:</h4>

  1780.                 </div>

  1781.                 <div class="content">

  1782.                     The {<a href="#ebnfMeta">$META</a>} token is used to add meta information like version and extension to the resulting code.

  1783.                 </div>

  1784.             </div>

  1785. 

  1786.             <div class="box closed">

  1787.                 <div class="head">

  1788.                     <div class="icon open">+</div>

  1789.                     <div class="icon close">-</div>

  1790.                     <h4>Syntax:</h4>

  1791.                 </div>

  1792.                 <div class="content">

  1793.                     <div id="ebnfMeta" class="syntax_sub">

  1794.                         <h5>Meta</h5>

  1795.                         <svg xmlns="http://www.w3.org/2000/svg" width="630" height="212">

  1796.                             <polygon points="9 51 1 47 1 55"/>

  1797.                             <polygon points="17 51 9 47 9 55"/>

  1798.                             <rect x="31" y="37" width="74" height="32" rx="10"/>

  1799.                             <rect x="29" y="35" width="74" height="32" class="terminal" rx="10"/>

  1800.                             <text class="terminal" x="39" y="55">{$META</text>

  1801.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1802.                                 <rect x="165" y="3" width="94" height="32"/>

  1803.                                 <rect x="163" y="1" width="94" height="32" class="nonterminal"/>

  1804.                                 <text class="nonterminal" x="173" y="21">TextQuoted</text>

  1805.                             </a>

  1806.                             <rect x="145" y="69" width="90" height="32" rx="10"/>

  1807.                             <rect x="143" y="67" width="90" height="32" class="terminal" rx="10"/>

  1808.                             <text class="terminal" x="153" y="87">$VERSION</text>

  1809.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfVersionNumber" xlink:title="VersionNumber">

  1810.                                 <rect x="255" y="69" width="116" height="32"/>

  1811.                                 <rect x="253" y="67" width="116" height="32" class="nonterminal"/>

  1812.                                 <text class="nonterminal" x="263" y="87">VersionNumber</text>

  1813.                             </a>

  1814.                             <rect x="411" y="69" width="104" height="32" rx="10"/>

  1815.                             <rect x="409" y="67" width="104" height="32" class="terminal" rx="10"/>

  1816.                             <text class="terminal" x="419" y="87">compatibility</text>

  1817.                             <rect x="145" y="135" width="108" height="32" rx="10"/>

  1818.                             <rect x="143" y="133" width="108" height="32" class="terminal" rx="10"/>

  1819.                             <text class="terminal" x="153" y="153">$EXTENSION</text>

  1820.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExtensionName" xlink:title="ExtensionName">

  1821.                                 <rect x="273" y="135" width="118" height="32"/>

  1822.                                 <rect x="271" y="133" width="118" height="32" class="nonterminal"/>

  1823.                                 <text class="nonterminal" x="281" y="153">ExtensionName</text>

  1824.                             </a>

  1825.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExtensionValue" xlink:title="ExtensionValue">

  1826.                                 <rect x="411" y="135" width="116" height="32"/>

  1827.                                 <rect x="409" y="133" width="116" height="32" class="nonterminal"/>

  1828.                                 <text class="nonterminal" x="419" y="153">ExtensionValue</text>

  1829.                             </a>

  1830.                             <rect x="145" y="179" width="84" height="32" rx="10"/>

  1831.                             <rect x="143" y="177" width="84" height="32" class="terminal" rx="10"/>

  1832.                             <text class="terminal" x="153" y="197">$LAYOUT</text>

  1833.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfLayoutValue" xlink:title="LayoutValue">

  1834.                                 <rect x="249" y="179" width="98" height="32"/>

  1835.                                 <rect x="247" y="177" width="98" height="32" class="nonterminal"/>

  1836.                                 <text class="nonterminal" x="257" y="197">LayoutValue</text>

  1837.                             </a>

  1838.                             <rect x="575" y="37" width="28" height="32" rx="10"/>

  1839.                             <rect x="573" y="35" width="28" height="32" class="terminal" rx="10"/>

  1840.                             <text class="terminal" x="583" y="55">}</text>

  1841.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 51 h2 m0 0 h10 m74 0 h10 m40 0 h10 m0 0 h104 m-134 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m114 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-114 0 h10 m94 0 h10 m20 34 h256 m-430 0 h20 m410 0 h20 m-450 0 q10 0 10 10 m430 0 q0 -10 10 -10 m-440 10 v12 m430 0 v-12 m-430 12 q0 10 10 10 m410 0 q10 0 10 -10 m-420 10 h10 m90 0 h10 m0 0 h10 m116 0 h10 m20 0 h10 m104 0 h10 m-144 0 h20 m124 0 h20 m-164 0 q10 0 10 10 m144 0 q0 -10 10 -10 m-154 10 v14 m144 0 v-14 m-144 14 q0 10 10 10 m124 0 q10 0 10 -10 m-134 10 h10 m0 0 h114 m-400 -44 v20 m430 0 v-20 m-430 20 v46 m430 0 v-46 m-430 46 q0 10 10 10 m410 0 q10 0 10 -10 m-420 10 h10 m108 0 h10 m0 0 h10 m118 0 h10 m0 0 h10 m116 0 h10 m0 0 h8 m-420 -10 v20 m430 0 v-20 m-430 20 v24 m430 0 v-24 m-430 24 q0 10 10 10 m410 0 q10 0 10 -10 m-420 10 h10 m84 0 h10 m0 0 h10 m98 0 h10 m0 0 h188 m20 -142 h10 m28 0 h10 m3 0 h-3"/>

  1842.                             <polygon points="621 51 629 47 629 55"/>

  1843.                             <polygon points="621 51 613 47 613 55"/>

  1844.                         </svg>

  1845.                         <div class="ebnf code area">

  1846.                             <a href="#ebnfMeta" title="Meta">Meta</a> ::= '{$META' ( <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a>* | '$VERSION' <a href="#ebnfVersionNumber" title="VersionNumber">VersionNumber</a> 'compatibility'? | '$EXTENSION' <a href="#ebnfExtensionName" title="ExtensionName">ExtensionName</a> <a href="#ebnfExtensionValue" title="ExtensionValue">ExtensionValue</a> | '$LAYOUT' <a href="#ebnfLayoutValue" title="LayoutValue">LayoutValue</a> ) '}'

  1847.                         </div>

  1848.                         <div class="references">

  1849.                             <span>referenced by:</span>

  1850.                             <ul>

  1851.                                 <li>

  1852.                                     <a href="#ebnfCode" title="Code">Code</a>

  1853.                                 </li>

  1854.                             </ul>

  1855.                         </div>

  1856.                     </div>

  1857.                 </div>

  1858.             </div>

  1859. 

  1860.             <div class="box closed">

  1861.                 <div class="head">

  1862.                     <div class="icon open">+</div>

  1863.                     <div class="icon close">-</div>

  1864.                     <h4>Example:</h4>

  1865.                 </div>

  1866.                 <div class="content code area">

  1867.                     <span class="pre">{$META $VERSION 130 compatibility}</span>

  1868.                 </div>

  1869.             </div>

  1870.         </div>

  1871. 

  1872.         <!-- Echo -->

  1873.         <div id="Echo">

  1874.             <h2>Echo</h2>

  1875. 

  1876.             <div class="box closed">

  1877.                 <div class="head">

  1878.                     <div class="icon open">+</div>

  1879.                     <div class="icon close">-</div>

  1880.                     <h4>Description:</h4>

  1881.                 </div>

  1882.                 <div class="content">

  1883.                     The {<a href="#ebnfEcho">$ECHO</a>} token will add the value of a {<a href="#ebnfStatic">$STATIC</a>} or {<a href="#ebnfProperty">$PROPERTY</a>} to the resulting code.

  1884.                 </div>

  1885.             </div>

  1886. 

  1887.             <div class="box closed">

  1888.                 <div class="head">

  1889.                     <div class="icon open">+</div>

  1890.                     <div class="icon close">-</div>

  1891.                     <h4>Syntax:</h4>

  1892.                 </div>

  1893.                 <div class="content">

  1894.                     <div id="ebnfEcho" class="syntax_sub">

  1895.                         <h5>Echo</h5>

  1896.                         <svg xmlns="http://www.w3.org/2000/svg" width="352" height="124">

  1897.                             <polygon points="9 17 1 13 1 21"/>

  1898.                             <polygon points="17 17 9 13 9 21"/>

  1899.                             <rect x="31" y="3" width="76" height="32" rx="10"/>

  1900.                             <rect x="29" y="1" width="76" height="32" class="terminal" rx="10"/>

  1901.                             <text class="terminal" x="39" y="21">{$ECHO</text>

  1902.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStaticName" xlink:title="StaticName">

  1903.                                 <rect x="147" y="3" width="90" height="32"/>

  1904.                                 <rect x="145" y="1" width="90" height="32" class="nonterminal"/>

  1905.                                 <text class="nonterminal" x="155" y="21">StaticName</text>

  1906.                             </a>

  1907.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfPropertyName" xlink:title="PropertyName">

  1908.                                 <rect x="147" y="47" width="110" height="32"/>

  1909.                                 <rect x="145" y="45" width="110" height="32" class="nonterminal"/>

  1910.                                 <text class="nonterminal" x="155" y="65">PropertyName</text>

  1911.                             </a>

  1912.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  1913.                                 <rect x="147" y="91" width="94" height="32"/>

  1914.                                 <rect x="145" y="89" width="94" height="32" class="nonterminal"/>

  1915.                                 <text class="nonterminal" x="155" y="109">TextQuoted</text>

  1916.                             </a>

  1917.                             <rect x="297" y="3" width="28" height="32" rx="10"/>

  1918.                             <rect x="295" y="1" width="28" height="32" class="terminal" rx="10"/>

  1919.                             <text class="terminal" x="305" y="21">}</text>

  1920.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m76 0 h10 m20 0 h10 m90 0 h10 m0 0 h20 m-150 0 h20 m130 0 h20 m-170 0 q10 0 10 10 m150 0 q0 -10 10 -10 m-160 10 v24 m150 0 v-24 m-150 24 q0 10 10 10 m130 0 q10 0 10 -10 m-140 10 h10 m110 0 h10 m-140 -10 v20 m150 0 v-20 m-150 20 v24 m150 0 v-24 m-150 24 q0 10 10 10 m130 0 q10 0 10 -10 m-140 10 h10 m94 0 h10 m0 0 h16 m20 -88 h10 m28 0 h10 m3 0 h-3"/>

  1921.                             <polygon points="343 17 351 13 351 21"/>

  1922.                             <polygon points="343 17 335 13 335 21"/>

  1923.                         </svg>

  1924.                         <div class="ebnf code area">

  1925.                             <a href="#ebnfEcho" title="Echo">Echo</a> ::= '{$ECHO' ( <a href="#ebnfStaticName" title="StaticName">StaticName</a> | <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a> | <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> ) '}'

  1926.                         </div>

  1927.                         <div class="references">

  1928.                             <span>referenced by:</span>

  1929.                             <ul>

  1930.                                 <li>

  1931.                                     <a href="#ebnfCode" title="Code">Code</a>

  1932.                                 </li>

  1933.                             </ul>

  1934.                         </div>

  1935.                     </div>

  1936.                 </div>

  1937.             </div>

  1938. 

  1939.             <div class="box closed">

  1940.                 <div class="head">

  1941.                     <div class="icon open">+</div>

  1942.                     <div class="icon close">-</div>

  1943.                     <h4>Example:</h4>

  1944.                 </div>

  1945.                 <div class="content">

  1946.                     simple example:

  1947.                     <div class="code area">

  1948.                         <span class="pre">{<a href="#ebnfProperty">$PROPERTY</a> MyProperty '/* this is a test */'}</span><br/>

  1949.                         <span class="pre">{<a href="#ebnfEcho">$ECHO</a> MyProperty}</span>

  1950.                     </div>

  1951.                     <br/>

  1952.                     resulting code:

  1953.                     <div class="code area">

  1954.                         <span class="comment">/* this is a test */</span>

  1955.                     </div>

  1956.                 </div>

  1957.             </div>

  1958.         </div>

  1959. 

  1960.         <!-- Varying -->

  1961.         <div id="Varying">

  1962.             <h2>Varying</h2>

  1963. 

  1964.             <div class="box closed">

  1965.                 <div class="head">

  1966.                     <div class="icon open">+</div>

  1967.                     <div class="icon close">-</div>

  1968.                     <h4>Description:</h4>

  1969.                 </div>

  1970.                 <div class="content">

  1971.                     The {<a href="#ebnfVarying">$VARYING</a>} token defines a varying inside the resuling code.

  1972.                 </div>

  1973.             </div>

  1974. 

  1975.             <div class="box closed">

  1976.                 <div class="head">

  1977.                     <div class="icon open">+</div>

  1978.                     <div class="icon close">-</div>

  1979.                     <h4>Syntax:</h4>

  1980.                 </div>

  1981.                 <div class="content">

  1982.                     <div id="ebnfVarying" class="syntax_sub">

  1983.                         <h5>Varying</h5>

  1984.                         <svg xmlns="http://www.w3.org/2000/svg" width="488" height="36">

  1985.                             <polygon points="9 17 1 13 1 21"/>

  1986.                             <polygon points="17 17 9 13 9 21"/>

  1987.                             <rect x="31" y="3" width="100" height="32" rx="10"/>

  1988.                             <rect x="29" y="1" width="100" height="32" class="terminal" rx="10"/>

  1989.                             <text class="terminal" x="39" y="21">{$VARYING</text>

  1990.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  1991.                                 <rect x="151" y="3" width="118" height="32"/>

  1992.                                 <rect x="149" y="1" width="118" height="32" class="nonterminal"/>

  1993.                                 <text class="nonterminal" x="159" y="21">glslTypeQuoted</text>

  1994.                             </a>

  1995.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  1996.                                 <rect x="289" y="3" width="124" height="32"/>

  1997.                                 <rect x="287" y="1" width="124" height="32" class="nonterminal"/>

  1998.                                 <text class="nonterminal" x="297" y="21">IdentifierQuoted</text>

  1999.                             </a>

  2000.                             <rect x="433" y="3" width="28" height="32" rx="10"/>

  2001.                             <rect x="431" y="1" width="28" height="32" class="terminal" rx="10"/>

  2002.                             <text class="terminal" x="441" y="21">}</text>

  2003.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m100 0 h10 m0 0 h10 m118 0 h10 m0 0 h10 m124 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  2004.                             <polygon points="479 17 487 13 487 21"/>

  2005.                             <polygon points="479 17 471 13 471 21"/>

  2006.                         </svg>

  2007.                         <div class="ebnf code area">

  2008.                             <a href="#ebnfVarying" title="Varying">Varying</a> ::= '{$VARYING' <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a> <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a> '}'

  2009.                         </div>

  2010.                         <div class="references">

  2011.                             <span>referenced by:</span>

  2012.                             <ul>

  2013.                                 <li>

  2014.                                     <a href="#ebnfCode" title="Code">Code</a>

  2015.                                 </li>

  2016.                             </ul>

  2017.                         </div>

  2018.                     </div>

  2019.                 </div>

  2020.             </div>

  2021. 

  2022.             <div class="box closed">

  2023.                 <div class="head">

  2024.                     <div class="icon open">+</div>

  2025.                     <div class="icon close">-</div>

  2026.                     <h4>Example:</h4>

  2027.                 </div>

  2028.                 <div class="content">

  2029.                     simple example:

  2030.                     <div class="code area">

  2031.                         <span class="pre">{<a href="#ebnfVarying">$VARYING</a> 'vec4' 'vVertex'}</span><br/>

  2032.                     </div>

  2033.                     <br/>

  2034.                     resulting code:

  2035.                     <div class="code area">

  2036.                         <span class="keyword">varying</span> <span class="type">vec4</span> vVertex;

  2037.                     </div>

  2038.                 </div>

  2039.             </div>

  2040.         </div>

  2041. 

  2042.         <!-- Uniform -->

  2043.         <div id="Uniform">

  2044.             <h2>Uniform</h2>

  2045. 

  2046.             <div class="box closed">

  2047.                 <div class="head">

  2048.                     <div class="icon open">+</div>

  2049.                     <div class="icon close">-</div>

  2050.                     <h4>Description:</h4>

  2051.                 </div>

  2052.                 <div class="content">

  2053.                     The {<a href="#ebnfUniform">$UNIFORM</a>} token defines an uniform inside the resuling code.

  2054.                 </div>

  2055.             </div>

  2056. 

  2057.             <div class="box closed">

  2058.                 <div class="head">

  2059.                     <div class="icon open">+</div>

  2060.                     <div class="icon close">-</div>

  2061.                     <h4>Syntax:</h4>

  2062.                 </div>

  2063.                 <div class="content">

  2064.                     <div id="ebnfUniform" class="syntax_sub">

  2065.                         <h5>Uniform</h5>

  2066.                         <svg xmlns="http://www.w3.org/2000/svg" width="490" height="36">

  2067.                             <polygon points="9 17 1 13 1 21"/>

  2068.                             <polygon points="17 17 9 13 9 21"/>

  2069.                             <rect x="31" y="3" width="102" height="32" rx="10"/>

  2070.                             <rect x="29" y="1" width="102" height="32" class="terminal" rx="10"/>

  2071.                             <text class="terminal" x="39" y="21">{$UNIFORM</text>

  2072.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  2073.                                 <rect x="153" y="3" width="118" height="32"/>

  2074.                                 <rect x="151" y="1" width="118" height="32" class="nonterminal"/>

  2075.                                 <text class="nonterminal" x="161" y="21">glslTypeQuoted</text>

  2076.                             </a>

  2077.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  2078.                                 <rect x="291" y="3" width="124" height="32"/>

  2079.                                 <rect x="289" y="1" width="124" height="32" class="nonterminal"/>

  2080.                                 <text class="nonterminal" x="299" y="21">IdentifierQuoted</text>

  2081.                             </a>

  2082.                             <rect x="435" y="3" width="28" height="32" rx="10"/>

  2083.                             <rect x="433" y="1" width="28" height="32" class="terminal" rx="10"/>

  2084.                             <text class="terminal" x="443" y="21">}</text>

  2085.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m102 0 h10 m0 0 h10 m118 0 h10 m0 0 h10 m124 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  2086.                             <polygon points="481 17 489 13 489 21"/>

  2087.                             <polygon points="481 17 473 13 473 21"/>

  2088.                         </svg>

  2089.                         <div class="ebnf code area">

  2090.                             <a href="#ebnfUniform" title="Uniform">Uniform</a>  ::= '{$UNIFORM' <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a> <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a> '}'

  2091.                         </div>

  2092.                         <div class="references">

  2093.                             <span>referenced by:</span>

  2094.                             <ul>

  2095.                                 <li>

  2096.                                     <a href="#ebnfCode" title="Code">Code</a>

  2097.                                 </li>

  2098.                             </ul>

  2099.                         </div>

  2100.                     </div>

  2101.                 </div>

  2102.             </div>

  2103. 

  2104.             <div class="box closed">

  2105.                 <div class="head">

  2106.                     <div class="icon open">+</div>

  2107.                     <div class="icon close">-</div>

  2108.                     <h4>Example:</h4>

  2109.                 </div>

  2110.                 <div class="content">

  2111.                     simple example:

  2112.                     <div class="code area">

  2113.                         <span class="pre">{<a href="#ebnfUniform">$UNIFORM</a> 'vec4' 'uColor'}</span><br/>

  2114.                     </div>

  2115.                     <br/>

  2116.                     resulting code:

  2117.                     <div class="code area">

  2118.                         <span class="keyword">uniform</span> <span class="type">vec4</span> uColor;

  2119.                     </div>

  2120.                 </div>

  2121.             </div>

  2122.         </div>

  2123. 

  2124.         <!-- Var -->

  2125.         <div id="Var">

  2126.             <h2>Var</h2>

  2127. 

  2128.             <div class="box closed">

  2129.                 <div class="head">

  2130.                     <div class="icon open">+</div>

  2131.                     <div class="icon close">-</div>

  2132.                     <h4>Description:</h4>

  2133.                 </div>

  2134.                 <div class="content">

  2135.                     The {<a href="#ebnfVar">$VAR</a>} token defines a global variable inside the resuling code.

  2136.                 </div>

  2137.             </div>

  2138. 

  2139.             <div class="box closed">

  2140.                 <div class="head">

  2141.                     <div class="icon open">+</div>

  2142.                     <div class="icon close">-</div>

  2143.                     <h4>Syntax:</h4>

  2144.                 </div>

  2145.                 <div class="content">

  2146.                     <div id="ebnfVar" class="syntax_sub">

  2147.                         <h5>Var</h5>

  2148.                         <svg xmlns="http://www.w3.org/2000/svg" width="588" height="52">

  2149.                             <polygon points="9 17 1 13 1 21"/>

  2150.                             <polygon points="17 17 9 13 9 21"/>

  2151.                             <rect x="31" y="3" width="64" height="32" rx="10"/>

  2152.                             <rect x="29" y="1" width="64" height="32" class="terminal" rx="10"/>

  2153.                             <text class="terminal" x="39" y="21">{$VAR</text>

  2154.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  2155.                                 <rect x="115" y="3" width="118" height="32"/>

  2156.                                 <rect x="113" y="1" width="118" height="32" class="nonterminal"/>

  2157.                                 <text class="nonterminal" x="123" y="21">glslTypeQuoted</text>

  2158.                             </a>

  2159.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  2160.                                 <rect x="253" y="3" width="124" height="32"/>

  2161.                                 <rect x="251" y="1" width="124" height="32" class="nonterminal"/>

  2162.                                 <text class="nonterminal" x="261" y="21">IdentifierQuoted</text>

  2163.                             </a>

  2164.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslValue" xlink:title="glslValue">

  2165.                                 <rect x="417" y="3" width="76" height="32"/>

  2166.                                 <rect x="415" y="1" width="76" height="32" class="nonterminal"/>

  2167.                                 <text class="nonterminal" x="425" y="21">glslValue</text>

  2168.                             </a>

  2169.                             <rect x="533" y="3" width="28" height="32" rx="10"/>

  2170.                             <rect x="531" y="1" width="28" height="32" class="terminal" rx="10"/>

  2171.                             <text class="terminal" x="541" y="21">}</text>

  2172.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m64 0 h10 m0 0 h10 m118 0 h10 m0 0 h10 m124 0 h10 m20 0 h10 m76 0 h10 m-116 0 h20 m96 0 h20 m-136 0 q10 0 10 10 m116 0 q0 -10 10 -10 m-126 10 v14 m116 0 v-14 m-116 14 q0 10 10 10 m96 0 q10 0 10 -10 m-106 10 h10 m0 0 h86 m20 -34 h10 m28 0 h10 m3 0 h-3"/>

  2173.                             <polygon points="579 17 587 13 587 21"/>

  2174.                             <polygon points="579 17 571 13 571 21"/>

  2175.                         </svg>

  2176.                         <div class="ebnf code area">

  2177.                             <a href="#ebnfVar" title="Var">Var</a> ::= '{$VAR' <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a> <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a> <a href="#ebnfglslValue" title="glslValue">glslValue</a>? '}'

  2178.                         </div>

  2179.                         <div class="references">

  2180.                             <span>referenced by:</span>

  2181.                             <ul>

  2182.                                 <li>

  2183.                                     <a href="#ebnfCode" title="Code">Code</a>

  2184.                                 </li>

  2185.                             </ul>

  2186.                         </div>

  2187.                     </div>

  2188.                 </div>

  2189.             </div>

  2190. 

  2191.             <div class="box closed">

  2192.                 <div class="head">

  2193.                     <div class="icon open">+</div>

  2194.                     <div class="icon close">-</div>

  2195.                     <h4>Example:</h4>

  2196.                 </div>

  2197.                 <div class="content">

  2198.                     simple example:

  2199.                     <div class="code area">

  2200.                         <span class="pre">{<a href="#ebnfVar">$VAR</a> 'vec4' '_vertex' 'vec4(1.0)'}</span><br/>

  2201.                     </div>

  2202.                     <br/>

  2203.                     resulting code:

  2204.                     <div class="code area">

  2205.                         <span class="type">vec4</span> _vertex = <span class="type">vec4</span>(<span class="number">1.0</span>);

  2206.                     </div>

  2207.                 </div>

  2208.             </div>

  2209.         </div>

  2210. 

  2211.         <!-- Const -->

  2212.         <div id="Const">

  2213.             <h2>Const</h2>

  2214. 

  2215.             <div class="box closed">

  2216.                 <div class="head">

  2217.                     <div class="icon open">+</div>

  2218.                     <div class="icon close">-</div>

  2219.                     <h4>Description:</h4>

  2220.                 </div>

  2221.                 <div class="content">

  2222.                     The {<a href="#ebnfConst">$CONST</a>} token defines a global constant inside the resuling code.

  2223.                 </div>

  2224.             </div>

  2225. 

  2226.             <div class="box closed">

  2227.                 <div class="head">

  2228.                     <div class="icon open">+</div>

  2229.                     <div class="icon close">-</div>

  2230.                     <h4>Syntax:</h4>

  2231.                 </div>

  2232.                 <div class="content">

  2233.                     <div id="ebnfConst" class="syntax_sub">

  2234.                         <h5>Const</h5>

  2235.                         <svg xmlns="http://www.w3.org/2000/svg" width="568" height="36">

  2236.                             <polygon points="9 17 1 13 1 21"/>

  2237.                             <polygon points="17 17 9 13 9 21"/>

  2238.                             <rect x="31" y="3" width="84" height="32" rx="10"/>

  2239.                             <rect x="29" y="1" width="84" height="32" class="terminal" rx="10"/>

  2240.                             <text class="terminal" x="39" y="21">{$CONST</text>

  2241.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  2242.                                 <rect x="135" y="3" width="118" height="32"/>

  2243.                                 <rect x="133" y="1" width="118" height="32" class="nonterminal"/>

  2244.                                 <text class="nonterminal" x="143" y="21">glslTypeQuoted</text>

  2245.                             </a>

  2246.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  2247.                                 <rect x="273" y="3" width="124" height="32"/>

  2248.                                 <rect x="271" y="1" width="124" height="32" class="nonterminal"/>

  2249.                                 <text class="nonterminal" x="281" y="21">IdentifierQuoted</text>

  2250.                             </a>

  2251.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslValue" xlink:title="glslValue">

  2252.                                 <rect x="417" y="3" width="76" height="32"/>

  2253.                                 <rect x="415" y="1" width="76" height="32" class="nonterminal"/>

  2254.                                 <text class="nonterminal" x="425" y="21">glslValue</text>

  2255.                             </a>

  2256.                             <rect x="513" y="3" width="28" height="32" rx="10"/>

  2257.                             <rect x="511" y="1" width="28" height="32" class="terminal" rx="10"/>

  2258.                             <text class="terminal" x="521" y="21">}</text>

  2259.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m84 0 h10 m0 0 h10 m118 0 h10 m0 0 h10 m124 0 h10 m0 0 h10 m76 0 h10 m0 0 h10 m28 0 h10 m3 0 h-3"/>

  2260.                             <polygon points="559 17 567 13 567 21"/>

  2261.                             <polygon points="559 17 551 13 551 21"/>

  2262.                         </svg>

  2263.                         <div class="ebnf code area">

  2264.                             <a href="#ebnfConst" title="Const">Const</a>    ::= '{$CONST' <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a> <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a> <a href="#ebnfglslValue" title="glslValue">glslValue</a> '}'

  2265.                         </div>

  2266.                         <div class="references">

  2267.                             <span>referenced by:</span>

  2268.                             <ul>

  2269.                                 <li>

  2270.                                     <a href="#ebnfCode" title="Code">Code</a>

  2271.                                 </li>

  2272.                             </ul>

  2273.                         </div>

  2274.                     </div>

  2275.                 </div>

  2276.             </div>

  2277. 

  2278.             <div class="box closed">

  2279.                 <div class="head">

  2280.                     <div class="icon open">+</div>

  2281.                     <div class="icon close">-</div>

  2282.                     <h4>Example:</h4>

  2283.                 </div>

  2284.                 <div class="content ">

  2285.                     simple example:

  2286.                     <div class="code area">

  2287.                         <span class="pre">{<a href="#ebnfConst">$CONST</a> 'vec4' 'VERTEX' 'vec4(1.0)'}</span><br/>

  2288.                     </div>

  2289.                     <br/>

  2290.                     resulting code:

  2291.                     <div class="code area">

  2292.                         <span class="keyword">const</span> <span class="type">vec4</span> VERTEX = <span class="type">vec4</span>(<span class="number">1.0</span>);

  2293.                     </div>

  2294.                 </div>

  2295.             </div>

  2296.         </div>

  2297. 

  2298.         <!-- Types -->

  2299.         <div id="Types">

  2300.             <h2>Types</h2>

  2301.             <div class="box closed">

  2302.                 <div class="head">

  2303.                     <div class="icon open">+</div>

  2304.                     <div class="icon close">-</div>

  2305.                     <h4>Syntax Diagram:</h4>

  2306.                 </div>

  2307.                 <div class="content">

  2308.                     <div id="ebnfParameter" class="syntax_sub">

  2309.                         <h5>Parameter</h5>

  2310.                         <svg xmlns="http://www.w3.org/2000/svg" width="218" height="124">

  2311.                             <polygon points="9 17 1 13 1 21"/>

  2312.                             <polygon points="17 17 9 13 9 21"/>

  2313.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfPropertyName" xlink:title="PropertyName">

  2314.                                 <rect x="51" y="3" width="110" height="32"/>

  2315.                                 <rect x="49" y="1" width="110" height="32" class="nonterminal"/>

  2316.                                 <text class="nonterminal" x="59" y="21">PropertyName</text>

  2317.                             </a>

  2318.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStaticName" xlink:title="StaticName">

  2319.                                 <rect x="51" y="47" width="90" height="32"/>

  2320.                                 <rect x="49" y="45" width="90" height="32" class="nonterminal"/>

  2321.                                 <text class="nonterminal" x="59" y="65">StaticName</text>

  2322.                             </a>

  2323.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCodeQuoted" xlink:title="glslCodeQuoted">

  2324.                                 <rect x="51" y="91" width="120" height="32"/>

  2325.                                 <rect x="49" y="89" width="120" height="32" class="nonterminal"/>

  2326.                                 <text class="nonterminal" x="59" y="109">glslCodeQuoted</text>

  2327.                             </a>

  2328.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m20 0 h10 m110 0 h10 m0 0 h10 m-160 0 h20 m140 0 h20 m-180 0 q10 0 10 10 m160 0 q0 -10 10 -10 m-170 10 v24 m160 0 v-24 m-160 24 q0 10 10 10 m140 0 q10 0 10 -10 m-150 10 h10 m90 0 h10 m0 0 h30 m-150 -10 v20 m160 0 v-20 m-160 20 v24 m160 0 v-24 m-160 24 q0 10 10 10 m140 0 q10 0 10 -10 m-150 10 h10 m120 0 h10 m23 -88 h-3"/>

  2329.                             <polygon points="209 17 217 13 217 21"/>

  2330.                             <polygon points="209 17 201 13 201 21"/>

  2331.                         </svg>

  2332.                         <div class="ebnf code area">

  2333.                             <a href="#ebnfParameter" title="Parameter">Parameter</a> ::= <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a> | <a href="#ebnfStaticName" title="StaticName">StaticName</a> | <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a>

  2334.                         </div>

  2335.                         <div class="references">

  2336.                             <span>referenced by:</span>

  2337.                             <ul>

  2338.                                 <li>

  2339.                                     <a href="#ebnfCall" title="Call">Call</a>

  2340.                                 </li>

  2341.                                 <li>

  2342.                                     <a href="#ebnfInherited" title="Inherited">Inherited</a>

  2343.                                 </li>

  2344.                             </ul>

  2345.                         </div>

  2346.                     </div>

  2347. 

  2348.                     <div id="ebnfCode" class="syntax_sub">

  2349.                         <h5>Code</h5>

  2350.                         <svg xmlns="http://www.w3.org/2000/svg" width="172" height="716">

  2351.                             <polygon points="9 711 1 707 1 715"/>

  2352.                             <polygon points="17 711 9 707 9 715"/>

  2353.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCode" xlink:title="glslCode">

  2354.                                 <rect x="51" y="663" width="74" height="32"/>

  2355.                                 <rect x="49" y="661" width="74" height="32" class="nonterminal"/>

  2356.                                 <text class="nonterminal" x="59" y="681">glslCode</text>

  2357.                             </a>

  2358.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfCall" xlink:title="Call">

  2359.                                 <rect x="51" y="619" width="42" height="32"/>

  2360.                                 <rect x="49" y="617" width="42" height="32" class="nonterminal"/>

  2361.                                 <text class="nonterminal" x="59" y="637">Call</text>

  2362.                             </a>

  2363.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfInclude" xlink:title="Include">

  2364.                                 <rect x="51" y="575" width="66" height="32"/>

  2365.                                 <rect x="49" y="573" width="66" height="32" class="nonterminal"/>

  2366.                                 <text class="nonterminal" x="59" y="593">Include</text>

  2367.                             </a>

  2368.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfMeta" xlink:title="Meta">

  2369.                                 <rect x="51" y="531" width="50" height="32"/>

  2370.                                 <rect x="49" y="529" width="50" height="32" class="nonterminal"/>

  2371.                                 <text class="nonterminal" x="59" y="549">Meta</text>

  2372.                             </a>

  2373.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfProperty" xlink:title="Property">

  2374.                                 <rect x="51" y="487" width="74" height="32"/>

  2375.                                 <rect x="49" y="485" width="74" height="32" class="nonterminal"/>

  2376.                                 <text class="nonterminal" x="59" y="505">Property</text>

  2377.                             </a>

  2378.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStatic" xlink:title="Static">

  2379.                                 <rect x="51" y="443" width="54" height="32"/>

  2380.                                 <rect x="49" y="441" width="54" height="32" class="nonterminal"/>

  2381.                                 <text class="nonterminal" x="59" y="461">Static</text>

  2382.                             </a>

  2383.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfEcho" xlink:title="Echo">

  2384.                                 <rect x="51" y="399" width="50" height="32"/>

  2385.                                 <rect x="49" y="397" width="50" height="32" class="nonterminal"/>

  2386.                                 <text class="nonterminal" x="59" y="417">Echo</text>

  2387.                             </a>

  2388.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfVar" xlink:title="Var">

  2389.                                 <rect x="51" y="355" width="40" height="32"/>

  2390.                                 <rect x="49" y="353" width="40" height="32" class="nonterminal"/>

  2391.                                 <text class="nonterminal" x="59" y="373">Var</text>

  2392.                             </a>

  2393.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfVarying" xlink:title="Varying">

  2394.                                 <rect x="51" y="311" width="66" height="32"/>

  2395.                                 <rect x="49" y="309" width="66" height="32" class="nonterminal"/>

  2396.                                 <text class="nonterminal" x="59" y="329">Varying</text>

  2397.                             </a>

  2398.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfUniform" xlink:title="Uniform">

  2399.                                 <rect x="51" y="267" width="68" height="32"/>

  2400.                                 <rect x="49" y="265" width="68" height="32" class="nonterminal"/>

  2401.                                 <text class="nonterminal" x="59" y="285">Uniform</text>

  2402.                             </a>

  2403.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfConst" xlink:title="Const">

  2404.                                 <rect x="51" y="223" width="56" height="32"/>

  2405.                                 <rect x="49" y="221" width="56" height="32" class="nonterminal"/>

  2406.                                 <text class="nonterminal" x="59" y="241">Const</text>

  2407.                             </a>

  2408.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIf" xlink:title="If">

  2409.                                 <rect x="51" y="179" width="28" height="32"/>

  2410.                                 <rect x="49" y="177" width="28" height="32" class="nonterminal"/>

  2411.                                 <text class="nonterminal" x="59" y="197">If</text>

  2412.                             </a>

  2413.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfInfo" xlink:title="Info">

  2414.                                 <rect x="51" y="135" width="44" height="32"/>

  2415.                                 <rect x="49" y="133" width="44" height="32" class="nonterminal"/>

  2416.                                 <text class="nonterminal" x="59" y="153">Info</text>

  2417.                             </a>

  2418.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfWarning" xlink:title="Warning">

  2419.                                 <rect x="51" y="91" width="72" height="32"/>

  2420.                                 <rect x="49" y="89" width="72" height="32" class="nonterminal"/>

  2421.                                 <text class="nonterminal" x="59" y="109">Warning</text>

  2422.                             </a>

  2423.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfError" xlink:title="Error">

  2424.                                 <rect x="51" y="47" width="50" height="32"/>

  2425.                                 <rect x="49" y="45" width="50" height="32" class="nonterminal"/>

  2426.                                 <text class="nonterminal" x="59" y="65">Error</text>

  2427.                             </a>

  2428.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfThrow" xlink:title="Throw">

  2429.                                 <rect x="51" y="3" width="58" height="32"/>

  2430.                                 <rect x="49" y="1" width="58" height="32" class="nonterminal"/>

  2431.                                 <text class="nonterminal" x="59" y="21">Throw</text>

  2432.                             </a>

  2433.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 711 h2 m20 0 h10 m0 0 h84 m-114 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -14 q0 -10 10 -10 m94 34 l20 0 m-20 0 q10 0 10 -10 l0 -14 q0 -10 -10 -10 m-94 0 h10 m74 0 h10 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m42 0 h10 m0 0 h32 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m66 0 h10 m0 0 h8 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m50 0 h10 m0 0 h24 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m74 0 h10 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m54 0 h10 m0 0 h20 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m50 0 h10 m0 0 h24 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m40 0 h10 m0 0 h34 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m66 0 h10 m0 0 h8 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m68 0 h10 m0 0 h6 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m56 0 h10 m0 0 h18 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m28 0 h10 m0 0 h46 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m44 0 h10 m0 0 h30 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m72 0 h10 m0 0 h2 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m50 0 h10 m0 0 h24 m-104 10 l0 -44 q0 -10 10 -10 m104 54 l0 -44 q0 -10 -10 -10 m-94 0 h10 m58 0 h10 m0 0 h16 m23 694 h-3"/>

  2434.                             <polygon points="163 711 171 707 171 715"/>

  2435.                             <polygon points="163 711 155 707 155 715"/>

  2436.                         </svg>

  2437.                         <div class="ebnf code area">

  2438.                             <a href="#ebnfCode" title="Code">Code</a> ::= ( <a href="#ebnfglslCode" title="glslCode">glslCode</a> | <a href="#ebnfCall" title="Call">Call</a> | <a href="#ebnfInclude" title="Include">Include</a> | <a href="#ebnfMeta" title="Meta">Meta</a> | <a href="#ebnfProperty" title="Property">Property</a> | <a href="#ebnfStatic" title="Static">Static</a> | <a href="#ebnfEcho" title="Echo">Echo</a> | <a href="#ebnfVar" title="Var">Var</a> | <a href="#ebnfVarying" title="Varying">Varying</a> | <a href="#ebnfUniform" title="Uniform">Uniform</a> | <a href="#ebnfConst" title="Const">Const</a> | <a href="#ebnfIf" title="If">If</a> | <a href="#ebnfInfo" title="Info">Info</a> | <a href="#ebnfWarning" title="Warning">Warning</a> | <a href="#ebnfError" title="Error">Error</a> | <a href="#ebnfThrow" title="Throw">Throw</a> )*

  2439.                         </div>

  2440.                         <div class="references">

  2441.                             <span>referenced by:</span>

  2442.                             <ul>

  2443.                                 <li>

  2444.                                     <a href="#ebnfClass" title="Class">Class</a>

  2445.                                 </li>

  2446.                                 <li>

  2447.                                     <a href="#ebnfClassFunction" title="ClassFunction">ClassFunction</a>

  2448.                                 </li>

  2449.                                 <li>

  2450.                                     <a href="#ebnfClassMain" title="ClassMain">ClassMain</a>

  2451.                                 </li>

  2452.                                 <li>

  2453.                                     <a href="#ebnfClassProcedure" title="ClassProcedure">ClassProcedure</a>

  2454.                                 </li>

  2455.                                 <li>

  2456.                                     <a href="#ebnfFunction" title="Function">Function</a>

  2457.                                 </li>

  2458.                                 <li>

  2459.                                     <a href="#ebnfIf" title="If">If</a>

  2460.                                 </li>

  2461.                                 <li>

  2462.                                     <a href="#ebnfMain" title="Main">Main</a>

  2463.                                 </li>

  2464.                                 <li>

  2465.                                     <a href="#ebnfProcedure" title="Procedure">Procedure</a>

  2466.                                 </li>

  2467.                                 <li>

  2468.                                     <a href="#ebnfShaderFile" title="ShaderFile">ShaderFile</a>

  2469.                                 </li>

  2470.                             </ul>

  2471.                         </div>

  2472.                     </div>

  2473. 

  2474.                     <div id="ebnfExpression" class="syntax_sub">

  2475.                         <h5>Expression</h5>

  2476.                         <svg xmlns="http://www.w3.org/2000/svg" width="412" height="960">

  2477.                             <polygon points="9 17 1 13 1 21"/>

  2478.                             <polygon points="17 17 9 13 9 21"/>

  2479.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfPropertyName" xlink:title="PropertyName">

  2480.                                 <rect x="51" y="3" width="110" height="32"/>

  2481.                                 <rect x="49" y="1" width="110" height="32" class="nonterminal"/>

  2482.                                 <text class="nonterminal" x="59" y="21">PropertyName</text>

  2483.                             </a>

  2484.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfStaticName" xlink:title="StaticName">

  2485.                                 <rect x="51" y="47" width="90" height="32"/>

  2486.                                 <rect x="49" y="45" width="90" height="32" class="nonterminal"/>

  2487.                                 <text class="nonterminal" x="59" y="65">StaticName</text>

  2488.                             </a>

  2489.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfValue" xlink:title="Value">

  2490.                                 <rect x="51" y="91" width="54" height="32"/>

  2491.                                 <rect x="49" y="89" width="54" height="32" class="nonterminal"/>

  2492.                                 <text class="nonterminal" x="59" y="109">Value</text>

  2493.                             </a>

  2494.                             <rect x="71" y="135" width="58" height="32" rx="10"/>

  2495.                             <rect x="69" y="133" width="58" height="32" class="terminal" rx="10"/>

  2496.                             <text class="terminal" x="79" y="153">$NOT</text>

  2497.                             <rect x="71" y="179" width="24" height="32" rx="10"/>

  2498.                             <rect x="69" y="177" width="24" height="32" class="terminal" rx="10"/>

  2499.                             <text class="terminal" x="79" y="197">!</text>

  2500.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExpression" xlink:title="Expression">

  2501.                                 <rect x="169" y="135" width="88" height="32"/>

  2502.                                 <rect x="167" y="133" width="88" height="32" class="nonterminal"/>

  2503.                                 <text class="nonterminal" x="177" y="153">Expression</text>

  2504.                             </a>

  2505.                             <rect x="51" y="223" width="26" height="32" rx="10"/>

  2506.                             <rect x="49" y="221" width="26" height="32" class="terminal" rx="10"/>

  2507.                             <text class="terminal" x="59" y="241">(</text>

  2508.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExpression" xlink:title="Expression">

  2509.                                 <rect x="97" y="223" width="88" height="32"/>

  2510.                                 <rect x="95" y="221" width="88" height="32" class="nonterminal"/>

  2511.                                 <text class="nonterminal" x="105" y="241">Expression</text>

  2512.                             </a>

  2513.                             <rect x="205" y="223" width="26" height="32" rx="10"/>

  2514.                             <rect x="203" y="221" width="26" height="32" class="terminal" rx="10"/>

  2515.                             <text class="terminal" x="213" y="241">)</text>

  2516.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExpression" xlink:title="Expression">

  2517.                                 <rect x="51" y="267" width="88" height="32"/>

  2518.                                 <rect x="49" y="265" width="88" height="32" class="nonterminal"/>

  2519.                                 <text class="nonterminal" x="59" y="285">Expression</text>

  2520.                             </a>

  2521.                             <rect x="179" y="267" width="48" height="32" rx="10"/>

  2522.                             <rect x="177" y="265" width="48" height="32" class="terminal" rx="10"/>

  2523.                             <text class="terminal" x="187" y="285">$OR</text>

  2524.                             <rect x="179" y="311" width="58" height="32" rx="10"/>

  2525.                             <rect x="177" y="309" width="58" height="32" class="terminal" rx="10"/>

  2526.                             <text class="terminal" x="187" y="329">$AND</text>

  2527.                             <rect x="179" y="355" width="58" height="32" rx="10"/>

  2528.                             <rect x="177" y="353" width="58" height="32" class="terminal" rx="10"/>

  2529.                             <text class="terminal" x="187" y="373">$XOR</text>

  2530.                             <rect x="179" y="399" width="30" height="32" rx="10"/>

  2531.                             <rect x="177" y="397" width="30" height="32" class="terminal" rx="10"/>

  2532.                             <text class="terminal" x="187" y="417">+</text>

  2533.                             <rect x="179" y="443" width="26" height="32" rx="10"/>

  2534.                             <rect x="177" y="441" width="26" height="32" class="terminal" rx="10"/>

  2535.                             <text class="terminal" x="187" y="461">-</text>

  2536.                             <rect x="179" y="487" width="28" height="32" rx="10"/>

  2537.                             <rect x="177" y="485" width="28" height="32" class="terminal" rx="10"/>

  2538.                             <text class="terminal" x="187" y="505">*</text>

  2539.                             <rect x="179" y="531" width="28" height="32" rx="10"/>

  2540.                             <rect x="177" y="529" width="28" height="32" class="terminal" rx="10"/>

  2541.                             <text class="terminal" x="187" y="549">/</text>

  2542.                             <rect x="179" y="575" width="30" height="32" rx="10"/>

  2543.                             <rect x="177" y="573" width="30" height="32" class="terminal" rx="10"/>

  2544.                             <text class="terminal" x="187" y="593">=</text>

  2545.                             <rect x="179" y="619" width="30" height="32" rx="10"/>

  2546.                             <rect x="177" y="617" width="30" height="32" class="terminal" rx="10"/>

  2547.                             <text class="terminal" x="187" y="637">&lt;</text>

  2548.                             <rect x="179" y="663" width="30" height="32" rx="10"/>

  2549.                             <rect x="177" y="661" width="30" height="32" class="terminal" rx="10"/>

  2550.                             <text class="terminal" x="187" y="681">&gt;</text>

  2551.                             <rect x="179" y="707" width="40" height="32" rx="10"/>

  2552.                             <rect x="177" y="705" width="40" height="32" class="terminal" rx="10"/>

  2553.                             <text class="terminal" x="187" y="725">&lt;=</text>

  2554.                             <rect x="179" y="751" width="40" height="32" rx="10"/>

  2555.                             <rect x="177" y="749" width="40" height="32" class="terminal" rx="10"/>

  2556.                             <text class="terminal" x="187" y="769">&gt;=</text>

  2557.                             <rect x="179" y="795" width="40" height="32" rx="10"/>

  2558.                             <rect x="177" y="793" width="40" height="32" class="terminal" rx="10"/>

  2559.                             <text class="terminal" x="187" y="813">&lt;&gt;</text>

  2560.                             <rect x="179" y="839" width="26" height="32" rx="10"/>

  2561.                             <rect x="177" y="837" width="26" height="32" class="terminal" rx="10"/>

  2562.                             <text class="terminal" x="187" y="857">|</text>

  2563.                             <rect x="179" y="883" width="30" height="32" rx="10"/>

  2564.                             <rect x="177" y="881" width="30" height="32" class="terminal" rx="10"/>

  2565.                             <text class="terminal" x="187" y="901">&amp;</text>

  2566.                             <rect x="179" y="927" width="30" height="32" rx="10"/>

  2567.                             <rect x="177" y="925" width="30" height="32" class="terminal" rx="10"/>

  2568.                             <text class="terminal" x="187" y="945">^</text>

  2569.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfExpression" xlink:title="Expression">

  2570.                                 <rect x="277" y="267" width="88" height="32"/>

  2571.                                 <rect x="275" y="265" width="88" height="32" class="nonterminal"/>

  2572.                                 <text class="nonterminal" x="285" y="285">Expression</text>

  2573.                             </a>

  2574.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m20 0 h10 m110 0 h10 m0 0 h204 m-354 0 h20 m334 0 h20 m-374 0 q10 0 10 10 m354 0 q0 -10 10 -10 m-364 10 v24 m354 0 v-24 m-354 24 q0 10 10 10 m334 0 q10 0 10 -10 m-344 10 h10 m90 0 h10 m0 0 h224 m-344 -10 v20 m354 0 v-20 m-354 20 v24 m354 0 v-24 m-354 24 q0 10 10 10 m334 0 q10 0 10 -10 m-344 10 h10 m54 0 h10 m0 0 h260 m-344 -10 v20 m354 0 v-20 m-354 20 v24 m354 0 v-24 m-354 24 q0 10 10 10 m334 0 q10 0 10 -10 m-324 10 h10 m58 0 h10 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m24 0 h10 m0 0 h34 m20 -44 h10 m88 0 h10 m0 0 h108 m-344 -10 v20 m354 0 v-20 m-354 20 v68 m354 0 v-68 m-354 68 q0 10 10 10 m334 0 q10 0 10 -10 m-344 10 h10 m26 0 h10 m0 0 h10 m88 0 h10 m0 0 h10 m26 0 h10 m0 0 h134 m-344 -10 v20 m354 0 v-20 m-354 20 v24 m354 0 v-24 m-354 24 q0 10 10 10 m334 0 q10 0 10 -10 m-344 10 h10 m88 0 h10 m20 0 h10 m48 0 h10 m0 0 h10 m-98 0 h20 m78 0 h20 m-118 0 q10 0 10 10 m98 0 q0 -10 10 -10 m-108 10 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m58 0 h10 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m26 0 h10 m0 0 h32 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m28 0 h10 m0 0 h30 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m28 0 h10 m0 0 h30 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m40 0 h10 m0 0 h18 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m40 0 h10 m0 0 h18 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m40 0 h10 m0 0 h18 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m26 0 h10 m0 0 h32 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m-88 -10 v20 m98 0 v-20 m-98 20 v24 m98 0 v-24 m-98 24 q0 10 10 10 m78 0 q10 0 10 -10 m-88 10 h10 m30 0 h10 m0 0 h28 m20 -660 h10 m88 0 h10 m23 -264 h-3"/>

  2575.                             <polygon points="403 17 411 13 411 21"/>

  2576.                             <polygon points="403 17 395 13 395 21"/>

  2577.                         </svg>

  2578.                         <div class="ebnf code area">

  2579.                             <a href="#ebnfExpression" title="Expression">Expression</a> ::= <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a> | <a href="#ebnfStaticName" title="StaticName">StaticName</a> | <a href="#ebnfValue" title="Value">Value</a> | ( '$NOT' | '!' ) <a href="#ebnfExpression" title="Expression">Expression</a> | '(' <a href="#ebnfExpression" title="Expression">Expression</a> ')' | <a href="#ebnfExpression" title="Expression">Expression</a> ( '$OR' | '$AND' | '$XOR' | '+' | '-' | '*' | '/' | '=' | '&lt;' | '&gt;' | '&lt;=' | '&gt;=' | '&lt;&gt;' | '|' | '&amp;' | '^' ) <a href="#ebnfExpression" title="Expression">Expression</a>

  2580.                         </div>

  2581.                         <div class="references">

  2582.                             <span>referenced by:</span>

  2583.                             <ul>

  2584.                                 <li>

  2585.                                     <a href="#ebnfExpression" title="Expression">Expression</a>

  2586.                                 </li>

  2587.                                 <li>

  2588.                                     <a href="#ebnfIf" title="If">If</a>

  2589.                                 </li>

  2590.                             </ul>

  2591.                         </div>

  2592.                     </div>

  2593. 

  2594.                     <div id="ebnfClassName" class="syntax_sub">

  2595.                         <h5>ClassName</h5>

  2596.                         <svg xmlns="http://www.w3.org/2000/svg" width="134" height="36">

  2597.                             <polygon points="9 17 1 13 1 21"/>

  2598.                             <polygon points="17 17 9 13 9 21"/>

  2599.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifier" xlink:title="Identifier">

  2600.                                 <rect x="31" y="3" width="76" height="32"/>

  2601.                                 <rect x="29" y="1" width="76" height="32" class="nonterminal"/>

  2602.                                 <text class="nonterminal" x="39" y="21">Identifier</text>

  2603.                             </a>

  2604.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m76 0 h10 m3 0 h-3"/>

  2605.                             <polygon points="125 17 133 13 133 21"/>

  2606.                             <polygon points="125 17 117 13 117 21"/>

  2607.                         </svg>

  2608.                         <div class="ebnf code area">

  2609.                             <a href="#ebnfClassName" title="ClassName">ClassName</a> ::= <a href="#ebnfIdentifier" title="Identifier">Identifier</a>

  2610.                         </div>

  2611.                         <div class="references">

  2612.                             <span>referenced by:</span>

  2613.                             <ul>

  2614.                                 <li>

  2615.                                     <a href="#ebnfClass" title="Class">Class</a>

  2616.                                 </li>

  2617.                                 <li>

  2618.                                     <a href="#ebnfInherited" title="Inherited">Inherited</a>

  2619.                                 </li>

  2620.                             </ul>

  2621.                         </div>

  2622.                     </div>

  2623. 

  2624.                     <div id="ebnfMethodName" class="syntax_sub">

  2625.                         <h5>MethodName</h5>

  2626.                         <svg xmlns="http://www.w3.org/2000/svg" width="134" height="36">

  2627.                             <polygon points="9 17 1 13 1 21"/>

  2628.                             <polygon points="17 17 9 13 9 21"/>

  2629.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifier" xlink:title="Identifier">

  2630.                                 <rect x="31" y="3" width="76" height="32"/>

  2631.                                 <rect x="29" y="1" width="76" height="32" class="nonterminal"/>

  2632.                                 <text class="nonterminal" x="39" y="21">Identifier</text>

  2633.                             </a>

  2634.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m76 0 h10 m3 0 h-3"/>

  2635.                             <polygon points="125 17 133 13 133 21"/>

  2636.                             <polygon points="125 17 117 13 117 21"/>

  2637.                         </svg>

  2638.                         <div class="ebnf code area">

  2639.                             <a href="#ebnfMethodName" title="MethodName">MethodName</a> ::= <a href="#ebnfIdentifier" title="Identifier">Identifier</a>

  2640.                         </div>

  2641.                         <div class="references">

  2642.                             <span>referenced by:</span>

  2643.                             <ul>

  2644.                                 <li>

  2645.                                     <a href="#ebnfCall" title="Call">Call</a>

  2646.                                 </li>

  2647.                                 <li>

  2648.                                     <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a>

  2649.                                 </li>

  2650.                                 <li>

  2651.                                     <a href="#ebnfInherited" title="Inherited">Inherited</a>

  2652.                                 </li>

  2653.                                 <li>

  2654.                                     <a href="#ebnfProcedureHead" title="ProcedureHead">ProcedureHead</a>

  2655.                                 </li>

  2656.                             </ul>

  2657.                         </div>

  2658.                     </div>

  2659. 

  2660.                     <div id="ebnfPropertyName" class="syntax_sub">

  2661.                         <h5>PropertyName</h5>

  2662.                         <svg xmlns="http://www.w3.org/2000/svg" width="134" height="36">

  2663.                             <polygon points="9 17 1 13 1 21"/>

  2664.                             <polygon points="17 17 9 13 9 21"/>

  2665.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifier" xlink:title="Identifier">

  2666.                                 <rect x="31" y="3" width="76" height="32"/>

  2667.                                 <rect x="29" y="1" width="76" height="32" class="nonterminal"/>

  2668.                                 <text class="nonterminal" x="39" y="21">Identifier</text>

  2669.                             </a>

  2670.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m76 0 h10 m3 0 h-3"/>

  2671.                             <polygon points="125 17 133 13 133 21"/>

  2672.                             <polygon points="125 17 117 13 117 21"/>

  2673.                         </svg>

  2674.                         <div class="ebnf code area">

  2675.                             <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a> ::= <a href="#ebnfIdentifier" title="Identifier">Identifier</a>

  2676.                         </div>

  2677.                         <div class="references">

  2678.                             <span>referenced by:</span>

  2679.                             <ul>

  2680.                                 <li>

  2681.                                     <a href="#ebnfEcho" title="Echo">Echo</a>

  2682.                                 </li>

  2683.                                 <li>

  2684.                                     <a href="#ebnfExpression" title="Expression">Expression</a>

  2685.                                 </li>

  2686.                                 <li>

  2687.                                     <a href="#ebnfParameter" title="Parameter">Parameter</a>

  2688.                                 </li>

  2689.                                 <li>

  2690.                                     <a href="#ebnfProperty" title="Property">Property</a>

  2691.                                 </li>

  2692.                             </ul>

  2693.                         </div>

  2694.                     </div>

  2695. 

  2696.                     <div id="ebnfStaticName" class="syntax_sub">

  2697.                         <h5>StaticName</h5>

  2698.                         <svg xmlns="http://www.w3.org/2000/svg" width="134" height="36">

  2699.                             <polygon points="9 17 1 13 1 21"/>

  2700.                             <polygon points="17 17 9 13 9 21"/>

  2701.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifier" xlink:title="Identifier">

  2702.                                 <rect x="31" y="3" width="76" height="32"/>

  2703.                                 <rect x="29" y="1" width="76" height="32" class="nonterminal"/>

  2704.                                 <text class="nonterminal" x="39" y="21">Identifier</text>

  2705.                             </a>

  2706.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m76 0 h10 m3 0 h-3"/>

  2707.                             <polygon points="125 17 133 13 133 21"/>

  2708.                             <polygon points="125 17 117 13 117 21"/>

  2709.                         </svg>

  2710.                         <div class="ebnf code area">

  2711.                             <a href="#ebnfStaticName" title="StaticName">StaticName</a> ::= <a href="#ebnfIdentifier" title="Identifier">Identifier</a>

  2712.                         </div>

  2713.                         <div class="references">

  2714.                             <span>referenced by:</span>

  2715.                             <ul>

  2716.                                 <li>

  2717.                                     <a href="#ebnfEcho" title="Echo">Echo</a>

  2718.                                 </li>

  2719.                                 <li>

  2720.                                     <a href="#ebnfExpression" title="Expression">Expression</a>

  2721.                                 </li>

  2722.                                 <li>

  2723.                                     <a href="#ebnfParameter" title="Parameter">Parameter</a>

  2724.                                 </li>

  2725.                                 <li>

  2726.                                     <a href="#ebnfProperty" title="Property">Property</a>

  2727.                                 </li>

  2728.                                 <li>

  2729.                                     <a href="#ebnfStatic" title="Static">Static</a>

  2730.                                 </li>

  2731.                             </ul>

  2732.                         </div>

  2733.                     </div>

  2734. 

  2735.                     <div id="ebnfExtensionName" class="syntax_sub">

  2736.                         <h5>ExtensionName</h5>

  2737.                         <svg xmlns="http://www.w3.org/2000/svg" width="182" height="36">

  2738.                             <polygon points="9 17 1 13 1 21"/>

  2739.                             <polygon points="17 17 9 13 9 21"/>

  2740.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  2741.                                 <rect x="31" y="3" width="124" height="32"/>

  2742.                                 <rect x="29" y="1" width="124" height="32" class="nonterminal"/>

  2743.                                 <text class="nonterminal" x="39" y="21">IdentifierQuoted</text>

  2744.                             </a>

  2745.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m124 0 h10 m3 0 h-3"/>

  2746.                             <polygon points="173 17 181 13 181 21"/>

  2747.                             <polygon points="173 17 165 13 165 21"/>

  2748.                         </svg>

  2749.                         <div class="ebnf code area">

  2750.                             <a href="#ebnfExtensionName" title="ExtensionName">ExtensionName</a> ::= <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a>

  2751.                         </div>

  2752.                         <div class="references">

  2753.                             <span>referenced by:</span>

  2754.                             <ul>

  2755.                                 <li>

  2756.                                     <a href="#ebnfMeta" title="Meta">Meta</a>

  2757.                                 </li>

  2758.                             </ul>

  2759.                         </div>

  2760.                     </div>

  2761. 

  2762.                     <div id="ebnfParameterName" class="syntax_sub">

  2763.                         <h5>ParameterName</h5>

  2764.                         <svg xmlns="http://www.w3.org/2000/svg" width="182" height="36">

  2765.                             <polygon points="9 17 1 13 1 21"/>

  2766.                             <polygon points="17 17 9 13 9 21"/>

  2767.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifierQuoted" xlink:title="IdentifierQuoted">

  2768.                                 <rect x="31" y="3" width="124" height="32"/>

  2769.                                 <rect x="29" y="1" width="124" height="32" class="nonterminal"/>

  2770.                                 <text class="nonterminal" x="39" y="21">IdentifierQuoted</text>

  2771.                             </a>

  2772.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m124 0 h10 m3 0 h-3"/>

  2773.                             <polygon points="173 17 181 13 181 21"/>

  2774.                             <polygon points="173 17 165 13 165 21"/>

  2775.                         </svg>

  2776.                         <div class="ebnf code area">

  2777.                             <a href="#ebnfParameterName" title="ParameterName">ParameterName</a> ::= <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a>

  2778.                         </div>

  2779.                         <div class="references">

  2780.                             <span>referenced by:</span>

  2781.                             <ul>

  2782.                                 <li>

  2783.                                     <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a>

  2784.                                 </li>

  2785.                                 <li>

  2786.                                     <a href="#ebnfProcedureHead" title="ProcedureHead">ProcedureHead</a>

  2787.                                 </li>

  2788.                             </ul>

  2789.                         </div>

  2790.                     </div>

  2791. 

  2792.                     <div id="ebnfValue" class="syntax_sub">

  2793.                         <h5>Value</h5>

  2794.                         <svg xmlns="http://www.w3.org/2000/svg" width="152" height="36">

  2795.                             <polygon points="9 17 1 13 1 21"/>

  2796.                             <polygon points="17 17 9 13 9 21"/>

  2797.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfTextQuoted" xlink:title="TextQuoted">

  2798.                                 <rect x="31" y="3" width="94" height="32"/>

  2799.                                 <rect x="29" y="1" width="94" height="32" class="nonterminal"/>

  2800.                                 <text class="nonterminal" x="39" y="21">TextQuoted</text>

  2801.                             </a>

  2802.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m94 0 h10 m3 0 h-3"/>

  2803.                             <polygon points="143 17 151 13 151 21"/>

  2804.                             <polygon points="143 17 135 13 135 21"/>

  2805.                         </svg>

  2806.                         <div class="ebnf code area">

  2807.                             <a href="#ebnfValue" title="Value">Value</a> ::= <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a>

  2808.                         </div>

  2809.                         <div class="references">

  2810.                             <span>referenced by:</span>

  2811.                             <ul>

  2812.                                 <li>

  2813.                                     <a href="#ebnfExpression" title="Expression">Expression</a>

  2814.                                 </li>

  2815.                                 <li>

  2816.                                     <a href="#ebnfProperty" title="Property">Property</a>

  2817.                                 </li>

  2818.                                 <li>

  2819.                                     <a href="#ebnfStatic" title="Static">Static</a>

  2820.                                 </li>

  2821.                             </ul>

  2822.                         </div>

  2823.                     </div>

  2824. 

  2825.                     <div id="ebnfglslValue" class="syntax_sub">

  2826.                         <h5>glslValue</h5>

  2827.                         <svg xmlns="http://www.w3.org/2000/svg" width="178" height="36">

  2828.                             <polygon points="9 17 1 13 1 21"/>

  2829.                             <polygon points="17 17 9 13 9 21"/>

  2830.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCodeQuoted" xlink:title="glslCodeQuoted">

  2831.                                 <rect x="31" y="3" width="120" height="32"/>

  2832.                                 <rect x="29" y="1" width="120" height="32" class="nonterminal"/>

  2833.                                 <text class="nonterminal" x="39" y="21">glslCodeQuoted</text>

  2834.                             </a>

  2835.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m120 0 h10 m3 0 h-3"/>

  2836.                             <polygon points="169 17 177 13 177 21"/>

  2837.                             <polygon points="169 17 161 13 161 21"/>

  2838.                         </svg>

  2839.                         <div class="ebnf code area">

  2840.                             <a href="#ebnfglslValue" title="glslValue">glslValue</a> ::= <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a>

  2841.                         </div>

  2842.                         <div class="references">

  2843.                             <span>referenced by:</span>

  2844.                             <ul>

  2845.                                 <li>

  2846.                                     <a href="#ebnfConst" title="Const">Const</a>

  2847.                                 </li>

  2848.                                 <li>

  2849.                                     <a href="#ebnfVar" title="Var">Var</a>

  2850.                                 </li>

  2851.                             </ul>

  2852.                         </div>

  2853.                     </div>

  2854. 

  2855.                     <div id="ebnfExtensionValue" class="syntax_sub">

  2856.                         <h5>ExtensionValue</h5>

  2857.                         <svg xmlns="http://www.w3.org/2000/svg" width="178" height="36">

  2858.                             <polygon points="9 17 1 13 1 21"/>

  2859.                             <polygon points="17 17 9 13 9 21"/>

  2860.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCodeQuoted" xlink:title="glslCodeQuoted">

  2861.                                 <rect x="31" y="3" width="120" height="32"/>

  2862.                                 <rect x="29" y="1" width="120" height="32" class="nonterminal"/>

  2863.                                 <text class="nonterminal" x="39" y="21">glslCodeQuoted</text>

  2864.                             </a>

  2865.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m120 0 h10 m3 0 h-3"/>

  2866.                             <polygon points="169 17 177 13 177 21"/>

  2867.                             <polygon points="169 17 161 13 161 21"/>

  2868.                         </svg>

  2869.                         <div class="ebnf code area">

  2870.                             <a href="#ebnfExtensionValue" title="ExtensionValue">ExtensionValue</a> ::= <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a>

  2871.                         </div>

  2872.                         <div class="references">

  2873.                             <span>referenced by:</span>

  2874.                             <ul>

  2875.                                 <li>

  2876.                                     <a href="#ebnfMeta" title="Meta">Meta</a>

  2877.                                 </li>

  2878.                             </ul>

  2879.                         </div>

  2880.                     </div>

  2881. 

  2882.                     <div id="ebnfLayoutValue" class="syntax_sub">

  2883.                         <h5>LayoutValue</h5>

  2884.                         <svg xmlns="http://www.w3.org/2000/svg" width="178" height="36">

  2885.                             <polygon points="9 17 1 13 1 21"/>

  2886.                             <polygon points="17 17 9 13 9 21"/>

  2887.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCodeQuoted" xlink:title="glslCodeQuoted">

  2888.                                 <rect x="31" y="3" width="120" height="32"/>

  2889.                                 <rect x="29" y="1" width="120" height="32" class="nonterminal"/>

  2890.                                 <text class="nonterminal" x="39" y="21">glslCodeQuoted</text>

  2891.                             </a>

  2892.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m120 0 h10 m3 0 h-3"/>

  2893.                             <polygon points="169 17 177 13 177 21"/>

  2894.                             <polygon points="169 17 161 13 161 21"/>

  2895.                         </svg>

  2896.                         <div class="ebnf code area">

  2897.                             <a href="#ebnfLayoutValue" title="LayoutValue">LayoutValue</a> ::= <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a>

  2898.                         </div>

  2899.                         <div class="references">

  2900.                             <span>referenced by:</span>

  2901.                             <ul>

  2902.                                 <li>

  2903.                                     <a href="#ebnfMeta" title="Meta">Meta</a>

  2904.                                 </li>

  2905.                             </ul>

  2906.                         </div>

  2907.                     </div>

  2908. 

  2909.                     <div id="ebnfReturnType" class="syntax_sub">

  2910.                         <h5>ReturnType</h5>

  2911.                         <svg xmlns="http://www.w3.org/2000/svg" width="176" height="36">

  2912.                             <polygon points="9 17 1 13 1 21"/>

  2913.                             <polygon points="17 17 9 13 9 21"/>

  2914.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  2915.                                 <rect x="31" y="3" width="118" height="32"/>

  2916.                                 <rect x="29" y="1" width="118" height="32" class="nonterminal"/>

  2917.                                 <text class="nonterminal" x="39" y="21">glslTypeQuoted</text>

  2918.                             </a>

  2919.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m118 0 h10 m3 0 h-3"/>

  2920.                             <polygon points="167 17 175 13 175 21"/>

  2921.                             <polygon points="167 17 159 13 159 21"/>

  2922.                         </svg>

  2923.                         <div class="ebnf code area">

  2924.                             <a href="#ebnfReturnType" title="ReturnType">ReturnType</a> ::= <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a>

  2925.                         </div>

  2926.                         <div class="references">

  2927.                             <span>referenced by:</span>

  2928.                             <ul>

  2929.                                 <li>

  2930.                                     <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a>

  2931.                                 </li>

  2932.                             </ul>

  2933.                         </div>

  2934.                     </div>

  2935. 

  2936.                     <div id="ebnfParameterType" class="syntax_sub">

  2937.                         <h5>ParameterType</h5>

  2938.                         <svg xmlns="http://www.w3.org/2000/svg" width="176" height="36">

  2939.                             <polygon points="9 17 1 13 1 21"/>

  2940.                             <polygon points="17 17 9 13 9 21"/>

  2941.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslTypeQuoted" xlink:title="glslTypeQuoted">

  2942.                                 <rect x="31" y="3" width="118" height="32"/>

  2943.                                 <rect x="29" y="1" width="118" height="32" class="nonterminal"/>

  2944.                                 <text class="nonterminal" x="39" y="21">glslTypeQuoted</text>

  2945.                             </a>

  2946.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m118 0 h10 m3 0 h-3"/>

  2947.                             <polygon points="167 17 175 13 175 21"/>

  2948.                             <polygon points="167 17 159 13 159 21"/>

  2949.                         </svg>

  2950.                         <div class="ebnf code area">

  2951.                             <a href="#ebnfParameterType" title="ParameterType">ParameterType</a> ::= <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a>

  2952.                         </div>

  2953.                         <div class="references">

  2954.                             <span>referenced by:</span>

  2955.                             <ul>

  2956.                                 <li>

  2957.                                     <a href="#ebnfFunctionHead" title="FunctionHead">FunctionHead</a>

  2958.                                 </li>

  2959.                                 <li>

  2960.                                     <a href="#ebnfProcedureHead" title="ProcedureHead">ProcedureHead</a>

  2961.                                 </li>

  2962.                             </ul>

  2963.                         </div>

  2964.                     </div>

  2965. 

  2966.                     <div id="ebnfTextQuoted" class="syntax_sub">

  2967.                         <h5>TextQuoted</h5>

  2968.                         <svg xmlns="http://www.w3.org/2000/svg" width="192" height="36">

  2969.                             <polygon points="9 17 1 13 1 21"/>

  2970.                             <polygon points="17 17 9 13 9 21"/>

  2971.                             <rect x="31" y="3" width="24" height="32" rx="10"/>

  2972.                             <rect x="29" y="1" width="24" height="32" class="terminal" rx="10"/>

  2973.                             <text class="terminal" x="39" y="21">'</text>

  2974.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#Text" xlink:title="Text">

  2975.                                 <rect x="75" y="3" width="46" height="32"/>

  2976.                                 <rect x="73" y="1" width="46" height="32" class="nonterminal"/>

  2977.                                 <text class="nonterminal" x="83" y="21">Text</text>

  2978.                             </a>

  2979.                             <rect x="141" y="3" width="24" height="32" rx="10"/>

  2980.                             <rect x="139" y="1" width="24" height="32" class="terminal" rx="10"/>

  2981.                             <text class="terminal" x="149" y="21">'</text>

  2982.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m24 0 h10 m0 0 h10 m46 0 h10 m0 0 h10 m24 0 h10 m3 0 h-3"/>

  2983.                             <polygon points="183 17 191 13 191 21"/>

  2984.                             <polygon points="183 17 175 13 175 21"/>

  2985.                         </svg>

  2986.                         <div class="ebnf code area">

  2987.                             <a href="#ebnfTextQuoted" title="TextQuoted">TextQuoted</a> ::= ['] <a href="#Text" title="Text">Text</a> [']

  2988.                         </div>

  2989.                         <div class="references">

  2990.                             <span>referenced by:</span>

  2991.                             <ul>

  2992.                                 <li>

  2993.                                     <a href="#ebnfEcho" title="Echo">Echo</a>

  2994.                                 </li>

  2995.                                 <li>

  2996.                                     <a href="#ebnfError" title="Error">Error</a>

  2997.                                 </li>

  2998.                                 <li>

  2999.                                     <a href="#ebnfInfo" title="Info">Info</a>

  3000.                                 </li>

  3001.                                 <li>

  3002.                                     <a href="#ebnfMeta" title="Meta">Meta</a>

  3003.                                 </li>

  3004.                                 <li>

  3005.                                     <a href="#ebnfThrow" title="Throw">Throw</a>

  3006.                                 </li>

  3007.                                 <li>

  3008.                                     <a href="#ebnfValue" title="Value">Value</a>

  3009.                                 </li>

  3010.                                 <li>

  3011.                                     <a href="#ebnfWarning" title="Warning">Warning</a>

  3012.                                 </li>

  3013.                             </ul>

  3014.                         </div>

  3015.                     </div>

  3016. 

  3017.                     <div id="ebnfVersionNumber" class="syntax_sub">

  3018.                         <h5>VersionNumber</h5>

  3019.                         <svg xmlns="http://www.w3.org/2000/svg" width="118" height="36">

  3020.                             <polygon points="9 17 1 13 1 21"/>

  3021.                             <polygon points="17 17 9 13 9 21"/>

  3022.                             <polygon points="31 19 38 3 84 3 91 19 84 35 38 35"/>

  3023.                             <polygon points="29 17 36 1 82 1 89 17 82 33 36 33" class="regexp"/>

  3024.                             <text class="regexp" x="44" y="21">[0-9]</text>

  3025.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m60 0 h10 m3 0 h-3"/>

  3026.                             <polygon points="109 17 117 13 117 21"/>

  3027.                             <polygon points="109 17 101 13 101 21"/>

  3028.                         </svg>

  3029.                         <div class="ebnf code area">

  3030.                             <a href="#ebnfVersionNumber" title="VersionNumber">VersionNumber</a> ::= [0-9]

  3031.                         </div>

  3032.                         <div class="references">

  3033.                             <span>referenced by:</span>

  3034.                             <ul>

  3035.                                 <li>

  3036.                                     <a href="#ebnfMeta" title="Meta">Meta</a>

  3037.                                 </li>

  3038.                             </ul>

  3039.                         </div>

  3040.                     </div>

  3041. 

  3042.                     <div id="ebnfIdentifierQuoted" class="syntax_sub">

  3043.                         <h5>IdentifierQuoted</h5>

  3044.                         <svg xmlns="http://www.w3.org/2000/svg" width="222" height="36">

  3045.                             <polygon points="9 17 1 13 1 21"/>

  3046.                             <polygon points="17 17 9 13 9 21"/>

  3047.                             <rect x="31" y="3" width="24" height="32" rx="10"/>

  3048.                             <rect x="29" y="1" width="24" height="32" class="terminal" rx="10"/>

  3049.                             <text class="terminal" x="39" y="21">'</text>

  3050.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfIdentifier" xlink:title="Identifier">

  3051.                                 <rect x="75" y="3" width="76" height="32"/>

  3052.                                 <rect x="73" y="1" width="76" height="32" class="nonterminal"/>

  3053.                                 <text class="nonterminal" x="83" y="21">Identifier</text>

  3054.                             </a>

  3055.                             <rect x="171" y="3" width="24" height="32" rx="10"/>

  3056.                             <rect x="169" y="1" width="24" height="32" class="terminal" rx="10"/>

  3057.                             <text class="terminal" x="179" y="21">'</text>

  3058.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m24 0 h10 m0 0 h10 m76 0 h10 m0 0 h10 m24 0 h10 m3 0 h-3"/>

  3059.                             <polygon points="213 17 221 13 221 21"/>

  3060.                             <polygon points="213 17 205 13 205 21"/>

  3061.                         </svg>

  3062.                         <div class="ebnf code area">

  3063.                             <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a> ::= ['] <a href="#ebnfIdentifier" title="Identifier">Identifier</a> [']

  3064.                         </div>

  3065.                         <div class="references">

  3066.                             <span>referenced by:</span>

  3067.                             <ul>

  3068.                                 <li>

  3069.                                     <a href="#ebnfConst" title="Const">Const</a>

  3070.                                 </li>

  3071.                                 <li>

  3072.                                     <a href="#ebnfExtensionName" title="ExtensionName">ExtensionName</a>

  3073.                                 </li>

  3074.                                 <li>

  3075.                                     <a href="#ebnfParameterName" title="ParameterName">ParameterName</a>

  3076.                                 </li>

  3077.                                 <li>

  3078.                                     <a href="#ebnfUniform" title="Uniform">Uniform</a>

  3079.                                 </li>

  3080.                                 <li>

  3081.                                     <a href="#ebnfVar" title="Var">Var</a>

  3082.                                 </li>

  3083.                                 <li>

  3084.                                     <a href="#ebnfVarying" title="Varying">Varying</a>

  3085.                                 </li>

  3086.                             </ul>

  3087.                         </div>

  3088.                     </div>

  3089. 

  3090.                     <div id="ebnfIdentifier" class="syntax_sub">

  3091.                         <h5>Identifier</h5>

  3092.                         <svg xmlns="http://www.w3.org/2000/svg" width="158" height="168">

  3093.                             <polygon points="9 17 1 13 1 21"/>

  3094.                             <polygon points="17 17 9 13 9 21"/>

  3095.                             <polygon points="51 19 58 3 104 3 111 19 104 35 58 35"/>

  3096.                             <polygon points="49 17 56 1 102 1 109 17 102 33 56 33" class="regexp"/>

  3097.                             <text class="regexp" x="64" y="21">[A-Z]</text>

  3098.                             <polygon points="51 63 58 47 104 47 111 63 104 79 58 79"/>

  3099.                             <polygon points="49 61 56 45 102 45 109 61 102 77 56 77" class="regexp"/>

  3100.                             <text class="regexp" x="64" y="65">[a-z]</text>

  3101.                             <polygon points="51 107 58 91 104 91 111 107 104 123 58 123"/>

  3102.                             <polygon points="49 105 56 89 102 89 109 105 102 121 56 121" class="regexp"/>

  3103.                             <text class="regexp" x="64" y="109">[0-9]</text>

  3104.                             <rect x="51" y="135" width="28" height="32" rx="10"/>

  3105.                             <rect x="49" y="133" width="28" height="32" class="terminal" rx="10"/>

  3106.                             <text class="terminal" x="59" y="153">_</text>

  3107.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m20 0 h10 m60 0 h10 m-100 0 h20 m80 0 h20 m-120 0 q10 0 10 10 m100 0 q0 -10 10 -10 m-110 10 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m60 0 h10 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m60 0 h10 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m28 0 h10 m0 0 h32 m23 -132 h-3"/>

  3108.                             <polygon points="149 17 157 13 157 21"/>

  3109.                             <polygon points="149 17 141 13 141 21"/>

  3110.                         </svg>

  3111.                         <div class="ebnf code area">

  3112.                             <a href="#Identifier" title="Identifier">Identifier</a> ::= [A-Za-z0-9_]

  3113.                         </div>

  3114.                         <div class="references">

  3115.                             <span>referenced by:</span>

  3116.                             <ul>

  3117.                                 <li>

  3118.                                     <a href="#ebnfClassName" title="ClassName">ClassName</a>

  3119.                                 </li>

  3120.                                 <li>

  3121.                                     <a href="#ebnfIdentifierQuoted" title="IdentifierQuoted">IdentifierQuoted</a>

  3122.                                 </li>

  3123.                                 <li>

  3124.                                     <a href="#ebnfMethodName" title="MethodName">MethodName</a>

  3125.                                 </li>

  3126.                                 <li>

  3127.                                     <a href="#ebnfPropertyName" title="PropertyName">PropertyName</a>

  3128.                                 </li>

  3129.                                 <li>

  3130.                                     <a href="#ebnfStaticName" title="StaticName">StaticName</a>

  3131.                                 </li>

  3132.                             </ul>

  3133.                         </div>

  3134.                     </div>

  3135. 

  3136.                     <div id="ebnfFilepath" class="syntax_sub">

  3137.                         <h5>Filepath</h5>

  3138.                         <svg xmlns="http://www.w3.org/2000/svg" width="246" height="300">

  3139.                             <polygon points="9 17 1 13 1 21"/>

  3140.                             <polygon points="17 17 9 13 9 21"/>

  3141.                             <rect x="31" y="3" width="24" height="32" rx="10"/>

  3142.                             <rect x="29" y="1" width="24" height="32" class="terminal" rx="10"/>

  3143.                             <text class="terminal" x="39" y="21">'</text>

  3144.                             <polygon points="95 19 102 3 148 3 155 19 148 35 102 35"/>

  3145.                             <polygon points="93 17 100 1 146 1 153 17 146 33 100 33" class="regexp"/>

  3146.                             <text class="regexp" x="108" y="21">[A-Z]</text>

  3147.                             <polygon points="95 63 102 47 148 47 155 63 148 79 102 79"/>

  3148.                             <polygon points="93 61 100 45 146 45 153 61 146 77 100 77" class="regexp"/>

  3149.                             <text class="regexp" x="108" y="65">[a-z]</text>

  3150.                             <polygon points="95 107 102 91 148 91 155 107 148 123 102 123"/>

  3151.                             <polygon points="93 105 100 89 146 89 153 105 146 121 100 121" class="regexp"/>

  3152.                             <text class="regexp" x="108" y="109">[0-9]</text>

  3153.                             <rect x="95" y="135" width="28" height="32" rx="10"/>

  3154.                             <rect x="93" y="133" width="28" height="32" class="terminal" rx="10"/>

  3155.                             <text class="terminal" x="103" y="153">\</text>

  3156.                             <rect x="95" y="179" width="28" height="32" rx="10"/>

  3157.                             <rect x="93" y="177" width="28" height="32" class="terminal" rx="10"/>

  3158.                             <text class="terminal" x="103" y="197">/</text>

  3159.                             <rect x="95" y="223" width="28" height="32" rx="10"/>

  3160.                             <rect x="93" y="221" width="28" height="32" class="terminal" rx="10"/>

  3161.                             <text class="terminal" x="103" y="241">_</text>

  3162.                             <rect x="95" y="267" width="26" height="32" rx="10"/>

  3163.                             <rect x="93" y="265" width="26" height="32" class="terminal" rx="10"/>

  3164.                             <text class="terminal" x="103" y="285">-</text>

  3165.                             <rect x="195" y="3" width="24" height="32" rx="10"/>

  3166.                             <rect x="193" y="1" width="24" height="32" class="terminal" rx="10"/>

  3167.                             <text class="terminal" x="203" y="21">'</text>

  3168.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m24 0 h10 m20 0 h10 m60 0 h10 m-100 0 h20 m80 0 h20 m-120 0 q10 0 10 10 m100 0 q0 -10 10 -10 m-110 10 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m60 0 h10 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m60 0 h10 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m28 0 h10 m0 0 h32 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m28 0 h10 m0 0 h32 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m28 0 h10 m0 0 h32 m-90 -10 v20 m100 0 v-20 m-100 20 v24 m100 0 v-24 m-100 24 q0 10 10 10 m80 0 q10 0 10 -10 m-90 10 h10 m26 0 h10 m0 0 h34 m20 -264 h10 m24 0 h10 m3 0 h-3"/>

  3169.                             <polygon points="237 17 245 13 245 21"/>

  3170.                             <polygon points="237 17 229 13 229 21"/>

  3171.                         </svg>

  3172.                         <div class="ebnf code area">

  3173.                             <a href="#ebnfFilepath" title="Filepath">Filepath</a> ::= ['] [A-Za-z0-9\/_#x2D] [']

  3174.                         </div>

  3175.                         <div class="references">

  3176.                             <span>referenced by:</span>

  3177.                             <ul>

  3178.                                 <li>

  3179.                                     <a href="#ebnfInclude" title="Include">Include</a>

  3180.                                 </li>

  3181.                             </ul>

  3182.                         </div>

  3183.                     </div>

  3184. 

  3185.                     <div id="ebnfglslCodeQuoted" class="syntax_sub">

  3186.                         <h5>glslCodeQuoted</h5>

  3187.                         <svg xmlns="http://www.w3.org/2000/svg" width="220" height="36">

  3188.                             <polygon points="9 17 1 13 1 21"/>

  3189.                             <polygon points="17 17 9 13 9 21"/>

  3190.                             <rect x="31" y="3" width="24" height="32" rx="10"/>

  3191.                             <rect x="29" y="1" width="24" height="32" class="terminal" rx="10"/>

  3192.                             <text class="terminal" x="39" y="21">'</text>

  3193.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslCode" xlink:title="glslCode">

  3194.                                 <rect x="75" y="3" width="74" height="32"/>

  3195.                                 <rect x="73" y="1" width="74" height="32" class="nonterminal"/>

  3196.                                 <text class="nonterminal" x="83" y="21">glslCode</text>

  3197.                             </a>

  3198.                             <rect x="169" y="3" width="24" height="32" rx="10"/>

  3199.                             <rect x="167" y="1" width="24" height="32" class="terminal" rx="10"/>

  3200.                             <text class="terminal" x="177" y="21">'</text>

  3201.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m24 0 h10 m0 0 h10 m74 0 h10 m0 0 h10 m24 0 h10 m3 0 h-3"/>

  3202.                             <polygon points="211 17 219 13 219 21"/>

  3203.                             <polygon points="211 17 203 13 203 21"/>

  3204.                         </svg>

  3205.                         <div class="ebnf code area">

  3206.                             <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a> ::= ['] <a href="#ebnfglslCode" title="glslCode">glslCode</a> [']

  3207.                         </div>

  3208.                         <div class="references">

  3209.                             <span>referenced by:</span>

  3210.                             <ul>

  3211.                                 <li>

  3212.                                     <a href="#ebnfExtensionValue" title="ExtensionValue">ExtensionValue</a>

  3213.                                 </li>

  3214.                                 <li>

  3215.                                     <a href="#ebnfLayoutValue" title="LayoutValue">LayoutValue</a>

  3216.                                 </li>

  3217.                                 <li>

  3218.                                     <a href="#ebnfParameter" title="Parameter">Parameter</a>

  3219.                                 </li>

  3220.                                 <li>

  3221.                                     <a href="#ebnfglslValue" title="glslValue">glslValue</a>

  3222.                                 </li>

  3223.                             </ul>

  3224.                         </div>

  3225.                     </div>

  3226. 

  3227.                     <div id="ebnfglslTypeQuoted" class="syntax_sub">

  3228.                         <h5>glslTypeQuoted</h5>

  3229.                         <svg xmlns="http://www.w3.org/2000/svg" width="216" height="36">

  3230.                             <polygon points="9 17 1 13 1 21"/>

  3231.                             <polygon points="17 17 9 13 9 21"/>

  3232.                             <rect x="31" y="3" width="24" height="32" rx="10"/>

  3233.                             <rect x="29" y="1" width="24" height="32" class="terminal" rx="10"/>

  3234.                             <text class="terminal" x="39" y="21">'</text>

  3235.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ebnfglslType" xlink:title="glslType">

  3236.                                 <rect x="75" y="3" width="70" height="32"/>

  3237.                                 <rect x="73" y="1" width="70" height="32" class="nonterminal"/>

  3238.                                 <text class="nonterminal" x="83" y="21">glslType</text>

  3239.                             </a>

  3240.                             <rect x="165" y="3" width="24" height="32" rx="10"/>

  3241.                             <rect x="163" y="1" width="24" height="32" class="terminal" rx="10"/>

  3242.                             <text class="terminal" x="173" y="21">'</text>

  3243.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m24 0 h10 m0 0 h10 m70 0 h10 m0 0 h10 m24 0 h10 m3 0 h-3"/>

  3244.                             <polygon points="207 17 215 13 215 21"/>

  3245.                             <polygon points="207 17 199 13 199 21"/>

  3246.                         </svg>

  3247.                         <div class="ebnf code area">

  3248.                             <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a> ::= ['] <a href="#ebnfglslType" title="glslType">glslType</a> [']

  3249.                         </div>

  3250.                         <div class="references">

  3251.                             <span>referenced by:</span>

  3252.                             <ul>

  3253.                                 <li>

  3254.                                     <a href="#ebnfConst" title="Const">Const</a>

  3255.                                 </li>

  3256.                                 <li>

  3257.                                     <a href="#ebnfParameterType" title="ParameterType">ParameterType</a>

  3258.                                 </li>

  3259.                                 <li>

  3260.                                     <a href="#ebnfReturnType" title="ReturnType">ReturnType</a>

  3261.                                 </li>

  3262.                                 <li>

  3263.                                     <a href="#ebnfUniform" title="Uniform">Uniform</a>

  3264.                                 </li>

  3265.                                 <li>

  3266.                                     <a href="#ebnfVar" title="Var">Var</a>

  3267.                                 </li>

  3268.                                 <li>

  3269.                                     <a href="#ebnfVarying" title="Varying">Varying</a>

  3270.                                 </li>

  3271.                             </ul>

  3272.                         </div>

  3273.                     </div>

  3274. 

  3275.                     <div id="ebnfglslType" class="syntax_sub">

  3276.                         <h5>glslType</h5>

  3277.                         <svg xmlns="http://www.w3.org/2000/svg" width="160" height="916">

  3278.                             <polygon points="9 17 1 13 1 21"/>

  3279.                             <polygon points="17 17 9 13 9 21"/>

  3280.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#int" xlink:title="int">

  3281.                                 <rect x="51" y="3" width="36" height="32"/>

  3282.                                 <rect x="49" y="1" width="36" height="32" class="nonterminal"/>

  3283.                                 <text class="nonterminal" x="59" y="21">int</text>

  3284.                             </a>

  3285.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#float" xlink:title="float">

  3286.                                 <rect x="51" y="47" width="48" height="32"/>

  3287.                                 <rect x="49" y="45" width="48" height="32" class="nonterminal"/>

  3288.                                 <text class="nonterminal" x="59" y="65">float</text>

  3289.                             </a>

  3290.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#double" xlink:title="double">

  3291.                                 <rect x="51" y="91" width="62" height="32"/>

  3292.                                 <rect x="49" y="89" width="62" height="32" class="nonterminal"/>

  3293.                                 <text class="nonterminal" x="59" y="109">double</text>

  3294.                             </a>

  3295.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#vec2" xlink:title="vec2">

  3296.                                 <rect x="51" y="135" width="48" height="32"/>

  3297.                                 <rect x="49" y="133" width="48" height="32" class="nonterminal"/>

  3298.                                 <text class="nonterminal" x="59" y="153">vec2</text>

  3299.                             </a>

  3300.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#vec3" xlink:title="vec3">

  3301.                                 <rect x="51" y="179" width="48" height="32"/>

  3302.                                 <rect x="49" y="177" width="48" height="32" class="nonterminal"/>

  3303.                                 <text class="nonterminal" x="59" y="197">vec3</text>

  3304.                             </a>

  3305.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#vec4" xlink:title="vec4">

  3306.                                 <rect x="51" y="223" width="48" height="32"/>

  3307.                                 <rect x="49" y="221" width="48" height="32" class="nonterminal"/>

  3308.                                 <text class="nonterminal" x="59" y="241">vec4</text>

  3309.                             </a>

  3310.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ivec2" xlink:title="ivec2">

  3311.                                 <rect x="51" y="267" width="52" height="32"/>

  3312.                                 <rect x="49" y="265" width="52" height="32" class="nonterminal"/>

  3313.                                 <text class="nonterminal" x="59" y="285">ivec2</text>

  3314.                             </a>

  3315.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ivec3" xlink:title="ivec3">

  3316.                                 <rect x="51" y="311" width="52" height="32"/>

  3317.                                 <rect x="49" y="309" width="52" height="32" class="nonterminal"/>

  3318.                                 <text class="nonterminal" x="59" y="329">ivec3</text>

  3319.                             </a>

  3320.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#ivec4" xlink:title="ivec4">

  3321.                                 <rect x="51" y="355" width="52" height="32"/>

  3322.                                 <rect x="49" y="353" width="52" height="32" class="nonterminal"/>

  3323.                                 <text class="nonterminal" x="59" y="373">ivec4</text>

  3324.                             </a>

  3325.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dvec2" xlink:title="dvec2">

  3326.                                 <rect x="51" y="399" width="56" height="32"/>

  3327.                                 <rect x="49" y="397" width="56" height="32" class="nonterminal"/>

  3328.                                 <text class="nonterminal" x="59" y="417">dvec2</text>

  3329.                             </a>

  3330.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dvec3" xlink:title="dvec3">

  3331.                                 <rect x="51" y="443" width="56" height="32"/>

  3332.                                 <rect x="49" y="441" width="56" height="32" class="nonterminal"/>

  3333.                                 <text class="nonterminal" x="59" y="461">dvec3</text>

  3334.                             </a>

  3335.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dvec4" xlink:title="dvec4">

  3336.                                 <rect x="51" y="487" width="56" height="32"/>

  3337.                                 <rect x="49" y="485" width="56" height="32" class="nonterminal"/>

  3338.                                 <text class="nonterminal" x="59" y="505">dvec4</text>

  3339.                             </a>

  3340.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#mat2" xlink:title="mat2">

  3341.                                 <rect x="51" y="531" width="52" height="32"/>

  3342.                                 <rect x="49" y="529" width="52" height="32" class="nonterminal"/>

  3343.                                 <text class="nonterminal" x="59" y="549">mat2</text>

  3344.                             </a>

  3345.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#mat3" xlink:title="mat3">

  3346.                                 <rect x="51" y="575" width="52" height="32"/>

  3347.                                 <rect x="49" y="573" width="52" height="32" class="nonterminal"/>

  3348.                                 <text class="nonterminal" x="59" y="593">mat3</text>

  3349.                             </a>

  3350.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#mat4" xlink:title="mat4">

  3351.                                 <rect x="51" y="619" width="52" height="32"/>

  3352.                                 <rect x="49" y="617" width="52" height="32" class="nonterminal"/>

  3353.                                 <text class="nonterminal" x="59" y="637">mat4</text>

  3354.                             </a>

  3355.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#imat2" xlink:title="imat2">

  3356.                                 <rect x="51" y="663" width="54" height="32"/>

  3357.                                 <rect x="49" y="661" width="54" height="32" class="nonterminal"/>

  3358.                                 <text class="nonterminal" x="59" y="681">imat2</text>

  3359.                             </a>

  3360.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#imat3" xlink:title="imat3">

  3361.                                 <rect x="51" y="707" width="54" height="32"/>

  3362.                                 <rect x="49" y="705" width="54" height="32" class="nonterminal"/>

  3363.                                 <text class="nonterminal" x="59" y="725">imat3</text>

  3364.                             </a>

  3365.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#imat4" xlink:title="imat4">

  3366.                                 <rect x="51" y="751" width="54" height="32"/>

  3367.                                 <rect x="49" y="749" width="54" height="32" class="nonterminal"/>

  3368.                                 <text class="nonterminal" x="59" y="769">imat4</text>

  3369.                             </a>

  3370.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dmat2" xlink:title="dmat2">

  3371.                                 <rect x="51" y="795" width="60" height="32"/>

  3372.                                 <rect x="49" y="793" width="60" height="32" class="nonterminal"/>

  3373.                                 <text class="nonterminal" x="59" y="813">dmat2</text>

  3374.                             </a>

  3375.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dmat3" xlink:title="dmat3">

  3376.                                 <rect x="51" y="839" width="60" height="32"/>

  3377.                                 <rect x="49" y="837" width="60" height="32" class="nonterminal"/>

  3378.                                 <text class="nonterminal" x="59" y="857">dmat3</text>

  3379.                             </a>

  3380.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#dmat4" xlink:title="dmat4">

  3381.                                 <rect x="51" y="883" width="60" height="32"/>

  3382.                                 <rect x="49" y="881" width="60" height="32" class="nonterminal"/>

  3383.                                 <text class="nonterminal" x="59" y="901">dmat4</text>

  3384.                             </a>

  3385.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m20 0 h10 m36 0 h10 m0 0 h26 m-102 0 h20 m82 0 h20 m-122 0 q10 0 10 10 m102 0 q0 -10 10 -10 m-112 10 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m48 0 h10 m0 0 h14 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m62 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m48 0 h10 m0 0 h14 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m48 0 h10 m0 0 h14 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m48 0 h10 m0 0 h14 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m56 0 h10 m0 0 h6 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m56 0 h10 m0 0 h6 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m56 0 h10 m0 0 h6 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m52 0 h10 m0 0 h10 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m54 0 h10 m0 0 h8 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m54 0 h10 m0 0 h8 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m54 0 h10 m0 0 h8 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m60 0 h10 m0 0 h2 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m60 0 h10 m0 0 h2 m-92 -10 v20 m102 0 v-20 m-102 20 v24 m102 0 v-24 m-102 24 q0 10 10 10 m82 0 q10 0 10 -10 m-92 10 h10 m60 0 h10 m0 0 h2 m23 -880 h-3"/>

  3386.                             <polygon points="151 17 159 13 159 21"/>

  3387.                             <polygon points="151 17 143 13 143 21"/>

  3388.                         </svg>

  3389.                         <div class="ebnf code area">

  3390.                             <a href="#ebnfglslType" title="glslType">glslType</a> ::= <a href="#int" title="int">int</a> | <a href="#float" title="float">float</a> | <a href="#double" title="double">double</a> | <a href="#vec2" title="vec2">vec2</a> | <a href="#vec3" title="vec3">vec3</a> | <a href="#vec4" title="vec4">vec4</a> | <a href="#ivec2" title="ivec2">ivec2</a> | <a href="#ivec3" title="ivec3">ivec3</a> | <a href="#ivec4" title="ivec4">ivec4</a> | <a href="#dvec2" title="dvec2">dvec2</a> | <a href="#dvec3" title="dvec3">dvec3</a> | <a href="#dvec4" title="dvec4">dvec4</a> | <a href="#mat2" title="mat2">mat2</a> | <a href="#mat3" title="mat3">mat3</a> | <a href="#mat4" title="mat4">mat4</a> | <a href="#imat2" title="imat2">imat2</a> | <a href="#imat3" title="imat3">imat3</a> | <a href="#imat4" title="imat4">imat4</a> | <a href="#dmat2" title="dmat2">dmat2</a> | <a href="#dmat3" title="dmat3">dmat3</a> | <a href="#dmat4" title="dmat4">dmat4</a>

  3391.                         </div>

  3392.                         <div class="references">

  3393.                             <span>referenced by:</span>

  3394.                             <ul>

  3395.                                 <li>

  3396.                                     <a href="#ebnfglslTypeQuoted" title="glslTypeQuoted">glslTypeQuoted</a>

  3397.                                 </li>

  3398.                             </ul>

  3399.                         </div>

  3400.                     </div>

  3401. 

  3402.                     <div id="ebnfglslCode" class="syntax_sub">

  3403.                         <h5>glslCode</h5>

  3404.                         <svg xmlns="http://www.w3.org/2000/svg" width="380" height="36">

  3405.                             <polygon points="9 17 1 13 1 21"/>

  3406.                             <polygon points="17 17 9 13 9 21"/>

  3407.                             <polygon points="31 19 38 3 346 3 353 19 346 35 38 35"/>

  3408.                             <polygon points="29 17 36 1 344 1 351 17 344 33 36 33" class="regexp"/>

  3409.                             <text class="regexp" x="44" y="21">[</text>

  3410.                             <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="https://www.opengl.org/documentation/glsl/" xlink:title="https://www.opengl.org/documentation/glsl/" target="_blank">

  3411.                                 <rect class="text" x="49" y="10" width="282" height="14"/>

  3412.                                 <text class="regexp" x="49" y="21">https://www.opengl.org/documentation/glsl/</text>

  3413.                             </a>

  3414.                             <text class="regexp" x="332" y="21">]</text>

  3415.                             <svg:path xmlns:svg="http://www.w3.org/2000/svg" class="line" d="m17 17 h2 m0 0 h10 m322 0 h10 m3 0 h-3"/>

  3416.                             <polygon points="371 17 379 13 379 21"/>

  3417.                             <polygon points="371 17 363 13 363 21"/>

  3418.                         </svg>

  3419.                         <div class="ebnf code area">

  3420.                             <a href="#ebnfglslCode" title="glslCode">glslCode</a> ::= [<a href="https://www.opengl.org/documentation/glsl/" title="https://www.opengl.org/documentation/glsl/" target="_blank">https://www.opengl.org/documentation/glsl/</a>]

  3421.                         </div>

  3422.                         <div class="references">

  3423.                             <span>referenced by:</span>

  3424.                             <ul>

  3425.                                 <li>

  3426.                                     <a href="#ebnfCode" title="Code">Code</a>

  3427.                                 </li>

  3428.                                 <li>

  3429.                                     <a href="#ebnfglslCodeQuoted" title="glslCodeQuoted">glslCodeQuoted</a>

  3430.                                 </li>

  3431.                             </ul>

  3432.                         </div>

  3433.                     </div>

  3434.                 </div>

  3435.             </div>

  3436.         </div>

  3437.     </body>

  3438. </html>