It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.shadertoy.com/user/StephanUgli654/

  1.  
  2. <!DOCTYPE HTML>
  3. <html lang="en">
  4. <head>
  5.    
  6. <script async src="https://www.googletagmanager.com/gtag/js?id=G-7SYLWGZYJ2"></script>
  7. <script>
  8.  window.dataLayer = window.dataLayer || [];
  9.  function gtag(){dataLayer.push(arguments);}
  10.  gtag('js', new Date());
  11.  
  12.  gtag('config', 'G-7SYLWGZYJ2');
  13. </script>
  14.  
  15. <title>StephanUgli654 - Shadertoy BETA</title>
  16. <meta charset="utf-8" />
  17. <meta name="Keywords" content="shadertoy, shader toy, quilez, inigo, jeremias, pol, fractals, demoscene, computer graphics, mathematics, rendering, demo, 3D, realtime, shader, raytracing, raymarching, webgl, glsl" />
  18. <meta name="Description" content="Build shaders, share them, and learn from the best community." />
  19. <meta name="Author" content="Beautypi" />
  20. <meta name="apple-mobile-web-app-capable" content="yes" />
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  22.  
  23. <link rel="image_src" href="https://www.shadertoy.com/img/logo.png" />
  24. <link rel="apple-touch-icon" href="/img/launch_icon_57.png"/>
  25. <link rel="apple-touch-icon" sizes="72x72" href="/img/launch_icon_72.png"/>
  26. <link rel="apple-touch-icon" sizes="114x114" href="/img/launch_icon_114.png"/>
  27. <link rel="shortcut icon" href="/img/favicon.ico"/>
  28.  
  29. <style>*
  30. {
  31.    box-sizing: border-box;
  32. }
  33.  
  34. ::-webkit-scrollbar {
  35.    height: 8px;
  36.    width: 8px;
  37.    background: #404040;
  38. }
  39.  
  40. ::-webkit-scrollbar-thumb
  41. {
  42.    background: #909090;
  43.    border-radius: 0ex;
  44. }
  45.  
  46. ::-webkit-scrollbar-corner
  47. {
  48.    background: #000;
  49. }
  50.  
  51. ::-webkit-input-placeholder
  52. {
  53. font-style:italic;
  54. }
  55. input:-moz-placeholder, textarea:-moz-placeholder
  56. {
  57. font-style:italic;
  58. }
  59. input.placeholder-text, textarea.placeholder-text
  60. {
  61. font-style:italic;
  62. }
  63.  
  64. pre
  65. {
  66.    white-space: pre-wrap;
  67.    white-space: -moz-pre-wrap;
  68.    white-space: -pre-wrap;
  69.    white-space: -o-pre-wrap;
  70.    word-wrap: break-word;
  71. }
  72.  
  73. @font-face
  74. {
  75.    font-family: Lobster;
  76.    src: url("/img/lobster.otf") format("opentype");
  77. }
  78.  
  79. div#centerScreen
  80. {
  81.    left: 50%;
  82.    top: 50%;
  83.    position: absolute;
  84. }
  85.  
  86. a.headerLinks:hover
  87. {
  88.    background-color:#505050;
  89.    color : #ff8020;
  90. }
  91.  
  92. body
  93. {
  94.    color: #000000;
  95.    font-size:12px;
  96.    font-style:normal;
  97.    font-family:Tahoma,Arial;
  98.    background-repeat: no-repeat;
  99.    //background-attachment: fixed;
  100.    padding:0px;
  101.    margin:0px;
  102.    text-align: left;
  103.    background-color: #d0d0d0;
  104.    background-repeat: repeat;
  105.    user-select: text;
  106. }
  107.  
  108. a,
  109. a:hover,
  110. a:visited
  111. {
  112.  color : inherit;
  113. }
  114.  
  115. div#content {
  116.    width: 95%;
  117.    overflow: hidden;
  118.    margin: auto;
  119.    padding: 0px;
  120.    min-height: calc(100vh - 80px);
  121. }
  122.  
  123.  
  124. .notificationCount
  125. {
  126. background-color:#ff0000;
  127. padding-left:3px;
  128. padding-right:1px;
  129. padding-top:1px;
  130. padding-bottom:1px;
  131. }
  132.  
  133. div#header
  134. {
  135.    background-color: #404040;
  136.    top: 0px;
  137.    left: 0px;
  138.    width: 100%;
  139.    padding: 0;
  140.    margin: 0;
  141.    color: #ffffff;
  142.    display: flex;
  143.    flex-direction:row;
  144. }
  145.  
  146. #headerBlock1
  147. {
  148.    width: 50%;
  149.    display:flex;
  150.    align-items:center;
  151. }
  152.  
  153. a#headerTitle
  154. {
  155.    font-size: 2.25em;
  156.    font-family: Lobster,Tahoma,Arial;
  157.    text-decoration: none;
  158.    padding-left:32px;
  159.    padding-right:32px;
  160. }
  161.  
  162. #headerSearch
  163. {
  164.    display: inline-block;
  165.    color: #000000;
  166.    width: 300px;
  167. }
  168.  
  169. input[type=search]#mySearch
  170. {
  171.    width: 100%;
  172.    border-radius: 6px;
  173.    border: 1px solid black;
  174.    padding:12px;
  175. }
  176.  
  177. #headerBlock2
  178. {
  179.    width: 50%;
  180.    margin-left: auto;
  181.    display: flex;
  182.    justify-content: flex-end;
  183. }
  184.  
  185.  
  186. a#headerTitle:hover
  187. {
  188.    color : #ff8020;
  189. }
  190.  
  191. a.headerLinks
  192. {
  193.    font-weight: bold;
  194.    padding-top: 14px;
  195.    padding-bottom: 14px;
  196.    padding-left: 14px;
  197.    padding-right: 14px;
  198.    margin:0px;
  199.    text-decoration: none;
  200.    transition: background-color 0.15s linear, color 0.15s linear;
  201. }
  202.  
  203. #footer
  204. {
  205.    background-color: rgba(64,64,64,0.25);
  206.    color: #000000;
  207.    padding: 0px;
  208.    margin: 0px;
  209.    width: 100%;
  210.    display: flex;
  211.    justify-content: space-between;
  212.    flex-wrap: wrap;
  213. }
  214.  
  215. #footer div
  216. {
  217.    padding-top:10px;
  218.    padding-bottom:0px;
  219.    padding-left:16px;
  220.    padding-right:16px;
  221. }
  222.  
  223. #footer div ul
  224. {
  225.    margin-left:0px;
  226.    padding-left:16px;
  227. }
  228.  
  229. #footer div ul li
  230. {
  231.    padding-top:6px;
  232. }
  233.  
  234. a.regular
  235. {
  236.    font-weight:bold;
  237.    text-decoration:none
  238. }
  239.  
  240. a.regular:hover
  241. {
  242.  color : #ff8020;
  243. }
  244.  
  245. a.user
  246. {
  247.    font-weight:bold;
  248.    text-decoration:none;
  249. }
  250.  
  251. a.user:hover
  252. {
  253.  color : #ff8020;
  254.  text-decoration: underline;
  255. }
  256.  
  257. .uiButton
  258. {
  259.    border: none;
  260.    outline: none;
  261.    margin: 0px;
  262.    padding: 0px;
  263.    width: 22px;
  264.    height: 22px;
  265.    cursor: pointer;
  266.    border-radius: 4px;
  267. }
  268.  
  269. .uiButton:hover
  270. {
  271.    box-shadow: inset 0px 0px 1px 1px #808080, 0px 0px 1px 1px #808080;
  272. }
  273.  
  274. .uiDivBUtton
  275. {
  276.    cursor:pointer;
  277. }
  278.  
  279. .uiDivBUtton:hover
  280. {
  281.    color: #ffffff;
  282. }
  283.  
  284.  
  285. .dialog
  286. {
  287.    display: block;
  288.    background-color: #e0e0e0;
  289.    color: #000000;
  290.    border:1px solid #000;
  291.    padding:0px;
  292.    margin:0px;
  293.    text-align:left;
  294.    border-radius: 4px;
  295.    box-shadow:4px 4px 6px 0px rgba(0,0,0,0.5);
  296.    overflow: hidden;
  297.    z-index:1000;
  298.    visibility: hidden;
  299.    opacity:0;
  300.    -moz-transition: opacity 0.25s linear,visibility 0.25s linear;
  301.    -webkit-transition: opacity 0.25s linear,visibility 0.25s linear;
  302.    transition: opacity 0.25s linear,visibility 0.25s linear;
  303. }
  304.  
  305. .dialogHeader
  306. {
  307.    left:0px;
  308.    top: 0px;
  309.    width:100%;
  310.    height:32px;
  311.    position: absolute;
  312.    background-color: #808080;
  313.    cursor:move;
  314. }
  315.  
  316. .dialogTitle
  317. {
  318.    left: 12px;
  319.    top: 4px;
  320.    position: absolute;
  321.    padding: 0px;
  322.    margin: 0px;
  323.    color:#000000;
  324.    font-size:1.5em;
  325.    text-align: left;
  326.    user-select: none;
  327.    -moz-user-select: -moz-none;
  328.    -webkit-user-select: none;
  329. }
  330.  
  331. .dialogOverlay
  332. {
  333.    z-index:1000;
  334.  
  335.    visibility: hidden;
  336.    opacity:0;
  337.    -moz-transition: opacity 0.25s linear,visibility 0.25s linear;
  338.    -webkit-transition: opacity 0.25s linear,visibility 0.25s linear;
  339.    transition: opacity 0.25s linear,visibility 0.25s linear;
  340.  
  341.    left:0px;
  342.    top:0px;
  343.    padding:0px;
  344.    margin:0px;
  345.    width:100%;
  346.    height:100%;
  347.    position:absolute;
  348.  
  349.    background-color:rgba(0,0,0,.4);
  350. }
  351.  
  352. .viewsIcon, .likesIcon
  353. {
  354.    border: none;
  355.    outline: none;
  356.    display:inline-block;
  357.    background-repeat:no-repeat;
  358.    top:0px;
  359.    left:0px;
  360.    padding:0px;
  361.    padding-right: 2px;
  362.    margin:0px;
  363.    position:relative;
  364. }
  365.  
  366. .userPictureSmall
  367. {
  368.    background-color:#808080;
  369.    border: 1px solid #000000;
  370.    width:32px;
  371.    height:32px;
  372. }
  373.  
  374. .dialogCloseButton
  375. {
  376.    right:8px;
  377.    top: 4px;
  378.    width:22px;
  379.    height:22px;
  380.    position: absolute;
  381.    background-image: url("/img/close.png");
  382.    cursor: pointer;
  383.    border-radius: 4px;
  384. }
  385.  
  386. .dialogCloseButton:hover
  387. {
  388.    box-shadow: inset 0px 0px 4px 2px #ffffff, 0px 0px 4px 2px #ffffff;
  389. }
  390.  
  391. .dialogContentButtons
  392. {
  393.     padding:0;
  394.     border:0;
  395.     text-align: justify;
  396.     left: 24px;
  397.     bottom:40px;
  398.     position:absolute;
  399. }
  400.  
  401. .dialogButton
  402. {
  403.    text-align: center;
  404.    vertical-align: middle;
  405.    display: inline-block;
  406.    border-radius: 4px;
  407.    font-weight: bold;
  408.    cursor: pointer;
  409.    padding-bottom:5px;
  410.    padding-top:4px;
  411.    padding-left: 8px;
  412.    padding-right: 8px;
  413.    margin-left:4px;
  414.    margin-right:4px;
  415.    text-decoration: none;
  416.    color:#000000;
  417.    width: 80px;
  418.    -moz-transition:    background-color 0.15s linear, color 0.15s linear;
  419.    -webkit-transition: background-color 0.15s linear, color 0.15s linear;
  420.    transition:         background-color 0.15s linear, color 0.15s linear;
  421. }
  422.  
  423. .dialogButton:hover
  424. {
  425.  background-color:#808080;
  426.  color : #ff8020;
  427. }
  428.  
  429. .dialogCloseButton:hover
  430. {
  431.    box-shadow: inset 0px 0px 4px 2px #ffffff, 0px 0px 4px 2px #ffffff;
  432. }
  433.  
  434. .dialogContent
  435. {
  436.    color: inherit;
  437.    overflow: auto;
  438.    width:100%;
  439.    height:100%;
  440.    left: 0px;
  441.    top: 32px;
  442.    position:absolute
  443. }
  444.  
  445. .dialogContentBody
  446. {
  447.    color: inherit;
  448.    width:100%;
  449.    height:auto;
  450.    padding-top:24px;
  451.    padding-bottom:24px;
  452.    padding-left:24px;
  453.    padding-right:24px;
  454.    text-align: left;
  455. }
  456.  
  457. .formButton
  458. {
  459.    font-weight:bold;
  460. color:#ffffff;
  461. border:none;
  462.    text-align:center;
  463. background-color:#808080;
  464.    border-radius: 4px;
  465. padding-left:8px;
  466. padding-right:8px;
  467. padding-top:4px;
  468. padding-bottom:4px;
  469.    cursor:pointer;
  470.    min-width:80px;
  471. }
  472. .formInput {
  473.    border-radius: 6px;
  474.    border: 1px solid black;
  475.    padding: 4px;
  476.    border: none;
  477. }
  478. .formButton:hover {
  479.    background-color: #e0e0e0;
  480. }
  481. .formButton:disabled
  482. {
  483. color:#b0b0b0;
  484. background-color:#808080;
  485. }
  486.  
  487. .formButtonSmall
  488. {
  489.    color:#ffffff;
  490.    border:none;
  491.    text-align:center;
  492.    background-color:#808080;
  493.    border-radius: 4px;
  494.    padding-left:2px;
  495.    padding-right:2px;
  496.    padding-top:2px;
  497.    padding-bottom:2px;
  498.    cursor:pointer;
  499.    min-width:40px;
  500. }
  501.  
  502. .formButtonSmall:hover
  503. {
  504.    background-color: #e0e0e0;
  505. }
  506.  
  507. .formButtonSmall:disabled
  508. {
  509.    color:#b0b0b0;
  510.    background-color:#808080;
  511. }
  512.  
  513. .formButtonSmall.disabled2,
  514. .formButton.disabled2 { color:#b0b0b0; background-color:#808080; pointer-events: none; }
  515.  
  516. .inputForm
  517. {
  518.    padding-left:2%;
  519.    padding-right:2%;
  520.    resize: none;
  521.    text-align: left;
  522.    background-color:#e0e0e0;
  523.    outline: none;
  524.    border-radius: 4px;
  525.    border: 1px solid #808080;
  526.    color:inherit;
  527. }
  528.  
  529. .inputForm:focus
  530. {
  531.    border: 1px solid #AFCDD8;
  532.    background-color: #EBF2F4;
  533. }
  534.  
  535. .transparentPannel
  536. {
  537.    background-color:rgba(64,64,64,0.1);
  538.    padding:16px;
  539. }
  540.  
  541. .comment, .commentSelf, .commentNew
  542. {
  543.    border-radius: 4px;
  544.    width: 100%;
  545.    margin-left: 0px;
  546.    margin-right: 0px;
  547.    margin-top: 0px;
  548.    margin-bottom: 6px;
  549.  
  550.    padding: 14px;
  551.    display: grid;
  552.    grid-template-columns: 32px auto 8px;
  553.    grid-template-rows: 1fr;
  554.    grid-gap:8px;
  555. }
  556.  
  557. .comment:nth-child(even)
  558. {
  559.    background-color: rgba(64,64,64,0.1);
  560. }
  561.  
  562. .comment:nth-child(odd)
  563. {
  564.    background-color: rgba(128,128,128,0.1);
  565. }
  566.  
  567. .commentSelf
  568. {
  569.    background-color: rgba(240,160,64,0.1);
  570. }
  571.  
  572. .commentNew
  573. {
  574.    padding-right: 0px;
  575.    grid-template-columns: 40px auto;
  576. }
  577.  
  578. .commentContent
  579. {
  580.    vertical-align: top;
  581.    text-align: left;
  582.    word-break: break-all;
  583.    word-break: break-word;
  584.    white-space: pre-wrap;
  585.    white-space: -moz-pre-wrap;
  586. }
  587.  
  588.  
  589. /* ----------------------- media resolutions ------------------------ */
  590.  
  591. @media screen and (max-width:799px)
  592. {
  593.    div#header {flex-direction:column; }
  594.    #headerBlock1 { width:100%; }
  595.    #headerBlock2 { width:100%; justify-content: space-around;}
  596.    div#headerSearch {width:200px;}
  597.    input#mySearch { width:200px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  598.    .previewText { width:130px; }
  599.    .transparentPannel { padding:10px; }
  600. }
  601.  
  602. @media screen and (min-width:800px) and (max-width:1279px)
  603. {
  604.    body { font-size: 9px; }
  605.    div#headerSearch {width: 250px;}
  606.    input#mySearch { width:250px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  607.    .previewText { width:130px; }
  608.    .transparentPannel { padding:11px; }
  609. }
  610.  
  611. @media screen and (min-width:1280px) and (max-width:1439px)
  612. {
  613.    body { font-size: 10px; }
  614.    div#headerSearch {width: 300px;}
  615.    input#mySearch { width:300px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  616.    .dialogHeader { height:28px; }
  617.    .previewText { width:180px; }
  618.    .transparentPannel { padding:12px; }
  619. }
  620.  
  621. @media screen and (min-width:1440px) and (max-width:1919px)
  622. {
  623.    div#headerSearch {width: 300px;}
  624.    input#mySearch { width:300px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  625.    .dialogHeader { height:28px; }
  626.    .previewText { width:180px; }
  627.    .transparentPannel { padding:12px; }
  628. }
  629.  
  630. @media screen and (min-width:1920px) and (max-width:2559px)
  631. {
  632.    div#headerSearch {width: 300px;}
  633.    input#mySearch { width:300px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  634.    .dialogHeader { height:32px; }
  635.    .previewText { width:220px; }
  636.    .transparentPannel { padding:16px; }
  637. }
  638.  
  639. @media screen and (min-width:2560px)
  640. {
  641.    div#headerSearch {width: 300px;}
  642.    input#mySearch { width:300px; left:21px; height:22px; border-radius:6px; padding-left:8px; padding-right:8px; }
  643.    .dialogHeader { height:32px; }
  644.    .previewText { width:220px; }
  645.    .transparentPannel { padding:16px; }
  646. }
  647. body
  648. {
  649.    background-image: url("/img/themes/classic/background.jpg");
  650. }
  651. </style>
  652.    <script>"use strict"
  653.  
  654. //==============================================================================
  655. //
  656. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  657. //
  658. // piCamera
  659. //
  660. //==============================================================================
  661.  
  662. function piCamera()
  663. {
  664.    var mMatrix = setIdentity();
  665.    var mMatrixInv = setIdentity();
  666.  
  667.    var mPosition = [0.0,0.0,0.0];
  668.    var mXRotation = 0.0;
  669.    var mYRotation = 0.0;
  670.  
  671.    var mPositionTarget = [0.0,0.0,0.0];
  672.    var mXRotationTarget = 0.0;
  673.    var mYRotationTarget = 0.0;
  674.  
  675.    var me = {};
  676. /*
  677.    me.Set = function( pos, dir, roll)
  678.             {
  679.                 mMatrix    = setLookat( pos, add(pos,dir), [Math.sin(roll),Math.cos(roll),Math.sin(roll)] );
  680.                 mMatrixInv = invertFast( mMatrix );
  681.             };
  682. */
  683.    me.SetPos = function(pos)
  684.                {
  685.                    mPosition = pos;
  686.                    //mMatrix[ 3] = -(mMatrix[0] * pos[0] + mMatrix[1] * pos[1] + mMatrix[ 2] * pos[2]);
  687.                    //mMatrix[ 7] = -(mMatrix[4] * pos[0] + mMatrix[5] * pos[1] + mMatrix[ 6] * pos[2]);
  688.                    //mMatrix[11] = -(mMatrix[8] * pos[0] + mMatrix[9] * pos[1] + mMatrix[10] * pos[2]);
  689.                };
  690. /*
  691.    me.GlobalMove = function(pos)
  692.                    {
  693.                        mMatrix[ 3] -= (mMatrix[0] * pos[0] + mMatrix[1] * pos[1] + mMatrix[ 2] * pos[2]);
  694.                        mMatrix[ 7] -= (mMatrix[4] * pos[0] + mMatrix[5] * pos[1] + mMatrix[ 6] * pos[2]);
  695.                        mMatrix[11] -= (mMatrix[8] * pos[0] + mMatrix[9] * pos[1] + mMatrix[10] * pos[2]);
  696.                        mMatrixInv = invertFast(mMatrix);
  697.                    };
  698. */
  699.    me.LocalMove = function( dis )
  700.                    {
  701.                        dis = matMulvec( setRotationY(-mYRotation), dis);
  702.                        mPositionTarget = sub(mPositionTarget,dis)
  703.                    };
  704.  
  705.    me.RotateXY = function( x, y)
  706.                  {
  707.                    mXRotationTarget -= x;
  708.                    mYRotationTarget -= y;
  709.                    mXRotationTarget = Math.min( Math.max( mXRotationTarget, -Math.PI/2), Math.PI/2 );
  710.                  };
  711.  
  712.  
  713.    me.CameraExectue = function( dt )
  714.    {
  715.        // smooth position
  716.        mXRotation += (mXRotationTarget-mXRotation) * 12.0*dt;
  717.        mYRotation += (mYRotationTarget-mYRotation) * 12.0*dt;
  718.        mPosition = add(mPosition, mul( sub(mPositionTarget, mPosition), 12.0*dt));
  719.  
  720.        // Make Camera matrix
  721.        mMatrix = matMul( matMul(setRotationX(mXRotation),
  722.                                 setRotationY(mYRotation)),  
  723.                                 setTranslation(mPosition));
  724.        mMatrixInv = invertFast(mMatrix);
  725.  
  726.    }
  727.  
  728.    me.GetMatrix = function() { return mMatrix; };
  729.    me.GetMatrixInverse = function() { return mMatrixInv; };
  730.    me.SetMatrix = function( mat )
  731.                    {
  732.                        mMatrix = mat;
  733.                        mMatrixInv = invertFast(mMatrix);
  734.  
  735.                        mPosition = getXYZ(matMulpoint(mat, [0.0,0.0,0.0]));
  736.                        mPositionTarget = mPosition;
  737.                    };
  738.  
  739.    me.GetPos = function() { return getXYZ(matMulpoint(mMatrixInv, [0.0,0.0,0.0])); }
  740.    me.GetDir = function() { return getXYZ(normalize(matMulvec(mMatrixInv, [0.0,0.0,-1.0]))); }
  741.  
  742.    return me;
  743. }
  744. //==============================================================================
  745. //
  746. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  747. //
  748. // piFile
  749. //
  750. //==============================================================================
  751.  
  752. function piFile( binaryDataArrayBuffer )
  753. {
  754.    // private
  755.    //var mDataView = new DataView( binaryDataArrayBuffer, 0 );
  756.    var mDataView = binaryDataArrayBuffer;
  757.    var mOffset = 0;
  758.  
  759.    // public members
  760.    var me = {};
  761.    me.mDummy = 0;
  762. /*
  763.    // public functions
  764.    me.Seek = function( off ) { mOffset = off - 3; };
  765.    me.ReadUInt16 = function()  { var res = mDataView.getUint16( mOffset ); mOffset+=2; return res; };
  766.    me.ReadUInt32 = function()  { var res = mDataView.getUint32( mOffset ); mOffset+=4; return res; };
  767.    me.ReadUInt64 = function()  { return me.ReadUInt32() + (me.ReadUInt32()<<32); };
  768.    me.ReadFloat32 = function() { var res = mDataView.getFloat32( mOffset ); mOffset+=4; return res; };
  769. */
  770.  
  771.    me.Seek = function( off ) { mOffset = off; };
  772.    me.ReadUInt8  = function()  { var res = (new Uint8Array(mDataView,mOffset))[0]; mOffset+=1; return res; };
  773.    me.ReadUInt16 = function()  { var res = (new Uint16Array(mDataView,mOffset))[0]; mOffset+=2; return res; };
  774.    me.ReadUInt32 = function()  { var res = (new Uint32Array(mDataView,mOffset))[0]; mOffset+=4; return res; };
  775.    me.ReadUInt64 = function()  { return me.ReadUInt32() + (me.ReadUInt32()<<32); };
  776.    me.ReadFloat32 = function() { var res = (new Float32Array(mDataView,mOffset))[0]; mOffset+=4; return res; };
  777.    me.ReadFloat32Array = function(n)
  778.                          {
  779.                              var src = new Float32Array(mDataView, mOffset);
  780.                              var res = [];  for( var i=0; i<n; i++ ) { res[i] = src[i]; }
  781.                              mOffset += 4*n;
  782.                              return res;
  783.                          };
  784.    me.ReadFloat32ArrayNative = function(n) { var src = new Float32Array(mDataView, mOffset); mOffset += 4*n; return src; };
  785.    return me;
  786. }
  787. //==============================================================================
  788. //
  789. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  790. //
  791. // piMesh
  792. //
  793. //==============================================================================
  794.  
  795. function piMesh()
  796. {
  797.    this.mChunks = [];
  798.    this.mPrimitiveType = 0;
  799.    this.mVertexFormat = null;
  800. }
  801.  
  802. /*
  803. piMesh.prototype.normalize = function( ppos, npos )
  804. {
  805.    var numv = this.mVertexData.length;
  806.    var numt = this.mIndices.length;
  807.  
  808.    for( var i=0; i<numv; i++ )
  809.    {
  810.        //float *v = (float*)piMesh_GetVertexData( me, i, npos );
  811.        //v[0] = 0.0f;
  812.        //v[1] = 0.0f;
  813.        //v[2] = 0.0f;
  814.        this.mVerts[8 * i + 3] = 0.0;
  815.        this.mVerts[8 * i + 4] = 0.0;
  816.        this.mVerts[8 * i + 5] = 0.0;
  817.    }
  818.  
  819.    for( var i=0; i<numt; i++ )
  820.    {
  821.        piMeshFace *face = me->mFaceData.mIndexArray[0].mBuffer + i;
  822.  
  823.        const int ft = face->mNum;
  824.        
  825.        vec3 nor = vec3( 0.0f, 0.0f, 0.0f );
  826.        for( int j=0; j<ft; j++ )
  827.        {
  828.            const vec3 va = *((vec3*)piMesh_GetVertexData( me, face->mIndex[ j      ], ppos ));
  829.            const vec3 vb = *((vec3*)piMesh_GetVertexData( me, face->mIndex[(j+1)%ft], ppos ));
  830.  
  831.            nor += cross( va, vb );
  832.        }
  833.  
  834.        for( int j=0; j<ft; j++ )
  835.        {
  836.            vec3 *n = (vec3*)piMesh_GetVertexData( me, face->mIndex[j], npos );
  837.            n->x += nor.x;
  838.            n->y += nor.y;
  839.            n->z += nor.z;
  840.        }
  841.    }
  842.  
  843.    for( var i=0; i<numv; i++ )
  844.    {
  845.        vec3 *v = (vec3*)piMesh_GetVertexData( me, i, npos );
  846.        *v = normalize( *v );
  847.    }
  848. }
  849. */
  850.  
  851. piMesh.prototype.createCube = function(renderer)
  852. {
  853.    this.mPrimitiveType = 0;
  854.  
  855.    this.mChunks[0] = { mVerts : new Float32Array([ -1.0, -1.0, -1.0,
  856.                                       1.0, -1.0, -1.0,
  857.                                      -1.0,  1.0, -1.0,
  858.                                       1.0,  1.0, -1.0,
  859.                                      -1.0, -1.0,  1.0,
  860.                                       1.0, -1.0,  1.0,
  861.                                      -1.0,  1.0,  1.0,
  862.                                       1.0,  1.0,  1.0 ]),
  863.  
  864.                        mIndices : new Uint16Array([ 0, 2, 1,   1, 2, 3,   5, 1, 3,   5, 3, 7,   4, 5, 7,   4, 7, 6,   4, 6, 2,   4, 2, 0,   6, 7, 3,   6, 3, 2,   4, 0, 1,   4, 1, 5 ]),
  865.                        mNumVertices : 8,
  866.                        mNumFaces : 12,
  867.                        mTransform : setIdentity(),
  868.                        mVBO : null,
  869.                        mIBO : null };
  870.  
  871.    this.mVertexFormat = { mStride:12, mChannels:[ { mNumComponents:3, mType: renderer.TYPE.FLOAT32, mNormalize: false } ] };
  872.  
  873.    return true;
  874. }
  875.  
  876. piMesh.prototype.createCubeSharp = function (renderer)
  877. {
  878.    this.mPrimitiveType = 0;
  879.  
  880.    this.mChunks[0] = { mVerts : new Float32Array([-1.0, 1.0,-1.0,   0.0, 1.0, 0.0,   0.0, 0.0,
  881.                                    -1.0, 1.0, 1.0,   0.0, 1.0, 0.0,   0.0, 1.0,
  882.                                     1.0, 1.0, 1.0,   0.0, 1.0, 0.0,   1.0, 1.0,
  883.                                     1.0, 1.0,-1.0,   0.0, 1.0, 0.0,   1.0, 0.0,
  884.  
  885.                                    -1.0,-1.0, 1.0,   0.0, 0.0, 1.0,   0.0, 0.0,
  886.                                     1.0,-1.0, 1.0,   0.0, 0.0, 1.0,   0.0, 1.0,
  887.                                     1.0, 1.0, 1.0,   0.0, 0.0, 1.0,   1.0, 1.0,
  888.                                    -1.0, 1.0, 1.0,   0.0, 0.0, 1.0,   1.0, 0.0,
  889.  
  890.                                     1.0, 1.0, 1.0,   1.0, 0.0, 0.0,   0.0, 0.0,
  891.                                     1.0,-1.0, 1.0,   1.0, 0.0, 0.0,   0.0, 1.0,
  892.                                     1.0,-1.0,-1.0,   1.0, 0.0, 0.0,   1.0, 1.0,
  893.                                     1.0, 1.0,-1.0,   1.0, 0.0, 0.0,   1.0, 0.0,
  894.  
  895.                                     1.0,-1.0,-1.0,   0.0, 0.0,-1.0,   0.0, 0.0,
  896.                                    -1.0,-1.0,-1.0,   0.0, 0.0,-1.0,   0.0, 1.0,
  897.                                    -1.0, 1.0,-1.0,   0.0, 0.0,-1.0,   1.0, 1.0,
  898.                                     1.0, 1.0,-1.0,   0.0, 0.0,-1.0,   1.0, 0.0,
  899.  
  900.                                    -1.0,-1.0, 1.0,   0.0,-1.0, 0.0,   0.0, 0.0,
  901.                                    -1.0,-1.0,-1.0,   0.0,-1.0, 0.0,   0.0, 1.0,
  902.                                     1.0,-1.0,-1.0,   0.0,-1.0, 0.0,   1.0, 1.0,
  903.                                     1.0,-1.0, 1.0,   0.0,-1.0, 0.0,   1.0, 0.0,
  904.  
  905.                                    -1.0, 1.0, 1.0,  -1.0, 0.0, 0.0,   0.0, 0.0,
  906.                                    -1.0, 1.0,-1.0,  -1.0, 0.0, 0.0,   0.0, 1.0,
  907.                                    -1.0,-1.0,-1.0,  -1.0, 0.0, 0.0,   1.0, 1.0,
  908.                                    -1.0,-1.0, 1.0,  -1.0, 0.0, 0.0,   1.0, 0.0 ]),
  909.  
  910.                        mIndices : new Uint16Array([0,1,2, 0,2,3,   4,5,6, 4,6,7,    8,9,10,8,10,11,   12,13,14,12,14,15,   16,17,18,16,18,19,   20,21,22,20,22,23]),
  911.                        mNumVertices : 24,
  912.                        mNumFaces : 12,
  913.                        mTransform : setIdentity(),
  914.                        mVBO : null,
  915.                        mIBO : null };
  916.  
  917.  
  918.    this.mVertexFormat = { mStride:32, mChannels:[ { mNumComponents:3, mType: renderer.TYPE.FLOAT32, mNormalize: false },
  919.                                                   { mNumComponents:3, mType: renderer.TYPE.FLOAT32, mNormalize: false },
  920.                                                   { mNumComponents:2, mType: renderer.TYPE.FLOAT32, mNormalize: false } ] };
  921.  
  922.    return true;
  923. }
  924.  
  925.  
  926. piMesh.prototype.createUnitQuad = function (renderer)
  927. {
  928.    this.mPrimitiveType = 0;
  929.    this.mVertexFormat = { mStride:8, mChannels: [ {mNumComponents:2, mType: renderer.TYPE.FLOAT32, mNormalize: false} ] };
  930.  
  931.    this.mChunks[0] = { mVerts : new Float32Array([-1.0, -1.0, 1.0, -1.0, -1.0,  1.0, 1.0,  1.0]),
  932.                        mIndices : new Uint16Array([0, 2, 1, 1, 2, 3]),
  933.                        mNumVertices : 4,
  934.                        mNumFaces : 2,
  935.                        mTransform : setIdentity(),
  936.                        mVBO : null,
  937.                        mIBO : null };
  939.    return true;
  940. }
  941.  
  942.  
  943.  
  944.  
  945. piMesh.prototype.destroy = function()
  946. {
  947.    //delete this.mVerts;   this.mVerts = null;
  948.    //delete this.mIndices; this.mIndices = null;
  949. }
  950.  
  951. piMesh.prototype.scale = function (x, y, z)
  952. {
  953.    var stride = this.mVertexFormat.mStride/4;
  954.    for( var j=0; j<this.mChunks.length; j++ )
  955.    {
  956.        var nv = this.mChunks[j].mNumVertices;
  957.        for (var i = 0; i < nv; i++)
  958.        {
  959.            this.mChunks[j].mVerts[stride * i + 0] *= x;
  960.            this.mChunks[j].mVerts[stride * i + 1] *= y;
  961.            this.mChunks[j].mVerts[stride * i + 2] *= z;
  962.        }
  963.    }
  964. }
  965.  
  966. piMesh.prototype.translate = function (x, y, z)
  967. {
  968.    var stride = this.mVertexFormat.mStride/4;
  969.    for( var j=0; j<this.mChunks.length; j++ )
  970.    {
  971.        var nv = this.mChunks[j].mNumVertices;
  972.        for (var i = 0; i < nv; i++)
  973.        {
  974.            this.mChunks[j].mVerts[stride * i + 0] += x;
  975.            this.mChunks[j].mVerts[stride * i + 1] += y;
  976.            this.mChunks[j].mVerts[stride * i + 2] += z;
  977.        }
  978.    }
  979. }
  980.  
  981. piMesh.prototype.GPULoad = function (renderer)
  982. {
  983.    for( var i=0; i<this.mChunks.length; i++ )
  984.    {
  985.        var vbo = renderer.CreateVertexArray(this.mChunks[i].mVerts, renderer.BUFTYPE.STATIC );
  986.        if (vbo == null)
  987.            return false;
  988.  
  989.        var ibo = renderer.CreateIndexArray(this.mChunks[i].mIndices, renderer.BUFTYPE.STATIC);
  990.        if (ibo == null)
  991.            return false;
  992.  
  993.        this.mChunks[i].mVBO = vbo;
  994.        this.mChunks[i].mIBO = ibo;
  995.    }
  996.    return true;
  997. }
  998.  
  999. piMesh.prototype.GPURender = function (renderer, positions )//, matPrj, matCam )
  1000. {
  1001.    //renderer.SetShaderConstantMat4F("unMPrj", matPrj, false );
  1002.  
  1003.    var num = this.mChunks.length;
  1004.    for( var i=0; i<num; i++ )
  1005.    {
  1006.        //var mat =  matMul( matCam, this.mChunks[i].mTransform );
  1007.        //renderer.SetShaderConstantMat4F("unMMod", mat, false);
  1008.  
  1009.        renderer.AttachVertexArray(this.mChunks[i].mVBO, this.mVertexFormat, positions );
  1010.        renderer.AttachIndexArray(this.mChunks[i].mIBO );
  1011.        renderer.DrawPrimitive(renderer.PRIMTYPE.TRIANGLES, this.mChunks[i].mNumFaces * 3, true, 1);
  1012.        renderer.DetachIndexArray(this.mChunks[i].mIBO);
  1013.        renderer.DetachVertexArray(this.mChunks[i].mVBO, this.mVertexFormat );
  1014.    }
  1015. }
  1016. //==============================================================================
  1017. //
  1018. // piLibs 2014-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  1019. //
  1020. // piRenderer
  1021. //
  1022. //==============================================================================
  1023.  
  1024. function piRenderer()
  1025. {
  1026.    // private members
  1027.  
  1028.    var mGL = null;
  1029.    var mBindedShader = null;
  1030.    var mIs20 = false;
  1031.    var mFloat32Textures;
  1032.    var mFloat32Filter;
  1033.    var mFloat16Textures;
  1034.    var mDrawBuffers;
  1035.    var mDepthTextures;
  1036.    var mDerivatives;
  1037.    var mFloat16Filter;
  1038.    var mShaderTextureLOD;
  1039.    var mAnisotropic;
  1040.    var mRenderToFloat32F;
  1041.    var mDebugShader;
  1042.    var mAsynchCompile;
  1043.  
  1044.    var mVBO_Quad = null;
  1045.    var mVBO_Tri = null;
  1046.    var mVBO_CubePosNor = null;
  1047.    var mVBO_CubePos = null;
  1048.    var mShaderHeader = ["",""];
  1049.    var mShaderHeaderLines = [0,0];
  1050.  
  1051.    // public members
  1052.    var me = {};
  1053.  
  1054.    me.CLEAR      = { Color: 1, Zbuffer : 2, Stencil : 4 };
  1055.    me.TEXFMT     = { C4I8 : 0, C1I8 : 1, C1F16 : 2, C4F16 : 3, C1F32 : 4, C4F32 : 5, Z16 : 6, Z24 : 7, Z32 : 8, C3F32:9 };
  1056.    me.TEXWRP     = { CLAMP : 0, REPEAT : 1 };
  1057.    me.BUFTYPE    = { STATIC : 0, DYNAMIC : 1 };
  1058.    me.PRIMTYPE   = { POINTS : 0, LINES : 1, LINE_LOOP : 2, LINE_STRIP : 3, TRIANGLES : 4, TRIANGLE_STRIP : 5 };
  1059.    me.RENDSTGATE = { WIREFRAME : 0, FRONT_FACE : 1, CULL_FACE : 2, DEPTH_TEST : 3, ALPHA_TO_COVERAGE : 4 };
  1060.    me.TEXTYPE    = { T2D : 0, T3D : 1, CUBEMAP : 2 };
  1061.    me.FILTER     = { NONE : 0, LINEAR : 1, MIPMAP : 2, NONE_MIPMAP : 3 };
  1062.    me.TYPE       = { UINT8 : 0, UINT16 : 1, UINT32 : 2, FLOAT16: 3, FLOAT32 : 4, FLOAT64: 5 };
  1063.  
  1064.    // private functions
  1065.  
  1066.    var iFormatPI2GL = function( format )
  1067.    {
  1068.        if( mIs20 )
  1069.        {
  1070.             if (format === me.TEXFMT.C4I8)  return { mGLFormat: mGL.RGBA8,           mGLExternal: mGL.RGBA,             mGLType: mGL.UNSIGNED_BYTE }
  1071.        else if (format === me.TEXFMT.C1I8)  return { mGLFormat: mGL.R8,              mGLExternal: mGL.RED,              mGLType: mGL.UNSIGNED_BYTE }
  1072.        else if (format === me.TEXFMT.C1F16) return { mGLFormat: mGL.R16F,            mGLExternal: mGL.RED,              mGLType: mGL.FLOAT }
  1073.        else if (format === me.TEXFMT.C4F16) return { mGLFormat: mGL.RGBA16F,         mGLExternal: mGL.RGBA,             mGLType: mGL.FLOAT }
  1074.        else if (format === me.TEXFMT.C1F32) return { mGLFormat: mGL.R32F,            mGLExternal: mGL.RED,              mGLType: mGL.FLOAT }
  1075.        else if (format === me.TEXFMT.C4F32) return { mGLFormat: mGL.RGBA32F,         mGLExternal: mGL.RGBA,             mGLType: mGL.FLOAT }
  1076.        else if (format === me.TEXFMT.C3F32) return { mGLFormat: mGL.RGB32F,          mGLExternal: mGL.RGB,              mGLType: mGL.FLOAT }
  1077.        else if (format === me.TEXFMT.Z16)   return { mGLFormat: mGL.DEPTH_COMPONENT16, mGLExternal: mGL.DEPTH_COMPONENT,  mGLType: mGL.UNSIGNED_SHORT }
  1078.        else if (format === me.TEXFMT.Z24)   return { mGLFormat: mGL.DEPTH_COMPONENT24, mGLExternal: mGL.DEPTH_COMPONENT,  mGLType: mGL.UNSIGNED_SHORT }
  1079.        else if (format === me.TEXFMT.Z32)   return { mGLFormat: mGL.DEPTH_COMPONENT32F, mGLExternal: mGL.DEPTH_COMPONENT,  mGLType: mGL.UNSIGNED_SHORT }
  1080.        }
  1081.        else
  1082.        {
  1083.             if (format === me.TEXFMT.C4I8)  return { mGLFormat: mGL.RGBA,            mGLExternal: mGL.RGBA,            mGLType: mGL.UNSIGNED_BYTE }
  1084.        else if (format === me.TEXFMT.C1I8)  return { mGLFormat: mGL.LUMINANCE,       mGLExternal: mGL.LUMINANCE,       mGLType: mGL.UNSIGNED_BYTE }
  1085.        else if (format === me.TEXFMT.C1F16) return { mGLFormat: mGL.LUMINANCE,       mGLExternal: mGL.LUMINANCE,       mGLType: mGL.FLOAT }
  1086.        else if (format === me.TEXFMT.C4F16) return { mGLFormat: mGL.RGBA,            mGLExternal: mGL.RGBA,            mGLType: mGL.FLOAT }
  1087.        else if (format === me.TEXFMT.C1F32) return { mGLFormat: mGL.LUMINANCE,       mGLExternal: mGL.RED,             mGLType: mGL.FLOAT }
  1088.        else if (format === me.TEXFMT.C4F32) return { mGLFormat: mGL.RGBA,            mGLExternal: mGL.RGBA,            mGLType: mGL.FLOAT }
  1089.        else if (format === me.TEXFMT.Z16)   return { mGLFormat: mGL.DEPTH_COMPONENT, mGLExternal: mGL.DEPTH_COMPONENT, mGLType: mGL.UNSIGNED_SHORT }
  1090.        }
  1091.  
  1092.        return null;
  1093.     }
  1094.  
  1095.    // public functions
  1096.  
  1097.    me.Initialize = function( gl )
  1098.                    {
  1099.                        mGL = gl;
  1100.  
  1101.                        mIs20 = !(gl instanceof WebGLRenderingContext);
  1102.  
  1103.                        if( mIs20 )
  1104.                        {
  1105.                            mFloat32Textures  = true;
  1106.                            mFloat32Filter    = mGL.getExtension( 'OES_texture_float_linear');
  1107.                            mFloat16Textures  = true;
  1108.                            mFloat16Filter    = mGL.getExtension( 'OES_texture_half_float_linear' );
  1109.                            mDerivatives      = true;
  1110.                            mDrawBuffers      = true;
  1111.                            mDepthTextures    = true;
  1112.                            mShaderTextureLOD = true;
  1113.                            mAnisotropic = mGL.getExtension( 'EXT_texture_filter_anisotropic' );
  1114.                            mRenderToFloat32F = mGL.getExtension( 'EXT_color_buffer_float');
  1115.                            mDebugShader = mGL.getExtension('WEBGL_debug_shaders');
  1116.                            mAsynchCompile = mGL.getExtension('KHR_parallel_shader_compile');
  1117.  
  1118. mGL.hint( mGL.FRAGMENT_SHADER_DERIVATIVE_HINT, mGL.NICEST);
  1119.                        }
  1120.                        else
  1121.                        {
  1122.                            mFloat32Textures  = mGL.getExtension( 'OES_texture_float' );
  1123.                            mFloat32Filter    = mGL.getExtension( 'OES_texture_float_linear');
  1124.                            mFloat16Textures  = mGL.getExtension( 'OES_texture_half_float' );
  1125.                            mFloat16Filter    = mGL.getExtension( 'OES_texture_half_float_linear' );
  1126.                            mDerivatives      = mGL.getExtension( 'OES_standard_derivatives' );
  1127.                            mDrawBuffers      = mGL.getExtension( 'WEBGL_draw_buffers' );
  1128.                            mDepthTextures    = mGL.getExtension( 'WEBGL_depth_texture' );
  1129.                            mShaderTextureLOD = mGL.getExtension( 'EXT_shader_texture_lod' );
  1130.                            mAnisotropic      = mGL.getExtension( 'EXT_texture_filter_anisotropic' );
  1131.                            mRenderToFloat32F = mFloat32Textures;
  1132.                            mDebugShader      = null;
  1133.                            mAsynchCompile    = null;
  1135. if( mDerivatives !== null) mGL.hint( mDerivatives.FRAGMENT_SHADER_DERIVATIVE_HINT_OES, mGL.NICEST);
  1136.                        }
  1137.                        
  1138.                        
  1139.                        var maxTexSize = mGL.getParameter( mGL.MAX_TEXTURE_SIZE );
  1140.                        var maxCubeSize = mGL.getParameter( mGL.MAX_CUBE_MAP_TEXTURE_SIZE );
  1141.                        var maxRenderbufferSize = mGL.getParameter( mGL.MAX_RENDERBUFFER_SIZE );
  1142.                        var extensions = mGL.getSupportedExtensions();
  1143.                        var textureUnits = mGL.getParameter( mGL.MAX_TEXTURE_IMAGE_UNITS );
  1144.                        console.log("WebGL (2.0=" + mIs20 + "):" +
  1145.                                    " Asynch Compile: "  + ((mAsynchCompile !==null) ? "yes" : "no") +
  1146.                                    ", Textures: F32 ["   + ((mFloat32Textures !==null) ? "yes" : "no") +
  1147.                                    "], F16 ["   + ((mFloat16Textures !==null) ? "yes" : "no") +
  1148.                                    "], Depth [" + ((mDepthTextures   !==null) ? "yes" : "no") +
  1149.                                    "], LOD ["    + ((mShaderTextureLOD!==null) ? "yes" : "no") +
  1150.                                    "], Aniso ["   + ((mAnisotropic     !==null) ? "yes" : "no") +
  1151.                                    "], Units [" + textureUnits +
  1152.                                    "], Max Size [" + maxTexSize +
  1153.                                    "], Cube Max Size [" + maxCubeSize +
  1154.                                    "], Targets: MRT ["            + ((mDrawBuffers     !==null) ? "yes" : "no") +
  1155.                                    "], F32 ["     + ((mRenderToFloat32F!==null) ? "yes" : "no") +
  1156.                                    "], Max Size [" + maxRenderbufferSize + "]");
  1157.  
  1158.                        // create a 2D quad Vertex Buffer
  1159.                        var vertices = new Float32Array( [ -1.0, -1.0,   1.0, -1.0,    -1.0,  1.0,     1.0, -1.0,    1.0,  1.0,    -1.0,  1.0] );
  1160.                        mVBO_Quad = mGL.createBuffer();
  1161.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_Quad );
  1162.                        mGL.bufferData( mGL.ARRAY_BUFFER, vertices, mGL.STATIC_DRAW );
  1163.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  1164.  
  1165.                        // create a 2D triangle Vertex Buffer
  1166.                        mVBO_Tri = mGL.createBuffer();
  1167.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_Tri );
  1168.                        mGL.bufferData( mGL.ARRAY_BUFFER, new Float32Array( [ -1.0, -1.0,   3.0, -1.0,    -1.0,  3.0] ), mGL.STATIC_DRAW );
  1169.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  1170.  
  1171.                        // create a 3D cube Vertex Buffer
  1172.                        mVBO_CubePosNor = mGL.createBuffer();
  1173.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_CubePosNor );
  1174.                        mGL.bufferData( mGL.ARRAY_BUFFER, new Float32Array( [ -1.0, -1.0, -1.0,  -1.0,  0.0,  0.0,
  1175.                                                                              -1.0, -1.0,  1.0,  -1.0,  0.0,  0.0,
  1176.                                                                              -1.0,  1.0, -1.0,  -1.0,  0.0,  0.0,
  1177.                                                                              -1.0,  1.0,  1.0,  -1.0,  0.0,  0.0,
  1178.                                                                               1.0,  1.0, -1.0,   1.0,  0.0,  0.0,
  1179.                                                                               1.0,  1.0,  1.0,   1.0,  0.0,  0.0,
  1180.                                                                               1.0, -1.0, -1.0,   1.0,  0.0,  0.0,
  1181.                                                                               1.0, -1.0,  1.0,   1.0,  0.0,  0.0,
  1182.                                                                               1.0,  1.0,  1.0,   0.0,  1.0,  0.0,
  1183.                                                                               1.0,  1.0, -1.0,   0.0,  1.0,  0.0,
  1184.                                                                              -1.0,  1.0,  1.0,   0.0,  1.0,  0.0,
  1185.                                                                              -1.0,  1.0, -1.0,   0.0,  1.0,  0.0,
  1186.                                                                               1.0, -1.0, -1.0,   0.0, -1.0,  0.0,
  1187.                                                                               1.0, -1.0,  1.0,   0.0, -1.0,  0.0,
  1188.                                                                              -1.0, -1.0, -1.0,   0.0, -1.0,  0.0,
  1189.                                                                              -1.0, -1.0,  1.0,   0.0, -1.0,  0.0,
  1190.                                                                              -1.0,  1.0,  1.0,   0.0,  0.0,  1.0,
  1191.                                                                              -1.0, -1.0,  1.0,   0.0,  0.0,  1.0,
  1192.                                                                               1.0,  1.0,  1.0,   0.0,  0.0,  1.0,
  1193.                                                                               1.0, -1.0,  1.0,   0.0,  0.0,  1.0,
  1194.                                                                              -1.0, -1.0, -1.0,   0.0,  0.0, -1.0,
  1195.                                                                              -1.0,  1.0, -1.0,   0.0,  0.0, -1.0,
  1196.                                                                               1.0, -1.0, -1.0,   0.0,  0.0, -1.0,
  1197.                                                                               1.0,  1.0, -1.0,   0.0,  0.0, -1.0 ] ), mGL.STATIC_DRAW );
  1198.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  1199.  
  1200.                        // create a 3D cube Vertex Buffer
  1201.                        mVBO_CubePos = mGL.createBuffer();
  1202.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_CubePos );
  1203.                        mGL.bufferData( mGL.ARRAY_BUFFER, new Float32Array( [ -1.0, -1.0, -1.0,
  1204.                                                                              -1.0, -1.0,  1.0,
  1205.                                                                              -1.0,  1.0, -1.0,
  1206.                                                                              -1.0,  1.0,  1.0,
  1207.                                                                               1.0,  1.0, -1.0,
  1208.                                                                               1.0,  1.0,  1.0,
  1209.                                                                               1.0, -1.0, -1.0,
  1210.                                                                               1.0, -1.0,  1.0,
  1211.                                                                               1.0,  1.0,  1.0,
  1212.                                                                               1.0,  1.0, -1.0,
  1213.                                                                              -1.0,  1.0,  1.0,
  1214.                                                                              -1.0,  1.0, -1.0,
  1215.                                                                               1.0, -1.0, -1.0,
  1216.                                                                               1.0, -1.0,  1.0,
  1217.                                                                              -1.0, -1.0, -1.0,
  1218.                                                                              -1.0, -1.0,  1.0,
  1219.                                                                              -1.0,  1.0,  1.0,
  1220.                                                                              -1.0, -1.0,  1.0,
  1221.                                                                               1.0,  1.0,  1.0,
  1222.                                                                               1.0, -1.0,  1.0,
  1223.                                                                              -1.0, -1.0, -1.0,
  1224.                                                                              -1.0,  1.0, -1.0,
  1225.                                                                               1.0, -1.0, -1.0,
  1226.                                                                               1.0,  1.0, -1.0 ] ), mGL.STATIC_DRAW );
  1227.                        mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  1228.  
  1229.                        //-------------------------------------------------------------------
  1230.  
  1231.                        mShaderHeader[0] = "";
  1232.                        mShaderHeaderLines[0] = 0;
  1233.                        if( mIs20 )
  1234.                        {
  1235.                            mShaderHeader[0] += "#version 300 es\n" +
  1236.                                                "#ifdef GL_ES\n"+
  1237.                                                "precision highp float;\n" +
  1238.                                                "precision highp int;\n"+
  1239.                                                "precision mediump sampler3D;\n"+
  1240.                                                "#endif\n";
  1241.                            mShaderHeaderLines[0] += 6;
  1242.                        }
  1243.                        else
  1244.                        {
  1245.                            mShaderHeader[0] += "#ifdef GL_ES\n"+
  1246.                                                "precision highp float;\n" +
  1247.                                                "precision highp int;\n"+
  1248.                                                "#endif\n"+
  1249.                                                "float round( float x ) { return floor(x+0.5); }\n"+
  1250.                                                "vec2 round(vec2 x) { return floor(x + 0.5); }\n"+
  1251.                                                "vec3 round(vec3 x) { return floor(x + 0.5); }\n"+
  1252.                                                "vec4 round(vec4 x) { return floor(x + 0.5); }\n"+
  1253.                                                "float trunc( float x, float n ) { return floor(x*n)/n; }\n"+
  1254.                                                "mat3 transpose(mat3 m) { return mat3(m[0].x, m[1].x, m[2].x, m[0].y, m[1].y, m[2].y, m[0].z, m[1].z, m[2].z); }\n"+
  1255.                                                "float determinant( in mat2 m ) { return m[0][0]*m[1][1] - m[0][1]*m[1][0]; }\n"+
  1256.                                                "float determinant( mat4 m ) { float b00 = m[0][0] * m[1][1] - m[0][1] * m[1][0], b01 = m[0][0] * m[1][2] - m[0][2] * m[1][0], b02 = m[0][0] * m[1][3] - m[0][3] * m[1][0], b03 = m[0][1] * m[1][2] - m[0][2] * m[1][1], b04 = m[0][1] * m[1][3] - m[0][3] * m[1][1], b05 = m[0][2] * m[1][3] - m[0][3] * m[1][2], b06 = m[2][0] * m[3][1] - m[2][1] * m[3][0], b07 = m[2][0] * m[3][2] - m[2][2] * m[3][0], b08 = m[2][0] * m[3][3] - m[2][3] * m[3][0], b09 = m[2][1] * m[3][2] - m[2][2] * m[3][1], b10 = m[2][1] * m[3][3] - m[2][3] * m[3][1], b11 = m[2][2] * m[3][3] - m[2][3] * m[3][2];  return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;}\n"+
  1257.                                                "mat2 inverse(mat2 m) { float det = determinant(m); return mat2(m[1][1], -m[0][1], -m[1][0], m[0][0]) / det; }\n"+
  1258.                                                "mat4 inverse(mat4 m ) { float inv0 = m[1].y*m[2].z*m[3].w - m[1].y*m[2].w*m[3].z - m[2].y*m[1].z*m[3].w + m[2].y*m[1].w*m[3].z + m[3].y*m[1].z*m[2].w - m[3].y*m[1].w*m[2].z; float inv4 = -m[1].x*m[2].z*m[3].w + m[1].x*m[2].w*m[3].z + m[2].x*m[1].z*m[3].w - m[2].x*m[1].w*m[3].z - m[3].x*m[1].z*m[2].w + m[3].x*m[1].w*m[2].z; float inv8 = m[1].x*m[2].y*m[3].w - m[1].x*m[2].w*m[3].y - m[2].x  * m[1].y * m[3].w + m[2].x  * m[1].w * m[3].y + m[3].x * m[1].y * m[2].w - m[3].x * m[1].w * m[2].y; float inv12 = -m[1].x  * m[2].y * m[3].z + m[1].x  * m[2].z * m[3].y +m[2].x  * m[1].y * m[3].z - m[2].x  * m[1].z * m[3].y - m[3].x * m[1].y * m[2].z + m[3].x * m[1].z * m[2].y; float inv1 = -m[0].y*m[2].z * m[3].w + m[0].y*m[2].w * m[3].z + m[2].y  * m[0].z * m[3].w - m[2].y  * m[0].w * m[3].z - m[3].y * m[0].z * m[2].w + m[3].y * m[0].w * m[2].z; float inv5 = m[0].x  * m[2].z * m[3].w - m[0].x  * m[2].w * m[3].z - m[2].x  * m[0].z * m[3].w + m[2].x  * m[0].w * m[3].z + m[3].x * m[0].z * m[2].w - m[3].x * m[0].w * m[2].z; float inv9 = -m[0].x  * m[2].y * m[3].w +  m[0].x  * m[2].w * m[3].y + m[2].x  * m[0].y * m[3].w - m[2].x  * m[0].w * m[3].y - m[3].x * m[0].y * m[2].w + m[3].x * m[0].w * m[2].y; float inv13 = m[0].x  * m[2].y * m[3].z - m[0].x  * m[2].z * m[3].y - m[2].x  * m[0].y * m[3].z + m[2].x  * m[0].z * m[3].y + m[3].x * m[0].y * m[2].z - m[3].x * m[0].z * m[2].y; float inv2 = m[0].y  * m[1].z * m[3].w - m[0].y  * m[1].w * m[3].z - m[1].y  * m[0].z * m[3].w + m[1].y  * m[0].w * m[3].z + m[3].y * m[0].z * m[1].w - m[3].y * m[0].w * m[1].z; float inv6 = -m[0].x  * m[1].z * m[3].w + m[0].x  * m[1].w * m[3].z + m[1].x  * m[0].z * m[3].w - m[1].x  * m[0].w * m[3].z - m[3].x * m[0].z * m[1].w + m[3].x * m[0].w * m[1].z; float inv10 = m[0].x  * m[1].y * m[3].w - m[0].x  * m[1].w * m[3].y - m[1].x  * m[0].y * m[3].w + m[1].x  * m[0].w * m[3].y + m[3].x * m[0].y * m[1].w - m[3].x * m[0].w * m[1].y; float inv14 = -m[0].x  * m[1].y * m[3].z + m[0].x  * m[1].z * m[3].y + m[1].x  * m[0].y * m[3].z - m[1].x  * m[0].z * m[3].y - m[3].x * m[0].y * m[1].z + m[3].x * m[0].z * m[1].y; float inv3 = -m[0].y * m[1].z * m[2].w + m[0].y * m[1].w * m[2].z + m[1].y * m[0].z * m[2].w - m[1].y * m[0].w * m[2].z - m[2].y * m[0].z * m[1].w + m[2].y * m[0].w * m[1].z; float inv7 = m[0].x * m[1].z * m[2].w - m[0].x * m[1].w * m[2].z - m[1].x * m[0].z * m[2].w + m[1].x * m[0].w * m[2].z + m[2].x * m[0].z * m[1].w - m[2].x * m[0].w * m[1].z; float inv11 = -m[0].x * m[1].y * m[2].w + m[0].x * m[1].w * m[2].y + m[1].x * m[0].y * m[2].w - m[1].x * m[0].w * m[2].y - m[2].x * m[0].y * m[1].w + m[2].x * m[0].w * m[1].y; float inv15 = m[0].x * m[1].y * m[2].z - m[0].x * m[1].z * m[2].y - m[1].x * m[0].y * m[2].z + m[1].x * m[0].z * m[2].y + m[2].x * m[0].y * m[1].z - m[2].x * m[0].z * m[1].y; float det = m[0].x * inv0 + m[0].y * inv4 + m[0].z * inv8 + m[0].w * inv12; det = 1.0 / det; return det*mat4( inv0, inv1, inv2, inv3,inv4, inv5, inv6, inv7,inv8, inv9, inv10, inv11,inv12, inv13, inv14, inv15);}\n"+                                                
  1259.                                                "float sinh(float x)  { return (exp(x)-exp(-x))/2.; }\n"+
  1260.                                                "float cosh(float x)  { return (exp(x)+exp(-x))/2.; }\n"+
  1261.                                                "float tanh(float x)  { return sinh(x)/cosh(x); }\n"+
  1262.                                                "float coth(float x)  { return cosh(x)/sinh(x); }\n"+
  1263.                                                "float sech(float x)  { return 1./cosh(x); }\n"+
  1264.                                                "float csch(float x)  { return 1./sinh(x); }\n"+
  1265.                                                "float asinh(float x) { return    log(x+sqrt(x*x+1.)); }\n"+
  1266.                                                "float acosh(float x) { return    log(x+sqrt(x*x-1.)); }\n"+
  1267.                                                "float atanh(float x) { return .5*log((1.+x)/(1.-x)); }\n"+
  1268.                                                "float acoth(float x) { return .5*log((x+1.)/(x-1.)); }\n"+
  1269.                                                "float asech(float x) { return    log((1.+sqrt(1.-x*x))/x); }\n"+
  1270.                                                "float acsch(float x) { return    log((1.+sqrt(1.+x*x))/x); }\n";
  1271.                            mShaderHeaderLines[0] += 26;
  1272.                        }
  1273.  
  1274.                        //-------------------------------------------------------
  1275.  
  1276.                        mShaderHeader[1] = "";
  1277.                        mShaderHeaderLines[1] = 0;
  1278.                        if( mIs20 )
  1279.                        {
  1280.                            mShaderHeader[1] += "#version 300 es\n"+
  1281.                                                "#ifdef GL_ES\n"+
  1282.                                                "precision highp float;\n"+
  1283.                                                "precision highp int;\n"+
  1284.                                                "precision mediump sampler3D;\n"+
  1285.                                                "#endif\n";
  1286.                            mShaderHeaderLines[1] += 6;
  1287.                        }
  1288.                        else
  1289.                        {
  1290.                            if( mDerivatives ) { mShaderHeader[1] += "#ifdef GL_OES_standard_derivatives\n#extension GL_OES_standard_derivatives : enable\n#endif\n"; mShaderHeaderLines[1]+=3; }
  1291.                            if( mShaderTextureLOD  ) { mShaderHeader[1] += "#extension GL_EXT_shader_texture_lod : enable\n"; mShaderHeaderLines[1]++; }
  1292.                            mShaderHeader[1] += "#ifdef GL_ES\n"+
  1293.                                                "precision highp float;\n"+
  1294.                                                "precision highp int;\n"+
  1295.                                                "#endif\n"+
  1296.                                                "vec4 texture(     sampler2D   s, vec2 c)                   { return texture2D(s,c); }\n"+
  1297.                                                "vec4 texture(     sampler2D   s, vec2 c, float b)          { return texture2D(s,c,b); }\n"+
  1298.                                                "vec4 texture(     samplerCube s, vec3 c )                  { return textureCube(s,c); }\n"+
  1299.                                                "vec4 texture(     samplerCube s, vec3 c, float b)          { return textureCube(s,c,b); }\n"+
  1300.                                                "float round( float x ) { return floor(x+0.5); }\n"+
  1301.                                                "vec2 round(vec2 x) { return floor(x + 0.5); }\n"+
  1302.                                                "vec3 round(vec3 x) { return floor(x + 0.5); }\n"+
  1303.                                                "vec4 round(vec4 x) { return floor(x + 0.5); }\n"+
  1304.                                                "float trunc( float x, float n ) { return floor(x*n)/n; }\n"+
  1305.                                                "mat3 transpose(mat3 m) { return mat3(m[0].x, m[1].x, m[2].x, m[0].y, m[1].y, m[2].y, m[0].z, m[1].z, m[2].z); }\n"+
  1306.                                                "float determinant( in mat2 m ) { return m[0][0]*m[1][1] - m[0][1]*m[1][0]; }\n"+
  1307.                                                "float determinant( mat4 m ) { float b00 = m[0][0] * m[1][1] - m[0][1] * m[1][0], b01 = m[0][0] * m[1][2] - m[0][2] * m[1][0], b02 = m[0][0] * m[1][3] - m[0][3] * m[1][0], b03 = m[0][1] * m[1][2] - m[0][2] * m[1][1], b04 = m[0][1] * m[1][3] - m[0][3] * m[1][1], b05 = m[0][2] * m[1][3] - m[0][3] * m[1][2], b06 = m[2][0] * m[3][1] - m[2][1] * m[3][0], b07 = m[2][0] * m[3][2] - m[2][2] * m[3][0], b08 = m[2][0] * m[3][3] - m[2][3] * m[3][0], b09 = m[2][1] * m[3][2] - m[2][2] * m[3][1], b10 = m[2][1] * m[3][3] - m[2][3] * m[3][1], b11 = m[2][2] * m[3][3] - m[2][3] * m[3][2];  return b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;}\n"+
  1308.                                                "mat2 inverse(mat2 m) { float det = determinant(m); return mat2(m[1][1], -m[0][1], -m[1][0], m[0][0]) / det; }\n"+
  1309.                                                "mat4 inverse(mat4 m ) { float inv0 = m[1].y*m[2].z*m[3].w - m[1].y*m[2].w*m[3].z - m[2].y*m[1].z*m[3].w + m[2].y*m[1].w*m[3].z + m[3].y*m[1].z*m[2].w - m[3].y*m[1].w*m[2].z; float inv4 = -m[1].x*m[2].z*m[3].w + m[1].x*m[2].w*m[3].z + m[2].x*m[1].z*m[3].w - m[2].x*m[1].w*m[3].z - m[3].x*m[1].z*m[2].w + m[3].x*m[1].w*m[2].z; float inv8 = m[1].x*m[2].y*m[3].w - m[1].x*m[2].w*m[3].y - m[2].x  * m[1].y * m[3].w + m[2].x  * m[1].w * m[3].y + m[3].x * m[1].y * m[2].w - m[3].x * m[1].w * m[2].y; float inv12 = -m[1].x  * m[2].y * m[3].z + m[1].x  * m[2].z * m[3].y +m[2].x  * m[1].y * m[3].z - m[2].x  * m[1].z * m[3].y - m[3].x * m[1].y * m[2].z + m[3].x * m[1].z * m[2].y; float inv1 = -m[0].y*m[2].z * m[3].w + m[0].y*m[2].w * m[3].z + m[2].y  * m[0].z * m[3].w - m[2].y  * m[0].w * m[3].z - m[3].y * m[0].z * m[2].w + m[3].y * m[0].w * m[2].z; float inv5 = m[0].x  * m[2].z * m[3].w - m[0].x  * m[2].w * m[3].z - m[2].x  * m[0].z * m[3].w + m[2].x  * m[0].w * m[3].z + m[3].x * m[0].z * m[2].w - m[3].x * m[0].w * m[2].z; float inv9 = -m[0].x  * m[2].y * m[3].w +  m[0].x  * m[2].w * m[3].y + m[2].x  * m[0].y * m[3].w - m[2].x  * m[0].w * m[3].y - m[3].x * m[0].y * m[2].w + m[3].x * m[0].w * m[2].y; float inv13 = m[0].x  * m[2].y * m[3].z - m[0].x  * m[2].z * m[3].y - m[2].x  * m[0].y * m[3].z + m[2].x  * m[0].z * m[3].y + m[3].x * m[0].y * m[2].z - m[3].x * m[0].z * m[2].y; float inv2 = m[0].y  * m[1].z * m[3].w - m[0].y  * m[1].w * m[3].z - m[1].y  * m[0].z * m[3].w + m[1].y  * m[0].w * m[3].z + m[3].y * m[0].z * m[1].w - m[3].y * m[0].w * m[1].z; float inv6 = -m[0].x  * m[1].z * m[3].w + m[0].x  * m[1].w * m[3].z + m[1].x  * m[0].z * m[3].w - m[1].x  * m[0].w * m[3].z - m[3].x * m[0].z * m[1].w + m[3].x * m[0].w * m[1].z; float inv10 = m[0].x  * m[1].y * m[3].w - m[0].x  * m[1].w * m[3].y - m[1].x  * m[0].y * m[3].w + m[1].x  * m[0].w * m[3].y + m[3].x * m[0].y * m[1].w - m[3].x * m[0].w * m[1].y; float inv14 = -m[0].x  * m[1].y * m[3].z + m[0].x  * m[1].z * m[3].y + m[1].x  * m[0].y * m[3].z - m[1].x  * m[0].z * m[3].y - m[3].x * m[0].y * m[1].z + m[3].x * m[0].z * m[1].y; float inv3 = -m[0].y * m[1].z * m[2].w + m[0].y * m[1].w * m[2].z + m[1].y * m[0].z * m[2].w - m[1].y * m[0].w * m[2].z - m[2].y * m[0].z * m[1].w + m[2].y * m[0].w * m[1].z; float inv7 = m[0].x * m[1].z * m[2].w - m[0].x * m[1].w * m[2].z - m[1].x * m[0].z * m[2].w + m[1].x * m[0].w * m[2].z + m[2].x * m[0].z * m[1].w - m[2].x * m[0].w * m[1].z; float inv11 = -m[0].x * m[1].y * m[2].w + m[0].x * m[1].w * m[2].y + m[1].x * m[0].y * m[2].w - m[1].x * m[0].w * m[2].y - m[2].x * m[0].y * m[1].w + m[2].x * m[0].w * m[1].y; float inv15 = m[0].x * m[1].y * m[2].z - m[0].x * m[1].z * m[2].y - m[1].x * m[0].y * m[2].z + m[1].x * m[0].z * m[2].y + m[2].x * m[0].y * m[1].z - m[2].x * m[0].z * m[1].y; float det = m[0].x * inv0 + m[0].y * inv4 + m[0].z * inv8 + m[0].w * inv12; det = 1.0 / det; return det*mat4( inv0, inv1, inv2, inv3,inv4, inv5, inv6, inv7,inv8, inv9, inv10, inv11,inv12, inv13, inv14, inv15);}\n"+
  1310.                                                "float sinh(float x)  { return (exp(x)-exp(-x))/2.; }\n"+
  1311.                                                "float cosh(float x)  { return (exp(x)+exp(-x))/2.; }\n"+
  1312.                                                "float tanh(float x)  { return sinh(x)/cosh(x); }\n"+
  1313.                                                "float coth(float x)  { return cosh(x)/sinh(x); }\n"+
  1314.                                                "float sech(float x)  { return 1./cosh(x); }\n"+
  1315.                                                "float csch(float x)  { return 1./sinh(x); }\n"+
  1316.                                                "float asinh(float x) { return    log(x+sqrt(x*x+1.)); }\n"+
  1317.                                                "float acosh(float x) { return    log(x+sqrt(x*x-1.)); }\n"+
  1318.                                                "float atanh(float x) { return .5*log((1.+x)/(1.-x)); }\n"+
  1319.                                                "float acoth(float x) { return .5*log((x+1.)/(x-1.)); }\n"+
  1320.                                                "float asech(float x) { return    log((1.+sqrt(1.-x*x))/x); }\n"+
  1321.                                                "float acsch(float x) { return    log((1.+sqrt(1.+x*x))/x); }\n";
  1322.                            mShaderHeaderLines[1] += 30;
  1323.                            if( mShaderTextureLOD )
  1324.                            {
  1325.                            mShaderHeader[1] += "vec4 textureLod(  sampler2D   s, vec2 c, float b)          { return texture2DLodEXT(s,c,b); }\n";
  1326.                            mShaderHeader[1] += "vec4 textureGrad( sampler2D   s, vec2 c, vec2 dx, vec2 dy) { return texture2DGradEXT(s,c,dx,dy); }\n";
  1327.                            mShaderHeaderLines[1] += 2;
  1328.  
  1329.                            //mShaderHeader[1] += "vec4 texelFetch( sampler2D s, ivec2 c, int l) { return texture2DLodEXT(s,(vec2(c)+0.5)/vec2(800,450),float(l)); }\n";
  1330.                            //mShaderHeaderLines[1] += 1;
  1331.                            }
  1332.                        }
  1333.  
  1334.                        return true;
  1335.                    };
  1336.  
  1337.        me.GetCaps =    function ()
  1338.                        {  
  1339.                            return { mIsGL20 : mIs20,
  1340.                                     mFloat32Textures: mFloat32Textures != null,
  1341.                                     mFloat16Textures: mFloat16Textures != null,
  1342.                                     mDrawBuffers: mDrawBuffers != null,
  1343.                                     mDepthTextures: mDepthTextures != null,
  1344.                                     mDerivatives: mDerivatives != null,
  1345.                                     mShaderTextureLOD: mShaderTextureLOD != null };
  1346.                        };
  1347.  
  1348.        me.GetShaderHeaderLines = function (shaderType)
  1349.                        {  
  1350.                            return mShaderHeaderLines[shaderType];
  1351.                        };
  1352.  
  1353.        me.CheckErrors = function()
  1354.                         {
  1355.                                var error = mGL.getError();
  1356.                                if( error != mGL.NO_ERROR )
  1357.                                {
  1358.                                    for( var prop in mGL )
  1359.                                    {
  1360.                                        if( typeof mGL[prop] == 'number' )
  1361.                                        {
  1362.                                            if( mGL[prop] == error )
  1363.                                            {
  1364.                                                console.log( "GL Error " + error + ": " + prop );
  1365.                                                break;
  1366.                                            }
  1367.                                        }
  1368.                                    }
  1369.                                }
  1370.                         };
  1371.  
  1372.        me.Clear =  function( flags, ccolor, cdepth, cstencil )
  1373.                    {
  1374.                        var mode = 0;
  1375.                        if( flags & 1 ) { mode |= mGL.COLOR_BUFFER_BIT;   mGL.clearColor( ccolor[0], ccolor[1], ccolor[2], ccolor[3] ); }
  1376.                        if( flags & 2 ) { mode |= mGL.DEPTH_BUFFER_BIT;   mGL.clearDepth( cdepth ); }
  1377.                        if( flags & 4 ) { mode |= mGL.STENCIL_BUFFER_BIT; mGL.clearStencil( cstencil ); }
  1378.                        mGL.clear( mode );
  1379.                    };
  1380.  
  1381.  
  1382.        me.CreateTexture = function ( type, xres, yres, format, filter, wrap, buffer)
  1383.                           {
  1384.                                if( mGL===null ) return null;
  1385.  
  1386.                                var id = mGL.createTexture();
  1387.  
  1388.                                var glFoTy = iFormatPI2GL( format );
  1389.                                var glWrap = mGL.REPEAT; if (wrap === me.TEXWRP.CLAMP) glWrap = mGL.CLAMP_TO_EDGE;
  1390.  
  1391.                                if( type===me.TEXTYPE.T2D )
  1392.                                {
  1393.                                    mGL.bindTexture( mGL.TEXTURE_2D, id );
  1394. //if( buffer==null )
  1395.    //mGL.texStorage2D(mGL.TEXTURE_2D, 0, glFoTy.mGLFormat, xres, yres);
  1396. //else
  1397.                                    mGL.texImage2D( mGL.TEXTURE_2D, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1398.                                    mGL.texParameteri( mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_S, glWrap );
  1399.                                    mGL.texParameteri( mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_T, glWrap );
  1400.  
  1401.                                    if (filter === me.FILTER.NONE)
  1402.                                    {
  1403.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1404.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1405.                                    }
  1406.                                    else if (filter === me.FILTER.LINEAR)
  1407.                                    {
  1408.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1409.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1410.                                    }
  1411.                                    else if (filter === me.FILTER.MIPMAP)
  1412.                                    {
  1413.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1414.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1415.                                        mGL.generateMipmap(mGL.TEXTURE_2D);
  1416.                                    }
  1417.                                    else
  1418.                                    {
  1419.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1420.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1421.                                        mGL.generateMipmap(mGL.TEXTURE_2D);
  1422.                                    }
  1423.  
  1424.                                    mGL.bindTexture( mGL.TEXTURE_2D, null );
  1425.                                }
  1426.                                else if( type===me.TEXTYPE.T3D )
  1427.                                {
  1428.                                    if( mIs20 )
  1429.                                    {
  1430.                                        mGL.bindTexture( mGL.TEXTURE_3D, id );
  1431.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_BASE_LEVEL, 0);
  1432.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAX_LEVEL, Math.log2(xres));
  1433.                                        if (filter === me.FILTER.NONE)
  1434.                                        {
  1435.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1436.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1437.                                        }
  1438.                                        else if (filter === me.FILTER.LINEAR)
  1439.                                        {
  1440.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1441.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1442.                                        }
  1443.                                        else if (filter === me.FILTER.MIPMAP)
  1444.                                        {
  1445.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1446.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1447.                                        }
  1448.                                        else
  1449.                                        {
  1450.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1451.                                            mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1452.                                            mGL.generateMipmap(mGL.TEXTURE_3D);
  1453.                                        }
  1454.                                        mGL.texImage3D( mGL.TEXTURE_3D, 0, glFoTy.mGLFormat, xres, yres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1455.  
  1456.                                        mGL.texParameteri( mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_R, glWrap );
  1457.                                        mGL.texParameteri( mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_S, glWrap );
  1458.                                        mGL.texParameteri( mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_T, glWrap );
  1459.  
  1460.                                        if (filter === me.FILTER.MIPMAP)
  1461.                                            mGL.generateMipmap( mGL.TEXTURE_3D );
  1462.                                        mGL.bindTexture( mGL.TEXTURE_3D, null );
  1463.                                    }
  1464.                                    else
  1465.                                    {
  1466.                                        return null;
  1467.                                    }
  1468.                                }
  1469.                                else
  1470.                                {
  1471.                                    mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, id );
  1472.  
  1473.                                    // this works great if we know the number of required mipmaps in advance (1, or other)
  1474.                                   //mGL.texStorage2D( mGL.TEXTURE_CUBE_MAP, 1, glFoTy.mGLFormat, xres, yres );
  1475.  
  1476.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_POSITIVE_X, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1477.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1478.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1479.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1480.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1481.                                    mGL.texImage2D( mGL.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, glFoTy.mGLFormat, xres, yres, 0, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1482.  
  1483.                                    if( filter === me.FILTER.NONE)
  1484.                                    {
  1485.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1486.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1487.                                    }
  1488.                                    else if (filter === me.FILTER.LINEAR)
  1489.                                    {
  1490.                                        mGL.texParameteri( mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR );
  1491.                                        mGL.texParameteri( mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR );
  1492.                                    }
  1493.                                    else if (filter === me.FILTER.MIPMAP)
  1494.                                    {
  1495.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1496.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1497.                                    }
  1498.  
  1499.                                    if (filter === me.FILTER.MIPMAP)
  1500.                                        mGL.generateMipmap( mGL.TEXTURE_CUBE_MAP );
  1501.  
  1502.                                    mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, null );
  1503.                                }
  1504.                        return { mObjectID: id, mXres: xres, mYres: yres, mFormat: format, mType: type, mFilter: filter, mWrap: wrap, mVFlip:false };
  1505.                        };
  1506.  
  1507.        me.CreateTextureFromImage = function ( type, image, format, filter, wrap, flipY)
  1508.                                {
  1509.                                    if( mGL===null ) return null;
  1510.  
  1511.                                    var id = mGL.createTexture();
  1512.  
  1513.                                    var glFoTy = iFormatPI2GL( format );
  1514.  
  1515.                                    var glWrap = mGL.REPEAT; if (wrap === me.TEXWRP.CLAMP) glWrap = mGL.CLAMP_TO_EDGE;
  1516.  
  1517.                                    if( type===me.TEXTYPE.T2D )
  1518.                                    {
  1519.                                        mGL.bindTexture(mGL.TEXTURE_2D, id);
  1520.  
  1521.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, flipY);
  1522.                                        mGL.pixelStorei(mGL.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
  1523.                                        if( mIs20 ) mGL.pixelStorei(mGL.UNPACK_COLORSPACE_CONVERSION_WEBGL, mGL.NONE );
  1524.  
  1525.                                        mGL.texImage2D(mGL.TEXTURE_2D, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image);
  1526.  
  1527.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_S, glWrap);
  1528.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_T, glWrap);
  1529.  
  1530.                                        if (filter === me.FILTER.NONE)
  1531.                                        {
  1532.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1533.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1534.                                        }
  1535.                                        else if (filter === me.FILTER.LINEAR)
  1536.                                        {
  1537.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1538.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1539.                                        }
  1540.                                        else if( filter === me.FILTER.MIPMAP)
  1541.                                        {
  1542.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1543.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1544.                                            mGL.generateMipmap(mGL.TEXTURE_2D);
  1545.                                        }
  1546.                                        else
  1547.                                        {
  1548.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1549.                                            mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1550.                                            mGL.generateMipmap(mGL.TEXTURE_2D);
  1551.                                        }
  1552.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1553.                                        mGL.bindTexture(mGL.TEXTURE_2D, null);
  1554.                                    }
  1555.                                    else if( type===me.TEXTYPE.T3D )
  1556.                                    {
  1557.                                        return null;
  1558.                                    }
  1559.                                    else
  1560.                                    {
  1561.                                        mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, id );
  1562.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, flipY);
  1563.                                        mGL.activeTexture( mGL.TEXTURE0 );
  1564.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_X, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[0] );
  1565.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[1] );
  1566.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, (flipY ? image[3] : image[2]) );
  1567.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, (flipY ? image[2] : image[3]) );
  1568.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[4] );
  1569.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[5] );
  1570.  
  1571.                                        if( filter === me.FILTER.NONE)
  1572.                                        {
  1573.                                            mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1574.                                            mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1575.                                        }
  1576.                                        else if (filter === me.FILTER.LINEAR)
  1577.                                        {
  1578.                                            mGL.texParameteri( mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR );
  1579.                                            mGL.texParameteri( mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR );
  1580.                                        }
  1581.                                        else if (filter === me.FILTER.MIPMAP)
  1582.                                        {
  1583.                                            mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1584.                                            mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1585.                                            mGL.generateMipmap( mGL.TEXTURE_CUBE_MAP );
  1586.                                        }
  1587.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1588.                                        mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, null );
  1589.                                    }
  1590.                                    return { mObjectID: id, mXres: image.width, mYres: image.height, mFormat: format, mType: type, mFilter: filter, mWrap:wrap, mVFlip:flipY };
  1591.                                };
  1592.  
  1593.        me.SetSamplerFilter = function (te, filter, doGenerateMipsIfNeeded)
  1594.                            {
  1595.                                if (te.mFilter === filter) return;
  1596.  
  1597.                                if (te.mType === me.TEXTYPE.T2D)
  1598.                                {
  1599.                                    mGL.bindTexture(mGL.TEXTURE_2D, te.mObjectID);
  1600.  
  1601.                                    if (filter === me.FILTER.NONE)
  1602.                                    {
  1603.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1604.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1605.                                    }
  1606.                                    else if (filter === me.FILTER.LINEAR)
  1607.                                    {
  1608.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1609.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1610.                                    }
  1611.                                    else if (filter === me.FILTER.MIPMAP)
  1612.                                    {
  1613.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1614.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1615.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_2D);
  1616.                                    }
  1617.                                    else
  1618.                                    {
  1619.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1620.                                        mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1621.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_2D);
  1622.                                    }
  1623.  
  1624.                                    mGL.bindTexture(mGL.TEXTURE_2D, null);
  1625.  
  1626.                                }
  1627.                                else if (te.mType === me.TEXTYPE.T3D)
  1628.                                {
  1629.                                    mGL.bindTexture(mGL.TEXTURE_3D, te.mObjectID);
  1630.  
  1631.                                    if (filter === me.FILTER.NONE)
  1632.                                    {
  1633.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1634.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1635.                                    }
  1636.                                    else if (filter === me.FILTER.LINEAR)
  1637.                                    {
  1638.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1639.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1640.                                    }
  1641.                                    else if (filter === me.FILTER.MIPMAP)
  1642.                                    {
  1643.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1644.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1645.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_3D);
  1646.                                    }
  1647.                                    else
  1648.                                    {
  1649.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1650.                                        mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1651.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_3D);
  1652.                                    }
  1653.  
  1654.                                    mGL.bindTexture(mGL.TEXTURE_3D, null);
  1655.  
  1656.                                }
  1657.                                else
  1658.                                {
  1659.                                    mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, te.mObjectID);
  1660.  
  1661.                                    if (filter === me.FILTER.NONE)
  1662.                                    {
  1663.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1664.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST);
  1665.                                    }
  1666.                                    else if (filter === me.FILTER.LINEAR)
  1667.                                    {
  1668.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1669.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR);
  1670.                                    }
  1671.                                    else if (filter === me.FILTER.MIPMAP)
  1672.                                    {
  1673.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.LINEAR);
  1674.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.LINEAR_MIPMAP_LINEAR);
  1675.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_CUBE_MAP);
  1676.                                    }
  1677.                                    else
  1678.                                    {
  1679.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MAG_FILTER, mGL.NEAREST);
  1680.                                        mGL.texParameteri(mGL.TEXTURE_CUBE_MAP, mGL.TEXTURE_MIN_FILTER, mGL.NEAREST_MIPMAP_LINEAR);
  1681.                                        if( doGenerateMipsIfNeeded ) mGL.generateMipmap(mGL.TEXTURE_CUBE_MAP);
  1682.                                    }
  1683.  
  1684.                                    mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1685.                                }
  1686.  
  1687.  
  1688.                                te.mFilter = filter;
  1689.                            };
  1690.  
  1691.        me.SetSamplerWrap = function (te, wrap)
  1692.                            {
  1693.                                if (te.mWrap === wrap) return;
  1694.  
  1695.                                var glWrap = mGL.REPEAT; if (wrap === me.TEXWRP.CLAMP) glWrap = mGL.CLAMP_TO_EDGE;
  1696.  
  1697.                                var id = te.mObjectID;
  1698.  
  1699.                                if (te.mType === me.TEXTYPE.T2D)
  1700.                                {
  1701.                                    mGL.bindTexture(mGL.TEXTURE_2D, id);
  1702.                                    mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_S, glWrap);
  1703.                                    mGL.texParameteri(mGL.TEXTURE_2D, mGL.TEXTURE_WRAP_T, glWrap);
  1704.                                    mGL.bindTexture(mGL.TEXTURE_2D, null);
  1705.  
  1706.                                }
  1707.                                else if (te.mType === me.TEXTYPE.T3D)
  1708.                                {
  1709.                                    mGL.bindTexture(mGL.TEXTURE_3D, id);
  1710.                                    mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_R, glWrap);
  1711.                                    mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_S, glWrap);
  1712.                                    mGL.texParameteri(mGL.TEXTURE_3D, mGL.TEXTURE_WRAP_T, glWrap);
  1713.                                    mGL.bindTexture(mGL.TEXTURE_3D, null);
  1714.                                }
  1715.  
  1716.                                te.mWrap = wrap;
  1717.                            };
  1718.  
  1719.        me.SetSamplerVFlip = function (te, vflip, image)
  1720.                            {
  1721.                                if (te.mVFlip === vflip) return;
  1722.  
  1723.                                var id = te.mObjectID;
  1724.  
  1725.                                if (te.mType === me.TEXTYPE.T2D)
  1726.                                {
  1727.                                    if( image != null)
  1728.                                    {
  1729.                                        mGL.activeTexture( mGL.TEXTURE0 );
  1730.                                        mGL.bindTexture(mGL.TEXTURE_2D, id);
  1731.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, vflip);
  1732.                                        var glFoTy = iFormatPI2GL( te.mFormat );
  1733.                                        mGL.texImage2D(mGL.TEXTURE_2D, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image);
  1734.                                        mGL.bindTexture(mGL.TEXTURE_2D, null);
  1735.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1736.                                    }
  1737.                                }
  1738.                                else if (te.mType === me.TEXTYPE.CUBEMAP)
  1739.                                {
  1740.                                    if( image != null)
  1741.                                    {
  1742.                                        var glFoTy = iFormatPI2GL( te.mFormat );
  1743.                                        mGL.activeTexture( mGL.TEXTURE0 );
  1744.                                        mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, id );
  1745.                                        mGL.pixelStorei( mGL.UNPACK_FLIP_Y_WEBGL, vflip);
  1746.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_X, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[0] );
  1747.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[1] );
  1748.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, (vflip ? image[3] : image[2]) );
  1749.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, (vflip ? image[2] : image[3]) );
  1750.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[4] );
  1751.                                        mGL.texImage2D(  mGL.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image[5] );
  1752.                                        mGL.bindTexture( mGL.TEXTURE_CUBE_MAP, null );
  1753.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1754.                                    }
  1755.        
  1756.                                }
  1757.  
  1758.                                te.mVFlip = vflip;
  1759.                            };
  1760.  
  1761.        me.CreateMipmaps =  function (te)
  1762.                            {
  1763.                                if( te.mType===me.TEXTYPE.T2D )
  1764.                                {
  1765.                                    mGL.activeTexture(mGL.TEXTURE0);
  1766.                                    mGL.bindTexture(mGL.TEXTURE_2D, te.mObjectID);
  1767.                                    mGL.generateMipmap(mGL.TEXTURE_2D);
  1768.                                    mGL.bindTexture(mGL.TEXTURE_2D, null);
  1769.                                }
  1770.                                else if( te.mType===me.TEXTYPE.CUBEMAP )
  1771.                                {
  1772.                                    mGL.activeTexture(mGL.TEXTURE0);
  1773.                                    mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, te.mObjectID);
  1774.                                    mGL.generateMipmap( mGL.TEXTURE_CUBE_MAP );
  1775.                                    mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1776.                                }
  1777.                            };
  1778.  
  1779.        me.UpdateTexture =  function( tex, x0, y0, xres, yres, buffer )
  1780.                            {
  1781.                                var glFoTy = iFormatPI2GL( tex.mFormat );
  1782.                                if( tex.mType===me.TEXTYPE.T2D )
  1783.                                {
  1784.                                    mGL.activeTexture( mGL.TEXTURE0);
  1785.                                    mGL.bindTexture( mGL.TEXTURE_2D, tex.mObjectID );
  1786.                                    mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, tex.mVFlip );
  1787.                                    mGL.texSubImage2D( mGL.TEXTURE_2D, 0, x0, y0, xres, yres, glFoTy.mGLExternal, glFoTy.mGLType, buffer );
  1788.                                    mGL.bindTexture( mGL.TEXTURE_2D, null );
  1789.                                    mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1790.                                }
  1791.                            };
  1792.  
  1793.        me.UpdateTextureFromImage = function( tex, image )
  1794.                                {
  1795.                                    var glFoTy = iFormatPI2GL( tex.mFormat );
  1796.                                    if( tex.mType===me.TEXTYPE.T2D )
  1797.                                    {
  1798.                                        mGL.activeTexture( mGL.TEXTURE0 );
  1799.                                        mGL.bindTexture( mGL.TEXTURE_2D, tex.mObjectID );
  1800.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, tex.mVFlip );
  1801.                                        mGL.texImage2D(  mGL.TEXTURE_2D, 0, glFoTy.mGLFormat, glFoTy.mGLExternal, glFoTy.mGLType, image );
  1802.                                        mGL.bindTexture( mGL.TEXTURE_2D, null );
  1803.                                        mGL.pixelStorei(mGL.UNPACK_FLIP_Y_WEBGL, false);
  1804.                                    }
  1805.                                };
  1806.  
  1807.        me.DestroyTexture = function( te )
  1808.                            {
  1809.                                 mGL.deleteTexture( te.mObjectID );
  1810.                            };
  1811.  
  1812.        me.AttachTextures = function (num, t0, t1, t2, t3)
  1813.                            {
  1814.                                if (num > 0 && t0 != null)
  1815.                                {
  1816.                                    mGL.activeTexture(mGL.TEXTURE0);
  1817.                                         if (t0.mType === me.TEXTYPE.T2D) mGL.bindTexture(mGL.TEXTURE_2D, t0.mObjectID);
  1818.                                    else if (t0.mType === me.TEXTYPE.T3D) mGL.bindTexture(mGL.TEXTURE_3D, t0.mObjectID);
  1819.                                    else if (t0.mType === me.TEXTYPE.CUBEMAP) mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, t0.mObjectID);
  1820.                                }
  1821.  
  1822.                                if (num > 1 && t1 != null)
  1823.                                {
  1824.                                    mGL.activeTexture(mGL.TEXTURE1);
  1825.                                         if (t1.mType === me.TEXTYPE.T2D) mGL.bindTexture(mGL.TEXTURE_2D, t1.mObjectID);
  1826.                                    else if (t1.mType === me.TEXTYPE.T3D) mGL.bindTexture(mGL.TEXTURE_3D, t1.mObjectID);
  1827.                                    else if (t1.mType === me.TEXTYPE.CUBEMAP) mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, t1.mObjectID);
  1828.                                }
  1829.  
  1830.                                if (num > 2 && t2 != null)
  1831.                                {
  1832.                                    mGL.activeTexture(mGL.TEXTURE2);
  1833.                                         if (t2.mType === me.TEXTYPE.T2D) mGL.bindTexture(mGL.TEXTURE_2D, t2.mObjectID);
  1834.                                    else if (t2.mType === me.TEXTYPE.T3D) mGL.bindTexture(mGL.TEXTURE_3D, t2.mObjectID);
  1835.                                    else if (t2.mType === me.TEXTYPE.CUBEMAP) mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, t2.mObjectID);
  1836.                                }
  1837.  
  1838.                                if (num > 3 && t3 != null)
  1839.                                {
  1840.                                    mGL.activeTexture(mGL.TEXTURE3);
  1841.                                         if (t3.mType === me.TEXTYPE.T2D) mGL.bindTexture(mGL.TEXTURE_2D, t3.mObjectID);
  1842.                                    else if (t3.mType === me.TEXTYPE.T3D) mGL.bindTexture(mGL.TEXTURE_3D, t3.mObjectID);
  1843.                                    else if (t3.mType === me.TEXTYPE.CUBEMAP) mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, t3.mObjectID);
  1844.                                }
  1845.                            };
  1846.  
  1847.        me.DettachTextures = function()
  1848.                             {
  1849.                                mGL.activeTexture(mGL.TEXTURE0);
  1850.                                mGL.bindTexture(mGL.TEXTURE_2D, null);
  1851.                                mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1852.  
  1853.                                mGL.activeTexture(mGL.TEXTURE1);
  1854.                                mGL.bindTexture(mGL.TEXTURE_2D, null);
  1855.                                mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1856.  
  1857.                                mGL.activeTexture(mGL.TEXTURE2);
  1858.                                mGL.bindTexture(mGL.TEXTURE_2D, null);
  1859.                                mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1860.  
  1861.                                mGL.activeTexture(mGL.TEXTURE3);
  1862.                                mGL.bindTexture(mGL.TEXTURE_2D, null);
  1863.                                mGL.bindTexture(mGL.TEXTURE_CUBE_MAP, null);
  1864.                             };
  1865.  
  1866.        me.CreateRenderTarget = function ( color0, color1, color2, color3, depth, wantZbuffer )
  1867.                                {
  1868.                                    var id =  mGL.createFramebuffer();
  1869.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, id);
  1870.  
  1871.                                    if (depth === null)
  1872.                                    {
  1873.                                        if( wantZbuffer===true )
  1874.                                        {
  1875.                                            var zb = mGL.createRenderbuffer();
  1876.                                            mGL.bindRenderbuffer(mGL.RENDERBUFFER, zb);
  1877.                                            mGL.renderbufferStorage(mGL.RENDERBUFFER, mGL.DEPTH_COMPONENT16, color0.mXres, color0.mYres);
  1878.  
  1879.                                            mGL.framebufferRenderbuffer(mGL.FRAMEBUFFER, mGL.DEPTH_ATTACHMENT, mGL.RENDERBUFFER, zb);
  1880.                                        }
  1881.                                    }
  1882.                                    else
  1883.                                    {
  1884.                                        mGL.framebufferTexture2D(mGL.FRAMEBUFFER, mGL.DEPTH_ATTACHMENT, mGL.TEXTURE_2D, depth.mObjectID, 0);
  1885.                                    }
  1886.  
  1887.                                    if( color0 !=null ) mGL.framebufferTexture2D(mGL.FRAMEBUFFER, mGL.COLOR_ATTACHMENT0, mGL.TEXTURE_2D, color0.mObjectID, 0);
  1888.  
  1889.                                    if (mGL.checkFramebufferStatus(mGL.FRAMEBUFFER) != mGL.FRAMEBUFFER_COMPLETE)
  1890.                                        return null;
  1891.  
  1892.                                    mGL.bindRenderbuffer(mGL.RENDERBUFFER, null);
  1893.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  1894.                                    return { mObjectID: id, mTex0: color0 };
  1895.                                };
  1896.  
  1897.        me.DestroyRenderTarget = function ( tex )
  1898.                                 {
  1899.                                     mGL.deleteFramebuffer(tex.mObjectID);
  1900.                                 };
  1901.  
  1902.        me.SetRenderTarget = function (tex)
  1903.                             {
  1904.                                if( tex===null )
  1905.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  1906.                                else
  1907.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, tex.mObjectID);
  1908.  
  1909.                                //mGL.drawBuffers([mGL.COLOR_ATTACHMENT0, mGL.COLOR_ATTACHMENT1]);
  1910.                             };
  1911.  
  1912.        me.CreateRenderTargetNew = function ( wantColor0, wantZbuffer, xres, yres, samples )
  1913.                                {
  1914.                                    var id =  mGL.createFramebuffer();
  1915.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, id);
  1916.  
  1917.                                    if( wantZbuffer===true )
  1918.                                    {
  1919.                                        var zb = mGL.createRenderbuffer();
  1920.                                        mGL.bindRenderbuffer(mGL.RENDERBUFFER, zb);
  1921.  
  1922.                                        if( samples==1 )
  1923.                                        mGL.renderbufferStorage(mGL.RENDERBUFFER, mGL.DEPTH_COMPONENT16, xres, yres);
  1924.                                        else
  1925.                                        mGL.renderbufferStorageMultisample(mGL.RENDERBUFFER, samples, mGL.DEPTH_COMPONENT16, xres, yres);
  1926.                                        mGL.framebufferRenderbuffer(mGL.FRAMEBUFFER, mGL.DEPTH_ATTACHMENT, mGL.RENDERBUFFER, zb);
  1927.                                    }
  1928.  
  1929.                                    if( wantColor0 )
  1930.                                    {
  1931.                                        var cb = mGL.createRenderbuffer();
  1932.                                        mGL.bindRenderbuffer(mGL.RENDERBUFFER, cb);
  1933.                                        if( samples==1 )
  1934.                                        mGL.renderbufferStorage(mGL.RENDERBUFFER, mGL.RGBA8, xres, yres);
  1935.                                        else
  1936.                                        mGL.renderbufferStorageMultisample(mGL.RENDERBUFFER, samples, mGL.RGBA8, xres, yres);
  1937.                                        mGL.framebufferRenderbuffer(mGL.FRAMEBUFFER, mGL.COLOR_ATTACHMENT0, mGL.RENDERBUFFER, cb);
  1938.                                    }
  1939.  
  1940.                                    if (mGL.checkFramebufferStatus(mGL.FRAMEBUFFER) != mGL.FRAMEBUFFER_COMPLETE)
  1941.                                    {
  1942.                                        return null;
  1943.                                    }
  1944.                                    mGL.bindRenderbuffer(mGL.RENDERBUFFER, null);
  1945.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  1946.                                    return { mObjectID: id, mXres: xres, mYres:yres, mTex0: color0 };
  1947.                                };
  1948.  
  1949.        me.CreateRenderTargetCubeMap = function ( color0, depth, wantZbuffer )
  1950.                                {
  1951.                                    var id =  mGL.createFramebuffer();
  1952.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, id);
  1953.  
  1954.                                    if (depth === null)
  1955.                                    {
  1956.                                        if( wantZbuffer===true )
  1957.                                        {
  1958.                                            var zb = mGL.createRenderbuffer();
  1959.                                            mGL.bindRenderbuffer(mGL.RENDERBUFFER, zb);
  1960.                                            mGL.renderbufferStorage(mGL.RENDERBUFFER, mGL.DEPTH_COMPONENT16, color0.mXres, color0.mYres);
  1961.                                            mGL.framebufferRenderbuffer(mGL.FRAMEBUFFER, mGL.DEPTH_ATTACHMENT, mGL.RENDERBUFFER, zb);
  1962.                                        }
  1963.                                    }
  1964.                                    else
  1965.                                    {
  1966.                                        mGL.framebufferTexture2D(mGL.FRAMEBUFFER, mGL.DEPTH_ATTACHMENT, mGL.TEXTURE_2D, depth.mObjectID, 0);
  1967.                                    }
  1968.  
  1969.                                    if( color0 !=null ) mGL.framebufferTexture2D(mGL.FRAMEBUFFER, mGL.COLOR_ATTACHMENT0, mGL.TEXTURE_CUBE_MAP_POSITIVE_X, color0.mObjectID, 0);
  1970.  
  1971.                                    if (mGL.checkFramebufferStatus(mGL.FRAMEBUFFER) != mGL.FRAMEBUFFER_COMPLETE)
  1972.                                        return null;
  1973.  
  1974.                                    mGL.bindRenderbuffer(mGL.RENDERBUFFER, null);
  1975.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  1976.                                    return { mObjectID: id, mTex0: color0 };
  1977.                                };
  1978.  
  1979.        me.SetRenderTargetCubeMap = function (fbo, face)
  1980.                             {
  1981.                                if( fbo===null )
  1982.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  1983.                                else
  1984.                                {
  1985.                                    mGL.bindFramebuffer(mGL.FRAMEBUFFER, fbo.mObjectID);
  1986.                                    mGL.framebufferTexture2D(mGL.FRAMEBUFFER, mGL.COLOR_ATTACHMENT0, mGL.TEXTURE_CUBE_MAP_POSITIVE_X+face, fbo.mTex0.mObjectID, 0);
  1987.                                }
  1988.                             };
  1989.  
  1990.  
  1991.        me.BlitRenderTarget = function( dst, src )
  1992.                                {
  1993.                                    mGL.bindFramebuffer(mGL.READ_FRAMEBUFFER, src.mObjectID);
  1994.                                    mGL.bindFramebuffer(mGL.DRAW_FRAMEBUFFER, dst.mObjectID);
  1995.                                    mGL.clearBufferfv(mGL.COLOR, 0, [0.0, 0.0, 0.0, 1.0]);
  1996.                                    mGL.blitFramebuffer( 0, 0, src.mXres, src.mYres,
  1997.                                                         0, 0, src.mXres, src.mYres,
  1998.                                                         mGL.COLOR_BUFFER_BIT, mGL.LINEAR
  1999.                                    );
  2000.                                };
  2001.  
  2002.        me.SetViewport = function( vp )
  2003.                         {
  2004.                              mGL.viewport( vp[0], vp[1], vp[2], vp[3] );
  2005.                         };
  2006.  
  2007.        me.SetWriteMask = function( c0, c1, c2, c3, z )
  2008.                          {
  2009.                              mGL.depthMask(z);
  2010.                              mGL.colorMask(c0,c0,c0,c0);
  2011.                          };
  2012.  
  2013.        me.SetState = function( stateName, stateValue )
  2014.                      {
  2015.                            if (stateName === me.RENDSTGATE.WIREFRAME)
  2016.                            {
  2017.                                if( stateValue ) mGL.polygonMode( mGL.FRONT_AND_BACK, mGL.LINE );
  2018.                                else             mGL.polygonMode( mGL.FRONT_AND_BACK, mGL.FILL );
  2019.                            }
  2020.                            else if (stateName === me.RENDSTGATE.FRONT_FACE)
  2021.                            {
  2022.                                if( stateValue ) mGL.cullFace( mGL.BACK );
  2023.                                else             mGL.cullFace( mGL.FRONT );
  2024.                            }
  2025.                            else if (stateName === me.RENDSTGATE.CULL_FACE)
  2026.                            {
  2027.                                if( stateValue ) mGL.enable( mGL.CULL_FACE );
  2028.                                else             mGL.disable( mGL.CULL_FACE );
  2029.                            }
  2030.                            else if (stateName === me.RENDSTGATE.DEPTH_TEST)
  2031.                            {
  2032.                                if( stateValue ) mGL.enable( mGL.DEPTH_TEST );
  2033.                                else             mGL.disable( mGL.DEPTH_TEST );
  2034.                            }
  2035.                            else if (stateName === me.RENDSTGATE.ALPHA_TO_COVERAGE)
  2036.                            {
  2037.                                if( stateValue ) { mGL.enable(  mGL.SAMPLE_ALPHA_TO_COVERAGE ); }
  2038.                                else             { mGL.disable( mGL.SAMPLE_ALPHA_TO_COVERAGE ); }
  2039.                            }
  2040.                      };
  2041.  
  2042.        me.SetMultisample = function( v)
  2043.                    {
  2044.                        if( v===true )
  2045.                        {
  2046.                            mGL.enable(mGL.SAMPLE_COVERAGE);
  2047.                            mGL.sampleCoverage(1.0, false);
  2048.                        }
  2049.                        else
  2050.                        {
  2051.                            mGL.disable(mGL.SAMPLE_COVERAGE);
  2052.                        }
  2053.                    };
  2054.  
  2055.        me.GetTranslatedShaderSource = function (shader)
  2056.                          {
  2057.                            if( mGL===null ) return null;
  2058.                            if( mDebugShader===null ) return null;
  2059.                            let vfs = mGL.getAttachedShaders(shader.mProgram);
  2060.                            let str = mDebugShader.getTranslatedShaderSource(vfs[1]);
  2061.                            let parts = str.split("GLSL END"); str = (parts.length<2) ? str : parts[1];
  2062.                            return str;
  2063.                          };
  2064.  
  2065.        me.CreateShader = function (vsSource, fsSource, preventCache, forceSynch, onResolve)
  2066.                          {
  2067.                            if( mGL===null ) return;
  2068.  
  2069.                            var vs = mGL.createShader( mGL.VERTEX_SHADER   );
  2070.                            var fs = mGL.createShader( mGL.FRAGMENT_SHADER );
  2071.  
  2072.                            vsSource = mShaderHeader[0] + vsSource;
  2073.                            fsSource = mShaderHeader[1] + fsSource;
  2074.  
  2075.                            if( preventCache )
  2076.                            {
  2077.                                let vran = Math.random().toString(36).substring(7);
  2078.                                let fran = Math.random().toString(36).substring(7);
  2079.                                vsSource += "\n#define K" + vran + "\n";
  2080.                                fsSource += "\n#define K" + fran + "\n";
  2081.                            }
  2082.  
  2083.                            var timeStart = getRealTime();
  2084.  
  2085.                            mGL.shaderSource(vs, vsSource);
  2086.                            mGL.shaderSource(fs, fsSource);
  2087.                            mGL.compileShader(vs);
  2088.                            mGL.compileShader(fs);
  2089.  
  2090.                            var pr = mGL.createProgram();
  2091.                            mGL.attachShader(pr, vs);
  2092.                            mGL.attachShader(pr, fs);
  2093.                            mGL.linkProgram(pr);
  2094.  
  2095.                            //-------------
  2096.                            let checkErrors = function()
  2097.                            {
  2098.                                if (!mGL.getProgramParameter(pr, mGL.LINK_STATUS))
  2099.                                {
  2100.                                    // vs error
  2101.                                    if (!mGL.getShaderParameter(vs, mGL.COMPILE_STATUS))
  2102.                                    {
  2103.                                        let vsLog = mGL.getShaderInfoLog(vs);
  2104.                                        onResolve(false, { mErrorType: 0, mErrorStr: vsLog });
  2105.                                        mGL.deleteProgram(pr);
  2106.                                    }
  2107.                                    // fs error
  2108.                                    else if (!mGL.getShaderParameter(fs, mGL.COMPILE_STATUS))
  2109.                                    {
  2110.                                        let fsLog = mGL.getShaderInfoLog(fs);
  2111.                                        onResolve(false, { mErrorType: 1, mErrorStr: fsLog });
  2112.                                        mGL.deleteProgram(pr);
  2113.                                    }
  2114.                                    // link error
  2115.                                    else
  2116.                                    {
  2117.                                        let infoLog = mGL.getProgramInfoLog(pr);
  2118.                                        onResolve(false, { mErrorType: 2, mErrorStr: infoLog });
  2119.                                        mGL.deleteProgram(pr);
  2120.                                    }
  2121.                                }
  2122.                                // no errors
  2123.                                else
  2124.                                {
  2125.                                    let compilationTime = getRealTime() - timeStart;
  2126.                                    onResolve(true, { mProgram: pr, mTime: compilationTime });
  2127.                                }
  2128.                            };
  2129.  
  2130.                            // check compilation
  2131.                            if (mAsynchCompile === null || forceSynch===true )
  2132.                            {
  2133.                                checkErrors();
  2134.                            }
  2135.                            else
  2136.                            {
  2137.                                let loopCheckCompletion = function ()
  2138.                                {
  2139.                                    if( mGL.getProgramParameter(pr, mAsynchCompile.COMPLETION_STATUS_KHR) === true )
  2140.                                        checkErrors();
  2141.                                    else
  2142.                                        setTimeout(loopCheckCompletion, 10);
  2143.                                };
  2144.                                setTimeout(loopCheckCompletion, 10);
  2145.                            }
  2146.                        };
  2147.  
  2148.        me.AttachShader = function( shader )
  2149.                          {
  2150.                                if( shader===null )
  2151.                                {
  2152.                                    mBindedShader = null;
  2153.                                    mGL.useProgram( null );
  2154.                                }
  2155.                                else
  2156.                                {
  2157.                                    mBindedShader = shader;
  2158.                                    mGL.useProgram(shader.mProgram);
  2159.                                }
  2160.                          };
  2161.  
  2162.        me.DetachShader = function ()
  2163.                        {
  2164.                            mGL.useProgram(null);
  2165.                        };
  2166.  
  2167.        me.DestroyShader = function( tex )
  2168.                        {
  2169.                            mGL.deleteProgram(tex.mProgram);
  2170.                        };
  2171.  
  2172.        me.GetAttribLocation = function (shader, name)
  2173.                        {
  2174.                            return mGL.getAttribLocation(shader.mProgram, name);
  2175.                        };
  2176.  
  2177.        me.SetShaderConstantLocation = function (shader, name)
  2178.                        {
  2179.                            return mGL.getUniformLocation(shader.mProgram, name);
  2180.                        };
  2181.  
  2182.        me.SetShaderConstantMat4F = function( uname, params, istranspose )
  2183.                        {
  2184.                            var program = mBindedShader;
  2185.  
  2186.                            let pos = mGL.getUniformLocation( program.mProgram, uname );
  2187.                            if( pos===null )
  2188.                                return false;
  2189.  
  2190.                            if( istranspose===false )
  2191.                            {
  2192.                                var tmp = new Float32Array( [ params[0], params[4], params[ 8], params[12],
  2193.                                                              params[1], params[5], params[ 9], params[13],
  2194.                                                              params[2], params[6], params[10], params[14],
  2195.                                                              params[3], params[7], params[11], params[15] ] );
  2196.                            mGL.uniformMatrix4fv(pos,false,tmp);
  2197.                            }
  2198.                            else
  2199.                                mGL.uniformMatrix4fv(pos,false,new Float32Array(params) );
  2200.                            return true;
  2201.                        };
  2202.  
  2203.        me.SetShaderConstant1F_Pos = function(pos, x)
  2204.                        {
  2205.                            mGL.uniform1f(pos, x);
  2206.                            return true;
  2207.                        };
  2208.  
  2209.        me.SetShaderConstant1FV_Pos = function(pos, x)
  2210.                        {
  2211.                            mGL.uniform1fv(pos, x);
  2212.                            return true;
  2213.                        };
  2214.  
  2215.        me.SetShaderConstant1F = function( uname, x )
  2216.                        {
  2217.                            var pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2218.                            if (pos === null)
  2219.                                return false;
  2220.                            mGL.uniform1f(pos, x);
  2221.                            return true;
  2222.                        };
  2223.  
  2224.        me.SetShaderConstant1I = function(uname, x)
  2225.                        {
  2226.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2227.                            if (pos === null)
  2228.                                return false;
  2229.                            mGL.uniform1i(pos, x);
  2230.                            return true;
  2231.                        };
  2232.        me.SetShaderConstant1I_Pos = function(pos, x)
  2233.                        {
  2234.                            mGL.uniform1i(pos, x);
  2235.                            return true;
  2236.                        };
  2237.  
  2238.  
  2239.        me.SetShaderConstant2F = function(uname, x)
  2240.                        {
  2241.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2242.                            if (pos === null)
  2243.                                return false;
  2244.                            mGL.uniform2fv(pos, x);
  2245.                            return true;
  2246.                        };
  2247.  
  2248.        me.SetShaderConstant3F = function(uname, x, y, z)
  2249.                        {
  2250.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2251.                            if (pos === null)
  2252.                                return false;
  2253.                            mGL.uniform3f(pos, x, y, z);
  2254.                            return true;
  2255.                        };
  2256.  
  2257.        me.SetShaderConstant1FV = function(uname, x)
  2258.                        {
  2259.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2260.                            if (pos === null)
  2261.                                return false;
  2262.                            mGL.uniform1fv(pos, new Float32Array(x));
  2263.                            return true;
  2264.                        };
  2265.  
  2266.        me.SetShaderConstant3FV = function(uname, x)
  2267.                        {
  2268.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2269.                            if (pos === null) return false;
  2270.                            mGL.uniform3fv(pos, new Float32Array(x) );
  2271.                            return true;
  2272.                        };
  2273.  
  2274.        me.SetShaderConstant4FV = function(uname, x)
  2275.                        {
  2276.                            let pos = mGL.getUniformLocation(mBindedShader.mProgram, uname);
  2277.                            if (pos === null) return false;
  2278.                            mGL.uniform4fv(pos, new Float32Array(x) );
  2279.                            return true;
  2280.                        };
  2281.  
  2282.        me.SetShaderTextureUnit = function( uname, unit )
  2283.                        {
  2284.                            var program = mBindedShader;
  2285.                            let pos = mGL.getUniformLocation(program.mProgram, uname);
  2286.                            if (pos === null) return false;
  2287.                            mGL.uniform1i(pos, unit);
  2288.                            return true;
  2289.                        };
  2290.  
  2291.        me.CreateVertexArray = function( data, mode )
  2292.                        {
  2293.                            let id = mGL.createBuffer();
  2294.                            mGL.bindBuffer(mGL.ARRAY_BUFFER, id);
  2295.                            if (mode === me.BUFTYPE.STATIC)
  2296.                                mGL.bufferData(mGL.ARRAY_BUFFER, data, mGL.STATIC_DRAW);
  2297.                            else
  2298.                                mGL.bufferData(mGL.ARRAY_BUFFER, data, mGL.DYNAMIC_DRAW);
  2299.                            return { mObject: id };
  2300.                        };
  2301.  
  2302.        me.CreateIndexArray = function( data, mode )
  2303.                        {
  2304.                            let id = mGL.createBuffer();
  2305.                            mGL.bindBuffer(mGL.ELEMENT_ARRAY_BUFFER, id );
  2306.                            if (mode === me.BUFTYPE.STATIC)
  2307.                                mGL.bufferData(mGL.ELEMENT_ARRAY_BUFFER, data, mGL.STATIC_DRAW);
  2308.                            else
  2309.                                mGL.bufferData(mGL.ELEMENT_ARRAY_BUFFER, data, mGL.DYNAMIC_DRAW);
  2310.                            return { mObject: id };
  2311.                        };
  2312.  
  2313.        me.DestroyArray = function( tex )
  2314.                        {
  2315.                            mGL.destroyBuffer(tex.mObject);
  2316.                        };
  2317.  
  2318.        me.AttachVertexArray = function( tex, attribs, pos )
  2319.                        {
  2320.                            let shader = mBindedShader;
  2321.  
  2322.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, tex.mObject);
  2323.  
  2324.                            var num = attribs.mChannels.length;
  2325.                            var stride = attribs.mStride;
  2326.  
  2327.                            var offset = 0;
  2328.                            for (var i = 0; i < num; i++)
  2329.                            {
  2330.                                var id = pos[i];
  2331.                                mGL.enableVertexAttribArray(id);
  2332.                                var dtype = mGL.FLOAT;
  2333.                                var dsize = 4;
  2334.                                     if( attribs.mChannels[i].mType === me.TYPE.UINT8   ) { dtype = mGL.UNSIGNED_BYTE;  dsize = 1; }
  2335.                                else if( attribs.mChannels[i].mType === me.TYPE.UINT16  ) { dtype = mGL.UNSIGNED_SHORT; dsize = 2; }
  2336.                                else if( attribs.mChannels[i].mType === me.TYPE.FLOAT32 ) { dtype = mGL.FLOAT;          dsize = 4; }
  2337.                                mGL.vertexAttribPointer(id, attribs.mChannels[i].mNumComponents, dtype, attribs.mChannels[i].mNormalize, stride, offset);
  2338.                                offset += attribs.mChannels[i].mNumComponents * dsize;
  2339.                            }
  2340.                        };
  2341.  
  2342.        me.AttachIndexArray = function( tex )
  2343.                        {
  2344.                            mGL.bindBuffer(mGL.ELEMENT_ARRAY_BUFFER, tex.mObject);
  2345.                        };
  2346.  
  2347.        me.DetachVertexArray = function (tex, attribs)
  2348.                        {
  2349.                            let num = attribs.mChannels.length;
  2350.                            for (let i = 0; i < num; i++)
  2351.                                mGL.disableVertexAttribArray(i);
  2352.                            mGL.bindBuffer(mGL.ARRAY_BUFFER, null);
  2353.                        };
  2354.  
  2355.        me.DetachIndexArray = function( tex )
  2356.                        {
  2357.                            mGL.bindBuffer(mGL.ELEMENT_ARRAY_BUFFER, null);
  2358.                        };
  2359.  
  2360.        me.DrawPrimitive = function( typeOfPrimitive, num, useIndexArray, numInstances )
  2361.                        {
  2362.                            let glType = mGL.POINTS;
  2363.                            if( typeOfPrimitive===me.PRIMTYPE.POINTS ) glType = mGL.POINTS;
  2364.                            if( typeOfPrimitive===me.PRIMTYPE.LINES ) glType = mGL.LINES;
  2365.                            if( typeOfPrimitive===me.PRIMTYPE.LINE_LOOP ) glType = mGL.LINE_LOOP;
  2366.                            if( typeOfPrimitive===me.PRIMTYPE.LINE_STRIP ) glType = mGL.LINE_STRIP;
  2367.                            if( typeOfPrimitive===me.PRIMTYPE.TRIANGLES ) glType = mGL.TRIANGLES;
  2368.                            if( typeOfPrimitive===me.PRIMTYPE.TRIANGLE_STRIP ) glType = mGL.TRIANGLE_STRIP;
  2369.  
  2370.                            if( numInstances<=1 )
  2371.                            {
  2372.                              if( useIndexArray ) mGL.drawElements( glType, num, mGL.UNSIGNED_SHORT, 0 );
  2373.                            else                mGL.drawArrays( glType, 0, num );
  2374.                            }
  2375.                            else
  2376.                            {
  2377.                                mGL.drawArraysInstanced(glType, 0, num, numInstances);
  2378.                                mGL.drawElementsInstanced( glType, num, mGL.UNSIGNED_SHORT, 0, numInstances);
  2379.                            }
  2380.                        };
  2381.  
  2382.  
  2383.        me.DrawFullScreenTriangle_XY = function( vpos )
  2384.                        {
  2385.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_Tri );
  2386.                            mGL.vertexAttribPointer( vpos, 2, mGL.FLOAT, false, 0, 0 );
  2387.                            mGL.enableVertexAttribArray( vpos );
  2388.                            mGL.drawArrays( mGL.TRIANGLES, 0, 3 );
  2389.                            mGL.disableVertexAttribArray( vpos );
  2390.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  2391.                        };
  2392.  
  2393.  
  2394.        me.DrawUnitQuad_XY = function( vpos )
  2395.                        {
  2396.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_Quad );
  2397.                            mGL.vertexAttribPointer( vpos, 2, mGL.FLOAT, false, 0, 0 );
  2398.                            mGL.enableVertexAttribArray( vpos );
  2399.                            mGL.drawArrays( mGL.TRIANGLES, 0, 6 );
  2400.                            mGL.disableVertexAttribArray( vpos );
  2401.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  2402.                        };
  2403.  
  2404.        me.DrawUnitCube_XYZ_NOR = function( vpos )
  2405.                        {
  2406.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_CubePosNor );
  2407.                            mGL.vertexAttribPointer( vpos[0], 3, mGL.FLOAT, false, 0, 0 );
  2408.                            mGL.vertexAttribPointer( vpos[1], 3, mGL.FLOAT, false, 0, 0 );
  2409.                            mGL.enableVertexAttribArray( vpos[0] );
  2410.                            mGL.enableVertexAttribArray( vpos[1] );
  2411.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 0, 4);
  2412.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 4, 4);
  2413.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 8, 4);
  2414.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 12, 4);
  2415.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 16, 4);
  2416.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 20, 4);
  2417.                            mGL.disableVertexAttribArray( vpos[0] );
  2418.                            mGL.disableVertexAttribArray( vpos[1] );
  2419.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  2420.                        }
  2421.  
  2422.        me.DrawUnitCube_XYZ = function( vpos )
  2423.                        {
  2424.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, mVBO_CubePos );
  2425.                            mGL.vertexAttribPointer( vpos, 3, mGL.FLOAT, false, 0, 0 );
  2426.                            mGL.enableVertexAttribArray( vpos );
  2427.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 0, 4);
  2428.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 4, 4);
  2429.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 8, 4);
  2430.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 12, 4);
  2431.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 16, 4);
  2432.                            mGL.drawArrays(mGL.TRIANGLE_STRIP, 20, 4);
  2433.                            mGL.disableVertexAttribArray( vpos );
  2434.                            mGL.bindBuffer( mGL.ARRAY_BUFFER, null );
  2435.                        }
  2436.  
  2437.        me.SetBlend = function( enabled )
  2438.                    {
  2439.                        if( enabled )
  2440.                        {
  2441.                            mGL.enable( mGL.BLEND );
  2442.                            mGL.blendEquationSeparate( mGL.FUNC_ADD, mGL.FUNC_ADD );
  2443.                            mGL.blendFuncSeparate( mGL.SRC_ALPHA, mGL.ONE_MINUS_SRC_ALPHA, mGL.ONE, mGL.ONE_MINUS_SRC_ALPHA );
  2444.                        }
  2445.                        else
  2446.                        {
  2447.                            mGL.disable( mGL.BLEND );
  2448.                        }
  2449.                    };
  2450.  
  2451.        me.GetPixelData = function( data, offset, xres, yres )
  2452.                        {
  2453.                            mGL.readPixels(0, 0, xres, yres, mGL.RGBA, mGL.UNSIGNED_BYTE, data, offset);
  2454.                        };
  2455.  
  2456.        me.GetPixelDataRenderTarget = function( obj, data, xres, yres )
  2457.                        {
  2458.                            mGL.bindFramebuffer(mGL.FRAMEBUFFER, obj.mObjectID);
  2459.                            mGL.readBuffer(mGL.COLOR_ATTACHMENT0);
  2460.                            mGL.readPixels(0, 0, xres, yres, mGL.RGBA, mGL.FLOAT, data, 0);
  2461.                            mGL.bindFramebuffer(mGL.FRAMEBUFFER, null);
  2462.                        };
  2463.    return me;
  2464. }
  2465. //==============================================================================
  2466. //
  2467. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  2468. //
  2469. // piShading
  2470. //
  2471. //==============================================================================
  2472.  
  2473. function smoothstep(a, b, x)
  2474. {
  2475.    x = (x - a) / (b - a);
  2476.    if (x < 0) x = 0; else if (x > 1) x = 1;
  2477.    return x * x * (3.0 - 2.0 * x);
  2478. }
  2479.  
  2480. function clamp01(x)
  2481. {
  2482.    if( x < 0.0 ) x = 0.0;
  2483.    if( x > 1.0 ) x = 1.0;
  2484.    return x;
  2485. }
  2486.  
  2487. function clamp(x, a, b)
  2488. {
  2489.    if( x < a ) x = a;
  2490.    if( x > b ) x = b;
  2491.    return x;
  2492. }
  2493.  
  2494. function screen(a, b)
  2495. {
  2496.    return 1.0 - (1.0 - a) * (1.0 - b);
  2497. }
  2498.  
  2499. function parabola(x)
  2500. {
  2501.    return 4.0 * x * (1.0 - x);
  2502. }
  2503.  
  2504. function min(a, b)
  2505. {
  2506.    return (a < b) ? a : b;
  2507. }
  2508.  
  2509. function max(a, b)
  2510. {
  2511.    return (a > b) ? a : b;
  2512. }
  2513.  
  2514. function noise( x )
  2515. {
  2516.    function grad(i, j, x, y)
  2517.    {
  2518.        var h = 7 * i + 131 * j;
  2519.        h = (h << 13) ^ h;
  2520.        h = (h * (h * h * 15731 + 789221) + 1376312589);
  2521.  
  2522.        var rx = (h & 0x20000000) ? x : -x;
  2523.        var ry = (h & 0x10000000) ? y : -y;
  2524.  
  2525.        return rx + ry;
  2526.    }
  2527.  
  2528.    var i = [ Math.floor(x[0]), Math.floor(x[1]) ];
  2529.    var f = [ x[0] - i[0], x[1] - i[1] ];
  2530.    var w = [ f[0]*f[0]*(3.0-2.0*f[0]), f[1]*f[1]*(3.0-2.0*f[1]) ];
  2531.  
  2532.    var a = grad( i[0]+0, i[1]+0, f[0]+0.0, f[1]+0.0 );
  2533.    var b = grad( i[0]+1, i[1]+0, f[0]-1.0, f[1]+0.0 );
  2534.    var c = grad( i[0]+0, i[1]+1, f[0]+0.0, f[1]-1.0 );
  2535.    var d = grad( i[0]+1, i[1]+1, f[0]-1.0, f[1]-1.0 );
  2536.  
  2537.    return a + (b-a)*w[0] + (c-a)*w[1] + (a-b-c+d)*w[0]*w[1];
  2538. }//==============================================================================
  2539. //
  2540. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  2541. //
  2542. // piVecTypes
  2543. //
  2544. //==============================================================================
  2545.  
  2546.  
  2547. function vec3( a, b, c )
  2548. {
  2549.    return [ a, b, c ];
  2550. }
  2551.  
  2552. function add( a, b )
  2553. {
  2554.    return [ a[0]+b[0], a[1]+b[1], a[2]+b[2] ];
  2555. }
  2556.  
  2557. function sub( a, b )
  2558. {
  2559.    return [ a[0]-b[0], a[1]-b[1], a[2]-b[2] ];
  2560. }
  2561.  
  2562. function mul( a, s )
  2563. {
  2564.    return [ a[0]*s, a[1]*s, a[2]*s ];
  2565. }
  2566.  
  2567. function cross( a, b )
  2568. {
  2569.    return [ a[1]*b[2] - a[2]*b[1],
  2570.             a[2]*b[0] - a[0]*b[2],
  2571.             a[0]*b[1] - a[1]*b[0] ];
  2572. }
  2573.  
  2574. function dot( a, b )
  2575. {
  2576.    return a[0]*b[0] + a[1]*b[1] + a[2]*b[2];
  2577. }
  2578.  
  2579. function normalize( v )
  2580. {
  2581.    var is = 1.0 / Math.sqrt( v[0]*v[0] + v[1]*v[1] + v[2]*v[2] );
  2582.    return [ v[0]*is, v[1]*is, v[2]*is ];
  2583. }
  2584.  
  2585. function createCirclePoint( cen, uuu, vvv, rad, s, t )
  2586. {
  2587.    return [ cen[0] + rad*(uuu[0]*s + vvv[0]*t),
  2588.             cen[1] + rad*(uuu[1]*s + vvv[1]*t),
  2589.             cen[2] + rad*(uuu[2]*s + vvv[2]*t) ];
  2590. }
  2591.  
  2592. function createTangent( a, b, c )
  2593. {
  2594.    var cb = normalize( [ c[0]-b[0], c[1]-b[1], c[2]-b[2] ] );
  2595.    var ba = normalize( [ b[0]-a[0], b[1]-a[1], b[2]-a[2] ] );
  2596.    return normalize( [ ba[0]+cb[0], ba[1]+cb[1], ba[2]+cb[2] ] );
  2597.  
  2598. }
  2599.  
  2600. //===================================
  2601.  
  2602. function vec4( a, b, c, d )
  2603. {
  2604.    return [ a, b, c, d ];
  2605. }
  2606.  
  2607. function getXYZ( v )
  2608. {
  2609.    return [ v[0], v[1], v[2] ];
  2610. }
  2611.  
  2612. //===================================
  2613.  
  2614. function setIdentity()
  2615. {
  2616.    return [ 1.0, 0.0, 0.0, 0.0,
  2617.             0.0, 1.0, 0.0, 0.0,
  2618.             0.0, 0.0, 1.0, 0.0,
  2619.             0.0, 0.0, 0.0, 1.0 ];
  2620. }
  2621.  
  2622. function setRotationX( t )
  2623. {
  2624.    var sint = Math.sin(t);
  2625.    var cost = Math.cos(t);
  2626.  
  2627.    return [ 1.0,   0.0,   0.0, 0.0,
  2628.             0.0,  cost, -sint, 0.0,
  2629.             0.0,  sint,  cost, 0.0,
  2630.             0.0,   0.0,   0.0, 1.0 ];
  2631. }
  2632.  
  2633. function setRotationY( t )
  2634. {
  2635.    var sint = Math.sin(t);
  2636.    var cost = Math.cos(t);
  2637.  
  2638.    return [ cost, 0.0, -sint, 0.0,
  2639.              0.0, 1.0,   0.0, 0.0,
  2640.             sint, 0.0,  cost, 0.0,
  2641.              0.0, 0.0,   0.0, 1.0 ];
  2642. }
  2643.  
  2644. function extractRotationEuler( m)
  2645. {
  2646.    var res = [];
  2647.    if (m[0] == 1.0)
  2648.    {
  2649.        res[0] = Math.atan2(m[2], m[11]);
  2650.        res[1] = 0.0;
  2651.        res[2] = 0.0;
  2652.  
  2653.    }
  2654.    else if (m[0] == -1.0)
  2655.    {
  2656.        res[0] = Math.atan2( m[2], m[11]);
  2657.        res[1] = 0.0;
  2658.        res[2] = 0.0;
  2659.    }
  2660.    else
  2661.    {
  2662.        res[0] = Math.atan2( -m[9], m[10]);
  2663.        res[1] = Math.atan2( m[8], Math.sqrt(m[9]*m[9] + m[10]*m[10]));
  2664.        res[2] = Math.atan2( m[4], m[0]);
  2665.    }
  2666.    return res;
  2667. }
  2668.  
  2669. function setFromQuaternion( q )
  2670. {
  2671.    var ww = q[3]*q[3];
  2672.    var xx = q[0]*q[0];
  2673.    var yy = q[1]*q[1];
  2674.    var zz = q[2]*q[2];
  2675.  
  2676.    return [ ww+xx-yy-zz,                   2.0*(q[0]*q[1] - q[3]*q[2]), 2.0*(q[0]*q[2] + q[3]*q[1]), 0.0,
  2677.               2.0*(q[0]*q[1] + q[3]*q[2]),   ww-xx+yy-zz,                 2.0*(q[1]*q[2] - q[3]*q[0]), 0.0,
  2678.               2.0*(q[0]*q[2] - q[3]*q[1]),   2.0*(q[1]*q[2] + q[3]*q[0]), ww-xx-yy+zz,                 0.0,
  2679.               0.0,                           0.0,                         0.0,                         1.0 ];
  2680. }
  2681.  
  2682. function setPerspective( fovy, aspect, znear, zfar )
  2683. {
  2684.    var tan = Math.tan(fovy * Math.PI/180.0);
  2685.    var x = 1.0 / (tan*aspect);
  2686.    var y = 1.0 / (tan);
  2687.    var c = -(zfar + znear) / ( zfar - znear);
  2688.    var d = -(2.0 * zfar * znear) / (zfar - znear);
  2689.  
  2690.    return [ x,    0.0,  0.0,  0.0,
  2691.             0.0,  y,    0.0,  0.0,
  2692.             0.0,  0.0,  c,     d,
  2693.             0.0,  0.0, -1.0,  0.0 ];
  2694. }
  2695.  
  2696. function setLookAt( eye, tar, up )
  2697. {
  2698.    var dir = [ -tar[0]+eye[0], -tar[1]+eye[1], -tar[2]+eye[2] ];
  2699.  
  2700. var m00 = dir[2]*up[1] - dir[1]*up[2];
  2701.    var m01 = dir[0]*up[2] - dir[2]*up[0];
  2702.    var m02 = dir[1]*up[0] - dir[0]*up[1];
  2703.    var im = 1.0/Math.sqrt( m00*m00 + m01*m01 + m02*m02 );
  2704.    m00 *= im;
  2705.    m01 *= im;
  2706.    m02 *= im;
  2707.  
  2708. var m04 = m02*dir[1] - m01*dir[2];
  2709.    var m05 = m00*dir[2] - m02*dir[0];
  2710.    var m06 = m01*dir[0] - m00*dir[1];
  2711.    im = 1.0/Math.sqrt( m04*m04 + m05*m05 + m06*m06 );
  2712.    m04 *= im;
  2713.    m05 *= im;
  2714.    m06 *= im;
  2715.  
  2716. var m08 = dir[0];
  2717. var m09 = dir[1];
  2718. var m10 = dir[2];
  2719.    im = 1.0/Math.sqrt( m08*m08 + m09*m09 + m10*m10 );
  2720.    m08 *= im;
  2721.    m09 *= im;
  2722.    m10 *= im;
  2723.  
  2724. var m03 = -(m00*eye[0] + m01*eye[1] + m02*eye[2] );
  2725. var m07 = -(m04*eye[0] + m05*eye[1] + m06*eye[2] );
  2726. var m11 = -(m08*eye[0] + m09*eye[1] + m10*eye[2] );
  2727.  
  2728.    return [ m00, m01, m02, m03,
  2729.             m04, m05, m06, m07,
  2730.             m08, m09, m10, m11,
  2731.             0.0, 0.0, 0.0, 1.0 ];
  2732. }
  2733.  
  2734.  
  2735. function setOrtho( left, right, bottom, top, znear, zfar )
  2736. {
  2737.   var x = 2.0 / (right - left);
  2738.   var y = 2.0 / (top - bottom);
  2739.   var a = (right + left) / (right - left);
  2740.   var b = (top + bottom) / (top - bottom);
  2741.   var c = -2.0 / (zfar - znear);
  2742.   var d = -(zfar + znear) / ( zfar - znear);
  2743.  
  2744.   return [  x, 0.0, 0.0,   a,
  2745.           0.0,   y, 0.0,   b,
  2746.           0.0, 0.0,   c,   d,
  2747.           0.0, 0.0, 0.0, 1.0 ];
  2748. }
  2749.  
  2750. function setTranslation( p )
  2751. {
  2752.    return [ 1.0, 0.0, 0.0, p[0],
  2753.             0.0, 1.0, 0.0, p[1],
  2754.             0.0, 0.0, 1.0, p[2],
  2755.             0.0, 0.0, 0.0, 1.0 ];
  2756. }
  2757.  
  2758. function setScale( s )
  2759. {
  2760.    return [ s[0], 0.0,  0.0,  0.0,
  2761.             0.0,  s[1], 0.0,  0.0,
  2762.             0.0,  0.0,  s[2], 0.0,
  2763.             0.0,  0.0,  0.0,  1.0];
  2764. }
  2765.  
  2766. function setProjection( fov, znear, zfar )
  2767. {
  2768.    var x = 2.0 / (fov[3]+fov[2]);
  2769.    var y = 2.0 / (fov[0]+fov[1]);
  2770.    var a = (fov[3]-fov[2]) / (fov[3]+fov[2]);
  2771.    var b = (fov[0]-fov[1]) / (fov[0]+fov[1]);
  2772.    var c = -(zfar + znear) / ( zfar - znear);
  2773.    var d = -(2.0*zfar*znear) / (zfar - znear);
  2774.    return [   x, 0.0,    a, 0.0,
  2775.             0.0,   y,    b, 0.0,
  2776.             0.0, 0.0,    c,   d,
  2777.             0.0, 0.0, -1.0, 0.0 ];
  2778.   // inverse is:
  2779.   //return mat4x4( 1.0/x, 0.0f,  0.0f,   a/x,
  2780.   //               0.0f,  1.0/y, 0.0f,   b/x,
  2781.   //               0.0f,  0.0f,  0.0f,   -1.0,
  2782.   //               0.0f,  0.0f,  1.0f/d, c/d );
  2783. }
  2784.  
  2785.  
  2786. function invertFast( m )
  2787. {
  2788.    var inv = [
  2789.  
  2790.             m[5]  * m[10] * m[15] -
  2791.             m[5]  * m[11] * m[14] -
  2792.             m[9]  * m[6]  * m[15] +
  2793.             m[9]  * m[7]  * m[14] +
  2794.             m[13] * m[6]  * m[11] -
  2795.             m[13] * m[7]  * m[10],
  2796.  
  2797.             -m[1]  * m[10] * m[15] +
  2798.              m[1]  * m[11] * m[14] +
  2799.              m[9]  * m[2] * m[15] -
  2800.              m[9]  * m[3] * m[14] -
  2801.              m[13] * m[2] * m[11] +
  2802.              m[13] * m[3] * m[10],
  2803.  
  2804.             m[1]  * m[6] * m[15] -
  2805.             m[1]  * m[7] * m[14] -
  2806.             m[5]  * m[2] * m[15] +
  2807.             m[5]  * m[3] * m[14] +
  2808.             m[13] * m[2] * m[7] -
  2809.             m[13] * m[3] * m[6],
  2810.  
  2811.             -m[1] * m[6] * m[11] +
  2812.              m[1] * m[7] * m[10] +
  2813.              m[5] * m[2] * m[11] -
  2814.              m[5] * m[3] * m[10] -
  2815.              m[9] * m[2] * m[7] +
  2816.              m[9] * m[3] * m[6],
  2817.  
  2818.             -m[4]  * m[10] * m[15] +
  2819.              m[4]  * m[11] * m[14] +
  2820.              m[8]  * m[6]  * m[15] -
  2821.              m[8]  * m[7]  * m[14] -
  2822.              m[12] * m[6]  * m[11] +
  2823.              m[12] * m[7]  * m[10],
  2824.  
  2825.             m[0]  * m[10] * m[15] -
  2826.             m[0]  * m[11] * m[14] -
  2827.             m[8]  * m[2] * m[15] +
  2828.             m[8]  * m[3] * m[14] +
  2829.             m[12] * m[2] * m[11] -
  2830.             m[12] * m[3] * m[10],
  2831.  
  2832.             -m[0]  * m[6] * m[15] +
  2833.              m[0]  * m[7] * m[14] +
  2834.              m[4]  * m[2] * m[15] -
  2835.              m[4]  * m[3] * m[14] -
  2836.              m[12] * m[2] * m[7] +
  2837.              m[12] * m[3] * m[6],
  2838.  
  2839.  
  2840.             m[0] * m[6] * m[11] -
  2841.             m[0] * m[7] * m[10] -
  2842.             m[4] * m[2] * m[11] +
  2843.             m[4] * m[3] * m[10] +
  2844.             m[8] * m[2] * m[7] -
  2845.             m[8] * m[3] * m[6],
  2846.  
  2847.  
  2848.             m[4]  * m[9] * m[15] -
  2849.             m[4]  * m[11] * m[13] -
  2850.             m[8]  * m[5] * m[15] +
  2851.             m[8]  * m[7] * m[13] +
  2852.             m[12] * m[5] * m[11] -
  2853.             m[12] * m[7] * m[9],
  2854.  
  2855.  
  2856.  
  2857.             -m[0]  * m[9] * m[15] +
  2858.              m[0]  * m[11] * m[13] +
  2859.              m[8]  * m[1] * m[15] -
  2860.              m[8]  * m[3] * m[13] -
  2861.              m[12] * m[1] * m[11] +
  2862.              m[12] * m[3] * m[9],
  2863.  
  2864.              m[0]  * m[5] * m[15] -
  2865.              m[0]  * m[7] * m[13] -
  2866.              m[4]  * m[1] * m[15] +
  2867.              m[4]  * m[3] * m[13] +
  2868.              m[12] * m[1] * m[7] -
  2869.              m[12] * m[3] * m[5],
  2870.  
  2871.              -m[0] * m[5] * m[11] +
  2872.               m[0] * m[7] * m[9] +
  2873.               m[4] * m[1] * m[11] -
  2874.               m[4] * m[3] * m[9] -
  2875.               m[8] * m[1] * m[7] +
  2876.               m[8] * m[3] * m[5],
  2877.  
  2878.              -m[4]  * m[9] * m[14] +
  2879.               m[4]  * m[10] * m[13] +
  2880.               m[8]  * m[5] * m[14] -
  2881.               m[8]  * m[6] * m[13] -
  2882.               m[12] * m[5] * m[10] +
  2883.               m[12] * m[6] * m[9],
  2884.  
  2885.              m[0]  * m[9] * m[14] -
  2886.              m[0]  * m[10] * m[13] -
  2887.              m[8]  * m[1] * m[14] +
  2888.              m[8]  * m[2] * m[13] +
  2889.              m[12] * m[1] * m[10] -
  2890.              m[12] * m[2] * m[9],
  2891.  
  2892.              -m[0]  * m[5] * m[14] +
  2893.               m[0]  * m[6] * m[13] +
  2894.               m[4]  * m[1] * m[14] -
  2895.               m[4]  * m[2] * m[13] -
  2896.               m[12] * m[1] * m[6] +
  2897.               m[12] * m[2] * m[5],
  2898.  
  2899.              m[0] * m[5] * m[10] -
  2900.              m[0] * m[6] * m[9] -
  2901.              m[4] * m[1] * m[10] +
  2902.              m[4] * m[2] * m[9] +
  2903.              m[8] * m[1] * m[6] -
  2904.              m[8] * m[2] * m[5] ];
  2905.  
  2906.    var det = m[0] * inv[0] + m[1] * inv[4] + m[2] * inv[8] + m[3] * inv[12];
  2907.  
  2908.    det = 1.0/det;
  2909.  
  2910.    for( var i = 0; i<16; i++ ) inv[i] = inv[i] * det;
  2911.  
  2912.    return inv;
  2913. }
  2914.  
  2915. function matMul( a, b )
  2916. {
  2917.    var res = [];
  2918.    for( var i=0; i<4; i++ )
  2919.    {
  2920.        var x = a[4*i+0];
  2921.        var y = a[4*i+1];
  2922.        var z = a[4*i+2];
  2923.        var w = a[4*i+3];
  2924.  
  2925.        res[4*i+0] = x * b[ 0] + y * b[ 4] + z * b[ 8] + w * b[12];
  2926.        res[4*i+1] = x * b[ 1] + y * b[ 5] + z * b[ 9] + w * b[13];
  2927.        res[4*i+2] = x * b[ 2] + y * b[ 6] + z * b[10] + w * b[14];
  2928.        res[4*i+3] = x * b[ 3] + y * b[ 7] + z * b[11] + w * b[15];
  2929.    }
  2930.  
  2931.    return res;
  2932. }
  2933.  
  2934. function matMulpoint( m, v )
  2935. {
  2936.    return [ m[0]*v[0] + m[1]*v[1] + m[ 2]*v[2] + m[ 3],
  2937.             m[4]*v[0] + m[5]*v[1] + m[ 6]*v[2] + m[ 7],
  2938.             m[8]*v[0] + m[9]*v[1] + m[10]*v[2] + m[11] ];
  2939. }
  2940.  
  2941. function matMulvec( m, v )
  2942. {
  2943.    return [ m[0]*v[0] + m[1]*v[1] + m[ 2]*v[2],
  2944.             m[4]*v[0] + m[5]*v[1] + m[ 6]*v[2],
  2945.             m[8]*v[0] + m[9]*v[1] + m[10]*v[2] ];
  2946. }
  2947.  
  2948.  
  2949. function bound3( infi )
  2950. {
  2951.    return [ infi, -infi, infi, -infi, infi, -infi ];
  2952. }
  2953.  
  2954. function bound3_include( a, p )
  2955. {
  2956.    return [
  2957.        (p[0]<a[0]) ? p[0] : a[0],
  2958.        (p[0]>a[1]) ? p[0] : a[1],
  2959.        (p[1]<a[2]) ? p[1] : a[2],
  2960.        (p[1]>a[3]) ? p[1] : a[3],
  2961.        (p[2]<a[4]) ? p[2] : a[4],
  2962.        (p[2]>a[5]) ? p[2] : a[5] ];
  2963. }
  2964.  
  2965. function bound3_center( b )
  2966. {
  2967.    return [ 0.5*(b[0]+b[1]),
  2968.             0.5*(b[2]+b[3]),
  2969.             0.5*(b[4]+b[5]) ];
  2970. }
  2971.  
  2972. function bound3_radius( b )
  2973. {
  2974.    return [ 0.5*(b[1]-b[0]),
  2975.             0.5*(b[3]-b[2]),
  2976.             0.5*(b[5]-b[4]) ];
  2977. }
  2978. //==============================================================================
  2979. //
  2980. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  2981. //
  2982. // piWebVR
  2983. //
  2984. //==============================================================================
  2985.  
  2986. function WebVR( isVREnabledCallback, canvasElement )
  2987. {
  2988.    isVREnabledCallback(false);
  2989.    /*
  2990.  
  2991.  
  2992.    this.mSupportVR = false;
  2993.    this.mHMD = null;
  2994.  
  2995.    var me = this;
  2996.    var listVRDisplays = function (vrdevs) {
  2997.        for (var i = 0; i < vrdevs.length; i++)
  2998.        {
  2999.            if (vrdevs[i] instanceof VRDisplay)
  3000.            {
  3001.                me.mHMD = vrdevs[i];
  3002.                console.log("WebVR is available.");
  3003.                console.log(me.mHMD);
  3004.                break;
  3005.            }
  3006.        }
  3007.  
  3008.        isVREnabledCallback(true);
  3009.        me.mSupportVR = true;
  3010.    }
  3011.  
  3012.    if (navigator.getVRDisplays)
  3013.    {
  3014.        navigator.getVRDisplays().then(listVRDisplays);
  3015.    }
  3016.  
  3017.    isVREnabledCallback(false);
  3018.    this.mCanvas = canvasElement;
  3019.    */
  3020. }
  3021.  
  3022. WebVR.prototype.IsSupported = function()
  3023. {
  3024.    return false;
  3025.    //return this.mSupportVR;
  3026. }
  3027.  
  3028. WebVR.prototype.GetData = function( id )
  3029. {
  3030.    return {};
  3031.    /*
  3032.    var frameData = new VRFrameData();
  3033.    var s = this.mHMD.getFrameData(frameData);
  3034.    var ss = frameData.pose;
  3035.    
  3036.    var fovL = this.mHMD.getEyeParameters("left");
  3037.    var fovR = this.mHMD.getEyeParameters( "right" );
  3038.  
  3039.    // camera info
  3040.    var cPos = vec3(0.0, 0.0, 0.0);
  3041.    if (ss.position)
  3042.        cPos = vec3(-ss.position[0], -ss.position[1], -ss.position[2]);
  3043.    var rot = vec4(0.0, 0.0, 0.0, 0.0);
  3044.    if (ss.orientation)
  3045.        rot = vec4(ss.orientation[0], ss.orientation[1], ss.orientation[2], ss.orientation[3]);
  3046.    var cRot = setFromQuaternion(rot);
  3047.    var cTra = setTranslation(cPos);
  3048.    var cMat = matMul(invertFast(cRot), cTra);
  3049.    
  3050.    // per eye info
  3051.    var lTra = setTranslation( vec3(-fovL.offset[0], -fovL.offset[1], -fovL.offset[2]) );
  3052.    var lMat = matMul(lTra, cMat);
  3053.    var lPrj = [ Math.tan( fovL.fieldOfView.upDegrees * Math.PI/180.0),
  3054.                 Math.tan(fovL.fieldOfView.downDegrees * Math.PI / 180.0),
  3055.                 Math.tan(fovL.fieldOfView.leftDegrees * Math.PI / 180.0),
  3056.                 Math.tan(fovL.fieldOfView.rightDegrees * Math.PI / 180.0)];
  3057.  
  3058.    var rTra = setTranslation(vec3(-fovR.offset[0], -fovR.offset[1], -fovR.offset[2]));
  3059.    var rMat = matMul(rTra, cMat);
  3060.    var rPrj = [Math.tan(fovR.fieldOfView.upDegrees * Math.PI / 180.0),
  3061.                 Math.tan(fovR.fieldOfView.downDegrees * Math.PI / 180.0),
  3062.                 Math.tan(fovR.fieldOfView.leftDegrees * Math.PI / 180.0),
  3063.                 Math.tan(fovR.fieldOfView.rightDegrees * Math.PI / 180.0)];
  3064.  
  3065.    return {
  3066.        mCamera   : { mCamera: cMat },
  3067.        mLeftEye  : { mVP:[0,0,fovL.renderWidth,fovL.renderHeight], mProjection:lPrj, mCamera:lMat },
  3068.        mRightEye : { mVP:[fovR.renderWidth/2,0,fovR.renderWidth,fovR.renderHeight], mProjection:rPrj, mCamera:rMat }
  3069.           };
  3070.    */
  3071. }
  3072.  
  3073. WebVR.prototype.Enable = function( id )
  3074. {
  3075.    /*
  3076.    this.mHMD.requestPresent([{ source: this.mCanvas }]).then(
  3077.        function ()
  3078.        {
  3079.        },
  3080.        function (err)
  3081.        {
  3082.            console.log("webVR : requestPresent failed.");
  3083.        }
  3084.    );
  3085.    */
  3086. }
  3087.  
  3088. WebVR.prototype.Disable = function( id )
  3089. {
  3090.    /*
  3091.    if (!this.mHMD.isPresenting)
  3092.    {
  3093.        return;
  3094.    }
  3095.  
  3096.    this.mHMD.exitPresent().then(
  3097.        function ()
  3098.        {
  3099.        },
  3100.        function (err)
  3101.        {
  3102.            console.log("webVR : exitPresent failed.");
  3103.        }
  3104.    );
  3105.    */
  3106. }
  3107.  
  3108. WebVR.prototype.RequestAnimationFrame = function (id)
  3109. {
  3110.    //this.mHMD.requestAnimationFrame(id);
  3111. }
  3112.  
  3113. WebVR.prototype.IsPresenting = function (id)
  3114. {
  3115.    /*
  3116.    if (this.mHMD.isPresenting)
  3117.    {
  3118.        return true;
  3119.    }
  3120.    */
  3121.    return false;
  3122. }
  3123.  
  3124. WebVR.prototype.Finish = function (id)
  3125. {
  3126.    /*
  3127.    if (this.mHMD.isPresenting)
  3128.    {
  3129.        this.mHMD.submitFrame();
  3130.    }
  3131.    */
  3132. }
  3133.  
  3134. //==============================================================================
  3135. //
  3136. // piLibs 2015-2017 - http://www.iquilezles.org/www/material/piLibs/piLibs.htm
  3137. //
  3138. // piWebUtils
  3139. //
  3140. //==============================================================================
  3141.  
  3142.  
  3143. // RequestAnimationFrame
  3144. window.requestAnimFrame = ( function () { return window.requestAnimationFrame    || window.webkitRequestAnimationFrame ||
  3145.                                                 window.mozRequestAnimationFrame || window.oRequestAnimationFrame ||
  3146.                                                 window.msRequestAnimationFrame  || function( cb ) { window.setTimeout(cb,1000/60); };
  3147.                                        } )();
  3148.  
  3149. // performance.now
  3150. window.getRealTime = ( function() { if ("performance" in window ) return function() { return window.performance.now(); }
  3151.                                                                  return function() { return (new Date()).getTime(); }
  3152.                                  } )();
  3153.  
  3154. window.URL = window.URL || window.webkitURL;
  3155.  
  3156. navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
  3157.  
  3158. function htmlEntities(str)
  3159. {
  3160.    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g,'&apos;');
  3161. }
  3162.  
  3163. function piDisableTouch()
  3164. {
  3165.    document.body.addEventListener('touchstart', function(e){ e.preventDefault(); });
  3166. }
  3167.  
  3168. var piGetTime = function ( timestamp )
  3169. {
  3170.    if (timestamp == 0)
  3171.        return "";
  3172.    return new Date(timestamp * 1000).toISOString().substr(0, 10);
  3173. }
  3174.  
  3175. function piGetCoords( obj )
  3176. {
  3177.    var x = 0;
  3178.    var y = 0;
  3179.    do
  3180.    {
  3181.         x += obj.offsetLeft;
  3182.         y += obj.offsetTop;
  3183.    }while( obj = obj.offsetParent );
  3184.  
  3185.    return { mX:x, mY:y };
  3186. }
  3187.  
  3188. function piGetMouseCoords( ev, canvasElement )
  3189. {
  3190.    var pos = piGetCoords(canvasElement );
  3191.    var mcx =                        (ev.pageX - pos.mX) * canvasElement.width / canvasElement.offsetWidth;
  3192.    var mcy = canvasElement.height - (ev.pageY - pos.mY) * canvasElement.height / canvasElement.offsetHeight;
  3193.  
  3194.    return { mX: mcx, mY: mcy };
  3195.  
  3196. }
  3197.  
  3198. function piGetSourceElement( e )
  3199. {
  3200.    var ele = null;
  3201.    if( e.target )     ele = e.target;
  3202.    if( e.srcElement ) ele = e.srcElement;
  3203.    return ele;
  3204. }
  3205.  
  3206. function piRequestFullScreen( ele )
  3207. {
  3208.    if( ele==null ) ele =   document.documentElement;
  3209.         if( ele.requestFullscreen       ) ele.requestFullscreen();
  3210.    else if( ele.msRequestFullscreen     ) ele.msRequestFullscreen();
  3211.    else if( ele.mozRequestFullScreen    ) ele.mozRequestFullScreen();
  3212.    else if( ele.webkitRequestFullscreen ) ele.webkitRequestFullscreen( Element.ALLOW_KEYBOARD_INPUT );
  3213. }
  3214.  
  3215. function piIsFullScreen()
  3216. {
  3217.    return document.fullscreen || document.mozFullScreen || document.webkitIsFullScreen || document.msFullscreenElement || false;
  3218. }
  3219.  
  3220. function piExitFullScreen()
  3221. {
  3222.       if( document.exitFullscreen       ) document.exitFullscreen();
  3223.  else if( document.msExitFullscreen     ) document.msExitFullscreen();
  3224.  else if( document.mozCancelFullScreen  ) document.mozCancelFullScreen();
  3225.  else if( document.webkitExitFullscreen ) document.webkitExitFullscreen();
  3226. }
  3227.  
  3228. function piIsMobile()
  3229. {
  3230.    return (navigator.userAgent.match(/Android/i) ||
  3231.            navigator.userAgent.match(/webOS/i) ||
  3232.            navigator.userAgent.match(/iPhone/i) ||
  3233.            navigator.userAgent.match(/iPad/i) ||
  3234.            navigator.userAgent.match(/iPod/i) ||
  3235.            navigator.userAgent.match(/BlackBerry/i) ||
  3236.            navigator.userAgent.match(/Windows Phone/i)) ? true : false;
  3237. }
  3238.  
  3239. function piCreateGlContext( cv, useAlpha, useDepth, usePreserveBuffer, useSupersampling )
  3240. {
  3241.    var opts = { alpha: useAlpha,
  3242.                 depth: useDepth,
  3243.                 stencil: false,
  3244.                 premultipliedAlpha: false,
  3245.                 antialias: useSupersampling,
  3246.                 preserveDrawingBuffer: usePreserveBuffer,
  3247.                 powerPreference: "high-performance" }; // "low_power", "high_performance", "default"
  3248.  
  3249.    var gl = null;
  3250.    if( gl === null) gl = cv.getContext( "webgl2", opts );
  3251.    if( gl === null) gl = cv.getContext( "experimental-webgl2", opts );
  3252.    if( gl === null) gl = cv.getContext( "webgl", opts );
  3253.    if( gl === null) gl = cv.getContext( "experimental-webgl", opts );
  3254.  
  3255.    return gl;
  3256. }
  3257.  
  3258. function piCreateAudioContext()
  3259. {
  3260.    var res = null;
  3261.    try
  3262.    {
  3263.        if( window.AudioContext ) res = new AudioContext();
  3264.        if( res==null && window.webkitAudioContext ) res = new webkitAudioContext();
  3265.    }
  3266.    catch( e )
  3267.    {
  3268.        res = null;
  3269.    }
  3270.    return res;
  3271. }
  3272.  
  3273. function piHexColorToRGB(str) // "#ff3041"
  3274. {
  3275.    var rgb = parseInt(str.slice(1), 16);
  3276.    var r = (rgb >> 16) & 255;
  3277.    var g = (rgb >> 8) & 255;
  3278.    var b = (rgb >> 0) & 255;
  3279.    return [r, g, b];
  3280. }
  3281.  
  3282. function piCreateFPSCounter()
  3283. {
  3284.    var mFrame;
  3285.    var mTo;
  3286.    var mFPS;
  3287.  
  3288.    var iReset = function( time )
  3289.    {
  3290.        mFrame = 0;
  3291.        mTo = time;
  3292.        mFPS = 60.0;
  3293.    }
  3294.  
  3295.    var iCount = function( time )
  3296.    {
  3297.        mFrame++;
  3298.  
  3299.        if( (time-mTo)>500.0 )
  3300.        {
  3301.            mFPS = 1000.0*mFrame/(time-mTo);
  3302.            mFrame = 0;
  3303.            mTo = time;
  3304.            return true;
  3305.        }
  3306.        return false;
  3307.    }
  3308.  
  3309.    var iGetFPS = function()
  3310.    {
  3311.        return mFPS;
  3312.    }
  3313.    
  3314.    return { Reset : iReset, Count : iCount, GetFPS : iGetFPS };
  3315. }
  3316.  
  3317. function piCanMediaRecorded(canvas)
  3318. {
  3319.    if (typeof window.MediaRecorder !== 'function' || typeof canvas.captureStream !== 'function') {
  3320.        return false;
  3321.    }
  3322.    return true;
  3323. }
  3324.  
  3325. function piCreateMediaRecorder(isRecordingCallback, canvas)
  3326. {
  3327.    if (piCanMediaRecorded(canvas) == false)
  3328.    {
  3329.        return null;
  3330.    }
  3331.    
  3332.    var options = { audioBitsPerSecond : 0, videoBitsPerSecond : 8000000 };
  3333.     if (MediaRecorder.isTypeSupported('video/webm;codecs=h264')) options.mimeType = 'video/webm;codecs=h264';
  3334.    else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp9' )) options.mimeType = 'video/webm;codecs=vp9';
  3335.    else if (MediaRecorder.isTypeSupported('video/webm;codecs=vp8' )) options.mimeType = 'video/webm;codecs=vp8';
  3336.    else                                                              options.mimeType = 'video/webm;';
  3337.  
  3338.    var mediaRecorder = new MediaRecorder(canvas.captureStream(), options);
  3339.    var chunks = [];
  3340.    
  3341.    mediaRecorder.ondataavailable = function(e)
  3342.    {
  3343.        if (e.data.size > 0)
  3344.        {
  3345.            chunks.push(e.data);
  3346.        }
  3347.    };
  3349.    mediaRecorder.onstart = function(){
  3350.        isRecordingCallback( true );
  3351.    };
  3352.    
  3353.    mediaRecorder.onstop = function()
  3354.    {
  3355.         isRecordingCallback( false );
  3356.         let blob     = new Blob(chunks, {type: "video/webm"});
  3357.         chunks       = [];
  3358.         let videoURL = window.URL.createObjectURL(blob);
  3359.         let url      = window.URL.createObjectURL(blob);
  3360.         let a        = document.createElement("a");
  3361.         document.body.appendChild(a);
  3362.         a.style      = "display: none";
  3363.         a.href       = url;
  3364.         a.download   = "capture.webm";
  3365.         a.click();
  3366.         window.URL.revokeObjectURL(url);
  3367.     };
  3368.    
  3369.    return mediaRecorder;
  3370. }
  3371.  
  3372. function piExportToEXR(width, height, numComponents, type, bytes)
  3373. {
  3374.    var bytesPerComponent = 0;
  3375.    if      (type=="Uint")   bytesPerComponent = 4;
  3376.    else if (type=="Half")   bytesPerComponent = 2;
  3377.    else if (type=="Float")  bytesPerComponent = 4;
  3378.  
  3379.    var tHeader = 258 + (18 * numComponents + 1);
  3380.    var tTable = 8 * height;
  3381.    var tScanlines = height * (4 + 4 + (numComponents * bytesPerComponent * width));
  3382.    var tTotal = tHeader + tTable + tScanlines;
  3383.  
  3384.    //console.log("    header size = " + tHeader);
  3385.    //console.log("    table size = " + tTable);
  3386.    //console.log("    scanlines size = " + tScanlines);
  3387.    //console.log("    total = " + tTotal);
  3388.  
  3389.    var buffer = new ArrayBuffer(tTotal);
  3390.    var data = new DataView(buffer);
  3391.  
  3392.    // Header
  3393.    {
  3394.        // Header : 4 bytes -> 0x76, 0x2f, 0x31, 0x01
  3395.        var c = 0;
  3396.        data.setUint8 (c++, 0x76);
  3397.        data.setUint8 (c++, 0x2f);
  3398.        data.setUint8 (c++, 0x31);
  3399.        data.setUint8 (c++, 0x01);
  3400.  
  3401.        // Version : 4 bytes -> 2, 0, 0, 0
  3402.        data.setUint8 (c++, 0x02);
  3403.        data.setUint8 (c++, 0x0);
  3404.        data.setUint8 (c++, 0x0);
  3405.        data.setUint8 (c++, 0x0);
  3406.        
  3407.        // Write channel info
  3408.        // Write attribute name : "channels"
  3409.            data.setUint8 (c++, 0x63);
  3410.            data.setUint8 (c++, 0x68);
  3411.            data.setUint8 (c++, 0x61);
  3412.            data.setUint8 (c++, 0x6e);
  3413.            data.setUint8 (c++, 0x6e);
  3414.            data.setUint8 (c++, 0x65);
  3415.            data.setUint8 (c++, 0x6c);
  3416.            data.setUint8 (c++, 0x73);
  3417.            data.setUint8 (c++, 0x0);
  3418.  
  3419.            // Write attribute type : "chlist"
  3420.            data.setUint8 (c++, 0x63);
  3421.            data.setUint8 (c++, 0x68);
  3422.            data.setUint8 (c++, 0x6c);
  3423.            data.setUint8 (c++, 0x69);
  3424.            data.setUint8 (c++, 0x73);
  3425.            data.setUint8 (c++, 0x74);
  3426.            data.setUint8 (c++, 0x00);
  3427.  
  3428.            // Write attribute size : 18 x 3 + 1 = 55
  3429.            var attribSize = 18 * numComponents + 1;
  3430.            data.setUint8 (c++, attribSize);
  3431.            data.setUint8 (c++, 0x00);
  3432.            data.setUint8 (c++, 0x00);
  3433.            data.setUint8 (c++, 0x00);
  3434.  
  3435.            var i;
  3436.            for (i = 0; i < numComponents; i++)
  3437.            {
  3438.                // Attribute : "B" (42) "G" (47) "R" (52)
  3439.                if (i==0)       data.setUint8 (c++, 0x42);
  3440.                else if (i==1)  data.setUint8 (c++, 0x47);
  3441.                else if (i==2)  data.setUint8 (c++, 0x52);
  3442.                data.setUint8 (c++, 0x00);
  3443.                
  3444.                // Value : Float (2), Half (1), Uint (0)
  3445.                if      (type=="Uint")   data.setUint8 (c++, 0x00);
  3446.                else if (type=="Half")   data.setUint8 (c++, 0x01);
  3447.                else if (type=="Float")  data.setUint8 (c++, 0x02);
  3448.                data.setUint8 (c++, 0x00);
  3449.                data.setUint8 (c++, 0x00);
  3450.                data.setUint8 (c++, 0x00);
  3451.  
  3452.                // Plinear
  3453.                data.setUint8 (c++, 0x01);
  3454.  
  3455.                // Reserved
  3456.                data.setUint8 (c++, 0x00);
  3457.                data.setUint8 (c++, 0x00);
  3458.                data.setUint8 (c++, 0x00);
  3459.  
  3460.                // X sampling
  3461.                data.setUint8 (c++, 0x01);
  3462.                data.setUint8 (c++, 0x00);
  3463.                data.setUint8 (c++, 0x00);
  3464.                data.setUint8 (c++, 0x00);
  3465.                
  3466.                // Y sampling
  3467.                data.setUint8 (c++, 0x01);
  3468.                data.setUint8 (c++, 0x00);
  3469.                data.setUint8 (c++, 0x00);
  3470.                data.setUint8 (c++, 0x00);
  3471.            }
  3472.            // End attribute
  3473.            data.setUint8 (c++, 0x00);
  3474.    
  3475.        // Write attribute name : "compression"
  3476.            data.setUint8 (c++, 0x63);
  3477.            data.setUint8 (c++, 0x6f);
  3478.            data.setUint8 (c++, 0x6d);
  3479.            data.setUint8 (c++, 0x70);
  3480.            data.setUint8 (c++, 0x72);
  3481.            data.setUint8 (c++, 0x65);
  3482.            data.setUint8 (c++, 0x73);
  3483.            data.setUint8 (c++, 0x73);
  3484.            data.setUint8 (c++, 0x69);
  3485.            data.setUint8 (c++, 0x6f);
  3486.            data.setUint8 (c++, 0x6e);
  3487.            data.setUint8 (c++, 0x00);
  3488.  
  3489.            // Write attribute type : "compression"
  3490.            data.setUint8 (c++, 0x63);
  3491.            data.setUint8 (c++, 0x6f);
  3492.            data.setUint8 (c++, 0x6d);
  3493.            data.setUint8 (c++, 0x70);
  3494.            data.setUint8 (c++, 0x72);
  3495.            data.setUint8 (c++, 0x65);
  3496.            data.setUint8 (c++, 0x73);
  3497.            data.setUint8 (c++, 0x73);
  3498.            data.setUint8 (c++, 0x69);
  3499.            data.setUint8 (c++, 0x6f);
  3500.            data.setUint8 (c++, 0x6e);
  3501.            data.setUint8 (c++, 0x00);
  3502.  
  3503.            // Write attribute size : "1"
  3504.            data.setUint8 (c++, 0x01);
  3505.            data.setUint8 (c++, 0x00);
  3506.            data.setUint8 (c++, 0x00);
  3507.            data.setUint8 (c++, 0x00);
  3508.  
  3509.            // Write attribute value : "0" (None)
  3510.            data.setUint8 (c++, 0x00);
  3511.  
  3512.        // datawindow
  3513.            data.setUint8 (c++, 0x64);
  3514.            data.setUint8 (c++, 0x61);
  3515.            data.setUint8 (c++, 0x74);
  3516.            data.setUint8 (c++, 0x61);
  3517.            data.setUint8 (c++, 0x57);
  3518.            data.setUint8 (c++, 0x69);
  3519.            data.setUint8 (c++, 0x6e);
  3520.            data.setUint8 (c++, 0x64);
  3521.            data.setUint8 (c++, 0x6f);
  3522.            data.setUint8 (c++, 0x77);
  3523.            data.setUint8 (c++, 0x00);
  3524.  
  3525.            // box2i
  3526.            data.setUint8 (c++, 0x62);
  3527.            data.setUint8 (c++, 0x6f);
  3528.            data.setUint8 (c++, 0x78);
  3529.            data.setUint8 (c++, 0x32);
  3530.            data.setUint8 (c++, 0x69);
  3531.            data.setUint8 (c++, 0x00);
  3532.  
  3533.            // size 16
  3534.            data.setUint8 (c++, 0x10);
  3535.            data.setUint8 (c++, 0x00);
  3536.            data.setUint8 (c++, 0x00);
  3537.            data.setUint8 (c++, 0x00);
  3538.  
  3539.            // value 0 0 3 2
  3540.            data.setUint8 (c++, 0x00);
  3541.            data.setUint8 (c++, 0x00);
  3542.            data.setUint8 (c++, 0x00);
  3543.            data.setUint8 (c++, 0x00);
  3544.  
  3545.            data.setUint8 (c++, 0x00);
  3546.            data.setUint8 (c++, 0x00);
  3547.            data.setUint8 (c++, 0x00);
  3548.            data.setUint8 (c++, 0x00);
  3549.            
  3550.            data.setUint32 (c, width-1, true);
  3551.            c += 4;
  3552.            
  3553.            data.setUint32 (c, height-1, true);
  3554.            c += 4;
  3555.  
  3556.        // displayWindow
  3557.            data.setUint8 (c++, 0x64);
  3558.            data.setUint8 (c++, 0x69);
  3559.            data.setUint8 (c++, 0x73);
  3560.            data.setUint8 (c++, 0x70);
  3561.            data.setUint8 (c++, 0x6c);
  3562.            data.setUint8 (c++, 0x61);
  3563.            data.setUint8 (c++, 0x79);
  3564.            data.setUint8 (c++, 0x57);
  3565.            data.setUint8 (c++, 0x69);
  3566.            data.setUint8 (c++, 0x6e);
  3567.            data.setUint8 (c++, 0x64);
  3568.            data.setUint8 (c++, 0x6f);
  3569.            data.setUint8 (c++, 0x77);
  3570.            data.setUint8 (c++, 0x00);
  3571.  
  3572.            // box2i
  3573.            data.setUint8 (c++, 0x62);
  3574.            data.setUint8 (c++, 0x6f);
  3575.            data.setUint8 (c++, 0x78);
  3576.            data.setUint8 (c++, 0x32);
  3577.            data.setUint8 (c++, 0x69);
  3578.            data.setUint8 (c++, 0x00);
  3579.  
  3580.            // size 16
  3581.            data.setUint8 (c++, 0x10);
  3582.            data.setUint8 (c++, 0x00);
  3583.            data.setUint8 (c++, 0x00);
  3584.            data.setUint8 (c++, 0x00);
  3585.  
  3586.            // value 0 0 3 2
  3587.            data.setUint8 (c++, 0x00);
  3588.            data.setUint8 (c++, 0x00);
  3589.            data.setUint8 (c++, 0x00);
  3590.            data.setUint8 (c++, 0x00);
  3591.            
  3592.            data.setUint8 (c++, 0x00);
  3593.            data.setUint8 (c++, 0x00);
  3594.            data.setUint8 (c++, 0x00);
  3595.            data.setUint8 (c++, 0x00);
  3596.            
  3597.            data.setUint32 (c, width-1, true);
  3598.            c += 4;
  3599.            
  3600.            data.setUint32 (c, height-1, true);
  3601.            c += 4;
  3602.  
  3603.        // lineOrder
  3604.            data.setUint8 (c++, 0x6c);
  3605.            data.setUint8 (c++, 0x69);
  3606.            data.setUint8 (c++, 0x6e);
  3607.            data.setUint8 (c++, 0x65);
  3608.            data.setUint8 (c++, 0x4f);
  3609.            data.setUint8 (c++, 0x72);
  3610.            data.setUint8 (c++, 0x64);
  3611.            data.setUint8 (c++, 0x65);
  3612.            data.setUint8 (c++, 0x72);
  3613.            data.setUint8 (c++, 0x00);
  3614.            
  3615.            // lineOrder
  3616.            data.setUint8 (c++, 0x6c);
  3617.            data.setUint8 (c++, 0x69);
  3618.            data.setUint8 (c++, 0x6e);
  3619.            data.setUint8 (c++, 0x65);
  3620.            data.setUint8 (c++, 0x4f);
  3621.            data.setUint8 (c++, 0x72);
  3622.            data.setUint8 (c++, 0x64);
  3623.            data.setUint8 (c++, 0x65);
  3624.            data.setUint8 (c++, 0x72);
  3625.            data.setUint8 (c++, 0x00);
  3626.            
  3627.            // size
  3628.            data.setUint8 (c++, 0x01);
  3629.            data.setUint8 (c++, 0x00);
  3630.            data.setUint8 (c++, 0x00);
  3631.            data.setUint8 (c++, 0x00);
  3632.            
  3633.            // value
  3634.            data.setUint8 (c++, 0x00);
  3635.  
  3636.        // PixelAspectRatio
  3637.            data.setUint8 (c++, 0x70);
  3638.            data.setUint8 (c++, 0x69);
  3639.            data.setUint8 (c++, 0x78);
  3640.            data.setUint8 (c++, 0x65);
  3641.            data.setUint8 (c++, 0x6c);
  3642.            data.setUint8 (c++, 0x41);
  3643.            data.setUint8 (c++, 0x73);
  3644.            data.setUint8 (c++, 0x70);
  3645.            data.setUint8 (c++, 0x65);
  3646.            data.setUint8 (c++, 0x63);
  3647.            data.setUint8 (c++, 0x74);
  3648.            data.setUint8 (c++, 0x52);
  3649.            data.setUint8 (c++, 0x61);
  3650.            data.setUint8 (c++, 0x74);
  3651.            data.setUint8 (c++, 0x69);
  3652.            data.setUint8 (c++, 0x6f);
  3653.            data.setUint8 (c++, 0x00);
  3654.  
  3655.            // float
  3656.            data.setUint8 (c++, 0x66);
  3657.            data.setUint8 (c++, 0x6c);
  3658.            data.setUint8 (c++, 0x6f);
  3659.            data.setUint8 (c++, 0x61);
  3660.            data.setUint8 (c++, 0x74);
  3661.            data.setUint8 (c++, 0x00);
  3662.        
  3663.            // size 4
  3664.            data.setUint8 (c++, 0x04);
  3665.            data.setUint8 (c++, 0x00);
  3666.            data.setUint8 (c++, 0x00);
  3667.            data.setUint8 (c++, 0x00);
  3668.  
  3669.            // value 1.0
  3670.            data.setUint8 (c++, 0x00);
  3671.            data.setUint8 (c++, 0x00);
  3672.            data.setUint8 (c++, 0x80);
  3673.            data.setUint8 (c++, 0x3f);
  3674.        
  3675.        // screenWindowCenter
  3676.            data.setUint8 (c++, 0x73);
  3677.            data.setUint8 (c++, 0x63);
  3678.            data.setUint8 (c++, 0x72);
  3679.            data.setUint8 (c++, 0x65);
  3680.            data.setUint8 (c++, 0x65);
  3681.            data.setUint8 (c++, 0x6e);
  3682.            data.setUint8 (c++, 0x57);
  3683.            data.setUint8 (c++, 0x69);
  3684.            data.setUint8 (c++, 0x6e);
  3685.            data.setUint8 (c++, 0x64);
  3686.            data.setUint8 (c++, 0x6f);
  3687.            data.setUint8 (c++, 0x77);
  3688.            data.setUint8 (c++, 0x43);
  3689.            data.setUint8 (c++, 0x65);
  3690.            data.setUint8 (c++, 0x6e);
  3691.            data.setUint8 (c++, 0x74);
  3692.            data.setUint8 (c++, 0x65);
  3693.            data.setUint8 (c++, 0x72);
  3694.            data.setUint8 (c++, 0x00);
  3695.  
  3696.            // v2f
  3697.            data.setUint8 (c++, 0x76);
  3698.            data.setUint8 (c++, 0x32);
  3699.            data.setUint8 (c++, 0x66);
  3700.            data.setUint8 (c++, 0x00);
  3701.  
  3702.            // size 8
  3703.            data.setUint8 (c++, 0x08);
  3704.            data.setUint8 (c++, 0x00);
  3705.            data.setUint8 (c++, 0x00);
  3706.            data.setUint8 (c++, 0x00);
  3707.  
  3708.            // value 0 0
  3709.            data.setUint8 (c++, 0x00);
  3710.            data.setUint8 (c++, 0x00);
  3711.            data.setUint8 (c++, 0x00);
  3712.            data.setUint8 (c++, 0x00);
  3713.            
  3714.            data.setUint8 (c++, 0x00);
  3715.            data.setUint8 (c++, 0x00);
  3716.            data.setUint8 (c++, 0x00);
  3717.            data.setUint8 (c++, 0x00);
  3718.  
  3719.        // screenWindowWidth
  3720.            data.setUint8 (c++, 0x73);
  3721.            data.setUint8 (c++, 0x63);
  3722.            data.setUint8 (c++, 0x72);
  3723.            data.setUint8 (c++, 0x65);
  3724.            data.setUint8 (c++, 0x65);
  3725.            data.setUint8 (c++, 0x6e);
  3726.            data.setUint8 (c++, 0x57);
  3727.            data.setUint8 (c++, 0x69);
  3728.            data.setUint8 (c++, 0x6e);
  3729.            data.setUint8 (c++, 0x64);
  3730.            data.setUint8 (c++, 0x6f);
  3731.            data.setUint8 (c++, 0x77);
  3732.            data.setUint8 (c++, 0x57);
  3733.            data.setUint8 (c++, 0x69);
  3734.            data.setUint8 (c++, 0x64);
  3735.            data.setUint8 (c++, 0x74);
  3736.            data.setUint8 (c++, 0x68);
  3737.            data.setUint8 (c++, 0x00);
  3738.            
  3739.            // float
  3740.            data.setUint8 (c++, 0x66);
  3741.            data.setUint8 (c++, 0x6c);
  3742.            data.setUint8 (c++, 0x6f);
  3743.            data.setUint8 (c++, 0x61);
  3744.            data.setUint8 (c++, 0x74);
  3745.            data.setUint8 (c++, 0x00);
  3746.  
  3747.            // size
  3748.            data.setUint8 (c++, 0x04);
  3749.            data.setUint8 (c++, 0x00);
  3750.            data.setUint8 (c++, 0x00);
  3751.            data.setUint8 (c++, 0x00);
  3752.  
  3753.            // value
  3754.            data.setUint8 (c++, 0x00);
  3755.            data.setUint8 (c++, 0x00);
  3756.            data.setUint8 (c++, 0x80);
  3757.            data.setUint8 (c++, 0x3f);
  3758.  
  3759.        // End of header
  3760.        data.setUint8 (c++, 0x00);
  3761.    }
  3762.    //console.log("header size = " + c);
  3763.  
  3764.    // Scanline table
  3765.    var initc = c + height * 8;
  3766.    for (var scanline = 0 ; scanline < height ; scanline ++)
  3767.    {
  3768.        var jump = initc + scanline * (8 + width * bytesPerComponent * numComponents);
  3769.        data.setUint32 (c, jump, true);
  3770.        c += 4;
  3771.  
  3772.        data.setUint32 (c, 0x00, true);
  3773.        c += 4;
  3774.    }
  3775.    //console.log("header + scanlines table size = " + c);
  3776.  
  3777.    // Scanlines
  3778.    for (var scanline = 0 ; scanline < height ; scanline ++)
  3779.    {
  3780.        // Scanline
  3781.        data.setUint32(c, scanline, true);
  3782.        c += 4;
  3783.  
  3784.        // size 24
  3785.        var size = width * numComponents * bytesPerComponent;
  3786.        data.setUint32(c, size, true);
  3787.        c += 4;
  3788.  
  3789.        var numComponentsSource = 4; // number of components in the SOURCE image
  3790.        for (var component = 0; component < numComponents ; component ++)
  3791.        {
  3792.            for (var pixel = 0 ; pixel < width ; pixel ++)
  3793.            {
  3794.                // flip vertical, so we read OpenGL buffers without JS image flipping
  3795.                var v = bytes[(height-1-scanline) * width *numComponentsSource + pixel * numComponentsSource + (2-component)];
  3796.                if      (type=="Float") data.setFloat32(c, v, true);
  3797.                else if (type=="Half")  data.setUint16(c, v, true);
  3798.  
  3799.                c += bytesPerComponent;
  3800.            }
  3801.        }
  3802.    }
  3803.    //console.log("total size = " + c);
  3804.    return new Blob([buffer], {type: 'application/octet-stream'});
  3805. }
  3806.  
  3807.  
  3808. function piExportToWAV(numSamples, rate, bits, numChannels, words)
  3809. {
  3810.    let numBytes = numSamples * numChannels * bits/8;
  3811.  
  3812.    let buffer = new ArrayBuffer(44 + numBytes);
  3813.    let data = new DataView(buffer);
  3814.  
  3815.    {
  3816.        data.setUint32( 0, 0x46464952, true );  // RIFF
  3817.        data.setUint32( 4, numBytes + 36, true);
  3818.        {
  3819.            data.setUint32( 8, 0x45564157, true );  // WAV_WAVE
  3820.            data.setUint32( 12, 0x20746D66, true );  // WAV_FMT
  3821.            {
  3822.                data.setUint32( 16, 16, true);
  3823.                data.setUint16( 20, 1, true ); // WAV_FORMAT_PCM
  3824.                data.setUint16( 22, numChannels, true);
  3825.                data.setUint32( 24, rate, true);
  3826.                data.setUint32( 28, rate*numChannels*bits / 8, true);
  3827.                data.setUint16( 32, numChannels*bits / 8, true);
  3828.                data.setUint16( 34, bits, true);
  3829.            }
  3830.  
  3831.            data.setUint32( 36, 0x61746164, true);  // WAV_DATA
  3832.            {
  3833.                data.setUint32( 40, numBytes, true);
  3834.                let numWords = numSamples * numChannels;
  3835.                for(let i=0; i<numWords; i++ )
  3836.                {
  3837.                    data.setInt16( 44 + i*2, words[i], true );
  3838.                }
  3839.            }
  3840.        }
  3841.    }
  3842.  
  3843.  
  3844.    //console.log("total size = " + c);
  3845.    return new Blob([buffer], {type: 'application/octet-stream'});
  3846. }
  3847.  
  3848. function piTriggerDownload(name, blob)
  3849. {
  3850.    let url = URL.createObjectURL(blob);
  3851.    let aElement = document.createElement("a");
  3852.    aElement.href     = url;
  3853.    aElement.target   = "_self";
  3854.    aElement.download = name;
  3855.    document.body.appendChild(aElement);
  3856.    aElement.click();
  3857.    document.body.removeChild(aElement);
  3858. }</script>
  3859.    <script>"use strict"
  3860.  
  3861. function bufferID_to_assetID( id )
  3862. {
  3863.    if( id===0 ) return '4dXGR8';
  3864.    if( id===1 ) return 'XsXGR8';
  3865.    if( id===2 ) return '4sXGR8';
  3866.    if( id===3 ) return 'XdfGR8';
  3867.    return 'none';
  3868. }
  3869. function assetID_to_bufferID( id )
  3870. {
  3871.    if( id==='4dXGR8' ) return 0;
  3872.    if( id==='XsXGR8' ) return 1;
  3873.    if( id==='4sXGR8' ) return 2;
  3874.    if( id==='XdfGR8' ) return 3;
  3875.    return -1;
  3876. }
  3877.  
  3878. function assetID_to_cubemapBuferID( id )
  3879. {
  3880.    if( id==='4dX3Rr' ) return 0;
  3881.    return -1;
  3882. }
  3883. function cubamepBufferID_to_assetID( id )
  3884. {
  3885.    if( id===0 ) return '4dX3Rr';
  3886.    return 'none';
  3887. }
  3888.  
  3889. function EffectPass( renderer, is20, isLowEnd, hasShaderTextureLOD, callback, obj, forceMuted, forcePaused, outputGainNode, copyProgram, id, effect  )
  3890. {
  3891.    this.mID = id;
  3892.    this.mInputs  = [null, null, null, null ];
  3893.    this.mOutputs = [null, null, null, null ];
  3894.    this.mSource = null;
  3895.  
  3896.    this.mGainNode = outputGainNode;
  3897.    this.mSoundShaderCompiled = false;
  3898.  
  3899.    this.mEffect = effect;
  3900.    this.mRenderer = renderer;
  3901.    this.mProgramCopy = copyProgram;
  3902.    this.mCompilationTime = 0;
  3903.  
  3904.    this.mType = "none";
  3905.    this.mName = "none";
  3906.    this.mFrame = 0;
  3907.  
  3908.    this.mShaderTextureLOD = hasShaderTextureLOD;
  3909.    this.mIs20 = is20;
  3910.    this.mIsLowEnd = isLowEnd;
  3911.    this.mTextureCallbackFun = callback;
  3912.    this.mTextureCallbackObj = obj;
  3913.    this.mForceMuted = forceMuted;
  3914.    this.mForcePaused = forcePaused;
  3915. }
  3916.  
  3917. EffectPass.prototype.MakeHeader_Image = function()
  3918. {
  3919.    let header = "";
  3920.  
  3921.    header += "#define HW_PERFORMANCE " + ((this.mIsLowEnd===true)?"0":"1") + "\n";
  3922.  
  3923.    header += "uniform vec3      iResolution;\n" +
  3924.              "uniform float     iTime;\n" +
  3925.              "uniform float     iChannelTime[4];\n" +
  3926.              "uniform vec4      iMouse;\n" +
  3927.              "uniform vec4      iDate;\n" +
  3928.              "uniform float     iSampleRate;\n" +
  3929.              "uniform vec3      iChannelResolution[4];\n" +
  3930.              "uniform int       iFrame;\n" +
  3931.              "uniform float     iTimeDelta;\n" +
  3932.              "uniform float     iFrameRate;\n";
  3933.  
  3934.    for( let i=0; i<this.mInputs.length; i++ )
  3935.    {
  3936.        let inp = this.mInputs[i];
  3937.  
  3938.        // old API
  3939.             if( inp===null )                  header += "uniform sampler2D iChannel" + i + ";\n";
  3940.        else if( inp.mInfo.mType==="cubemap" ) header += "uniform samplerCube iChannel" + i + ";\n";
  3941.        else if( inp.mInfo.mType==="volume"  ) header += "uniform sampler3D iChannel" + i + ";\n";
  3942.        else                                   header += "uniform sampler2D iChannel" + i + ";\n";
  3943.  
  3944.        // new API (see shadertoy.com/view/wtdGW8)
  3945.        header += "uniform struct {\n";
  3946.             if( inp===null )                  header += "  sampler2D";
  3947.        else if( inp.mInfo.mType==="cubemap" ) header += "  samplerCube";
  3948.        else if( inp.mInfo.mType==="volume"  ) header += "  sampler3D";
  3949.        else                                  header += "  sampler2D";
  3950.        header +=        " sampler;\n";
  3951.        header += "  vec3  size;\n";
  3952.        header += "  float time;\n";
  3953.        header += "  int   loaded;\n";
  3954.        header += "}iCh" + i + ";\n";
  3955.    }
  3956. header += "void mainImage( out vec4 c, in vec2 f );\n";
  3957.    header += "void st_assert( bool cond );\n";
  3958.    header += "void st_assert( bool cond, int v );\n";
  3959.  
  3960.    if( this.mIs20 )
  3961.    {
  3962.        header += "\nout vec4 shadertoy_out_color;\n" +
  3963.        "void st_assert( bool cond, int v ) {if(!cond){if(v==0)shadertoy_out_color.x=-1.0;else if(v==1)shadertoy_out_color.y=-1.0;else if(v==2)shadertoy_out_color.z=-1.0;else shadertoy_out_color.w=-1.0;}}\n" +
  3964.        "void st_assert( bool cond        ) {if(!cond)shadertoy_out_color.x=-1.0;}\n" +
  3965.        "void main( void )" +
  3966.        "{" +
  3967.            "shadertoy_out_color = vec4(1.0,1.0,1.0,1.0);" +
  3968.            "vec4 color = vec4(1e20);" +
  3969.            "mainImage( color, gl_FragCoord.xy );" +
  3970.            "if(shadertoy_out_color.x<0.0) color=vec4(1.0,0.0,0.0,1.0);" +
  3971.            "if(shadertoy_out_color.y<0.0) color=vec4(0.0,1.0,0.0,1.0);" +
  3972.            "if(shadertoy_out_color.z<0.0) color=vec4(0.0,0.0,1.0,1.0);" +
  3973.            "if(shadertoy_out_color.w<0.0) color=vec4(1.0,1.0,0.0,1.0);" +
  3974.            "shadertoy_out_color = vec4(color.xyz,1.0);" +
  3975.        "}";
  3976.    }
  3977.    else
  3978.    {
  3979.        header += "" +
  3980.        "void st_assert( bool cond, int v ) {if(!cond){if(v==0)gl_FragColor.x=-1.0;else if(v==1)gl_FragColor.y=-1.0;else if(v==2)gl_FragColor.z=-1.0;else gl_FragColor.w=-1.0;}}\n" +
  3981.        "void st_assert( bool cond        ) {if(!cond)gl_FragColor.x=-1.0;}\n" +
  3982.        "void main( void )" +
  3983.        "{" +
  3984.            "gl_FragColor = vec4(0.0,0.0,0.0,1.0);" +
  3985.            "vec4 color = vec4(1e20);" +
  3986.            "mainImage( color, gl_FragCoord.xy );" +
  3987.            "color.w = 1.0;" +
  3988.            "if(gl_FragColor.w<0.0) color=vec4(1.0,0.0,0.0,1.0);" +
  3989.            "if(gl_FragColor.x<0.0) color=vec4(1.0,0.0,0.0,1.0);" +
  3990.            "if(gl_FragColor.y<0.0) color=vec4(0.0,1.0,0.0,1.0);" +
  3991.            "if(gl_FragColor.z<0.0) color=vec4(0.0,0.0,1.0,1.0);" +
  3992.            "if(gl_FragColor.w<0.0) color=vec4(1.0,1.0,0.0,1.0);" +
  3993.            "gl_FragColor = vec4(color.xyz,1.0);"+
  3994.        "}";
  3995.    }
  3996.    header += "\n";
  3997.  
  3998.    /*
  3999.    this.mImagePassFooterVR = "\n" +
  4000.    "uniform vec4 unViewport;\n" +
  4001.    "uniform vec3 unCorners[5];\n";
  4002.    if( this.mIs20 )
  4003.        this.mImagePassFooterVR += "\nout vec4 outColor;\n";
  4004.    this.mImagePassFooterVR += "void main( void )" +
  4005.    "{" +
  4006.        "vec4 color = vec4(1e20);" +
  4007.  
  4008.        "vec3 ro = unCorners[4];" +
  4009.        "vec2 uv = (gl_FragCoord.xy - unViewport.xy)/unViewport.zw;" +
  4010.        "vec3 rd = normalize( mix( mix( unCorners[0], unCorners[1], uv.x )," +
  4011.                                  "mix( unCorners[3], unCorners[2], uv.x ), uv.y ) - ro);" +
  4012.  
  4013.        "mainVR( color, gl_FragCoord.xy-unViewport.xy, ro, rd );" +
  4014.        "color.w = 1.0;"
  4015.    if( this.mIs20 )
  4016.        this.mImagePassFooterVR +=  "outColor = color;}";
  4017.    else
  4018.        this.mImagePassFooterVR +=  "gl_FragColor = color;}";
  4019.    */
  4020.    this.mHeader = header;
  4021.    this.mHeaderLength = 0;
  4022. }
  4023.  
  4024. EffectPass.prototype.MakeHeader_Buffer = function()
  4025. {
  4026.    let header = "";
  4027.    
  4028.    header += "#define HW_PERFORMANCE " + ((this.mIsLowEnd===true)?"0":"1") + "\n";
  4029.  
  4030.    header += "uniform vec3      iResolution;\n" +
  4031.              "uniform float     iTime;\n" +
  4032.              "uniform float     iChannelTime[4];\n" +
  4033.              "uniform vec4      iMouse;\n" +
  4034.              "uniform vec4      iDate;\n" +
  4035.              "uniform float     iSampleRate;\n" +
  4036.              "uniform vec3      iChannelResolution[4];\n" +
  4037.              "uniform int       iFrame;\n" +
  4038.              "uniform float     iTimeDelta;\n" +
  4039.              "uniform float     iFrameRate;\n";
  4040.  
  4041.    for (let i = 0; i < this.mInputs.length; i++)
  4042.    {
  4043.        let inp = this.mInputs[i];
  4044.             if( inp===null )                  header += "uniform sampler2D iChannel" + i + ";\n";
  4045.        else if( inp.mInfo.mType==="cubemap" ) header += "uniform samplerCube iChannel" + i + ";\n";
  4046.        else if( inp.mInfo.mType==="volume"  ) header += "uniform sampler3D iChannel" + i + ";\n";
  4047.        else                                  header += "uniform sampler2D iChannel" + i + ";\n";
  4048.    }
  4049.  
  4050. header += "void mainImage( out vec4 c,  in vec2 f );\n"
  4051.  
  4052.    if( this.mIs20 )
  4053.        header += "\nout vec4 outColor;\n";
  4054.    header += "\nvoid main( void )\n" +
  4055.    "{" +
  4056.        "vec4 color = vec4(1e20);" +
  4057.        "mainImage( color, gl_FragCoord.xy );";
  4058.    if( this.mIs20 )
  4059.        header +="outColor = color; }";
  4060.    else
  4061.        header +="gl_FragColor = color; }";
  4062.    header += "\n";
  4063.  
  4064.    /*
  4065.    this.mImagePassFooterVR = "\n" +
  4066.    "uniform vec4 unViewport;\n" +
  4067.    "uniform vec3 unCorners[5];\n";
  4068.    if( this.mIs20 )
  4069.    this.mImagePassFooterVR += "\nout vec4 outColor;\n";
  4070.    this.mImagePassFooterVR += "\nvoid main( void )\n" +
  4071.    "{" +
  4072.        "vec4 color = vec4(1e20);" +
  4073.  
  4074.        "vec3 ro = unCorners[4];" +
  4075.        "vec2 uv = (gl_FragCoord.xy - unViewport.xy)/unViewport.zw;" +
  4076.        "vec3 rd = normalize( mix( mix( unCorners[0], unCorners[1], uv.x )," +
  4077.                                  "mix( unCorners[3], unCorners[2], uv.x ), uv.y ) - ro);" +
  4078.  
  4079.        "mainVR( color, gl_FragCoord.xy-unViewport.xy, ro, rd );";
  4080.    if( this.mIs20 )
  4081.        this.mImagePassFooterVR +="outColor = color; }";
  4082.    else
  4083.        this.mImagePassFooterVR +="gl_FragColor = color; }";
  4084.    */
  4085.    this.mHeader = header;
  4086.    this.mHeaderLength = 0;
  4087. }
  4088.  
  4089. EffectPass.prototype.MakeHeader_Cubemap = function()
  4090. {
  4091.    let header = "";
  4092.    
  4093.    header += "#define HW_PERFORMANCE " + ((this.mIsLowEnd===true)?"0":"1") + "\n";
  4094.  
  4095.    header += "uniform vec3      iResolution;\n" +
  4096.              "uniform float     iTime;\n" +
  4097.              "uniform float     iChannelTime[4];\n" +
  4098.              "uniform vec4      iMouse;\n" +
  4099.              "uniform vec4      iDate;\n" +
  4100.              "uniform float     iSampleRate;\n" +
  4101.              "uniform vec3      iChannelResolution[4];\n" +
  4102.              "uniform int       iFrame;\n" +
  4103.              "uniform float     iTimeDelta;\n" +
  4104.              "uniform float     iFrameRate;\n";
  4105.  
  4106.    for (let i = 0; i < this.mInputs.length; i++)
  4107.    {
  4108.        let inp = this.mInputs[i];
  4109.             if( inp===null )                  header += "uniform sampler2D iChannel" + i + ";\n";
  4110.        else if( inp.mInfo.mType==="cubemap" ) header += "uniform samplerCube iChannel" + i + ";\n";
  4111.        else if( inp.mInfo.mType==="volume"  ) header += "uniform sampler3D iChannel" + i + ";\n";
  4112.        else                                   header += "uniform sampler2D iChannel" + i + ";\n";
  4113.    }
  4114.  
  4115. header += "void mainCubemap( out vec4 c, in vec2 f, in vec3 ro, in vec3 rd );\n"
  4116.  
  4117.    header += "\n" +
  4118.    "uniform vec4 unViewport;\n" +
  4119.    "uniform vec3 unCorners[5];\n";
  4120.    if( this.mIs20 )
  4121.        header += "\nout vec4 outColor;\n";
  4122.    header += "\nvoid main( void )\n" +
  4123.    "{" +
  4124.        "vec4 color = vec4(1e20);" +
  4125.  
  4126.        "vec3 ro = unCorners[4];" +
  4127.        "vec2 uv = (gl_FragCoord.xy - unViewport.xy)/unViewport.zw;" +
  4128.        "vec3 rd = normalize( mix( mix( unCorners[0], unCorners[1], uv.x )," +
  4129.                                  "mix( unCorners[3], unCorners[2], uv.x ), uv.y ) - ro);" +
  4130.  
  4131.        "mainCubemap( color, gl_FragCoord.xy-unViewport.xy, ro, rd );";
  4132.    if( this.mIs20 )
  4133.        header +="outColor = color; }";
  4134.    else
  4135.        header +="gl_FragColor = color; }";
  4136.    header += "\n";
  4137.  
  4138.    this.mHeader = header;
  4139.    this.mHeaderLength = 0;
  4140. }
  4141.  
  4142. EffectPass.prototype.MakeHeader_Sound = function()
  4143. {
  4144.    let header = "";
  4145.  
  4146.    header += "#define HW_PERFORMANCE " + ((this.mIsLowEnd===true)?"0":"1") + "\n";
  4147.  
  4148.    header += "uniform float     iChannelTime[4];\n" +
  4149.              "uniform float     iTimeOffset;\n" +
  4150.              "uniform int       iSampleOffset;\n" +
  4151.              "uniform vec4      iDate;\n" +
  4152.              "uniform float     iSampleRate;\n" +
  4153.              "uniform vec3      iChannelResolution[4];\n";
  4154.  
  4155.    for (let i=0; i<this.mInputs.length; i++ )
  4156.    {
  4157.        let inp = this.mInputs[i];
  4158.  
  4159.        if( inp!==null && inp.mInfo.mType==="cubemap" )
  4160.            header += "uniform samplerCube iChannel" + i + ";\n";
  4161.        else
  4162.            header += "uniform sampler2D iChannel" + i + ";\n";
  4163.    }
  4164.    header += "\n";
  4165.    header += "vec2 mainSound( in int samp, float time );\n";
  4166.  
  4167.    if( this.mIs20 )
  4168.    {
  4169.        header += "out vec4 outColor; void main()" +
  4170.            "{" +
  4171.            "float t = iTimeOffset + ((gl_FragCoord.x-0.5) + (gl_FragCoord.y-0.5)*512.0)/iSampleRate;" +
  4172.            "int   s = iSampleOffset + int(gl_FragCoord.y-0.2)*512 + int(gl_FragCoord.x-0.2);" +
  4173.            "vec2 y = mainSound( s, t );" +
  4174.            "vec2 v  = floor((0.5+0.5*y)*65536.0);" +
  4175.            "vec2 vl =   mod(v,256.0)/255.0;" +
  4176.            "vec2 vh = floor(v/256.0)/255.0;" +
  4177.            "outColor = vec4(vl.x,vh.x,vl.y,vh.y);" +
  4178.            "}";
  4179.    }
  4180.    else
  4181.    {
  4182.        header += "void main()" +
  4183.            "{" +
  4184.            "float t = iTimeOffset + ((gl_FragCoord.x-0.5) + (gl_FragCoord.y-0.5)*512.0)/iSampleRate;" +
  4185.            "vec2 y = mainSound( 0, t );" +
  4186.            "vec2 v  = floor((0.5+0.5*y)*65536.0);" +
  4187.            "vec2 vl =   mod(v,256.0)/255.0;" +
  4188.            "vec2 vh = floor(v/256.0)/255.0;" +
  4189.            "gl_FragColor = vec4(vl.x,vh.x,vl.y,vh.y);" +
  4190.            "}";
  4191.    }
  4192.    header += "\n";
  4193.    this.mHeader = header;
  4194.    this.mHeaderLength = 0;
  4195. }
  4196.  
  4197.  
  4198. EffectPass.prototype.MakeHeader_Common = function ()
  4199. {
  4200.    let header = "";
  4201.    let headerlength = 0;
  4202.  
  4203.    header += "uniform vec4      iDate;\n" +
  4204.              "uniform float     iSampleRate;\n";
  4205.    headerlength += 2;
  4206.  
  4207.    if (this.mIs20)
  4208.    {
  4209.        header += "out vec4 outColor;\n";
  4210.        headerlength += 1;
  4211.    }
  4212.    header += "void main( void )\n";
  4213.    headerlength += 1;
  4214.  
  4215.    if (this.mIs20)
  4216.        header += "{ outColor = vec4(0.0); }";
  4217.    else
  4218.        header += "{ gl_FragColor = vec4(0.0); }";
  4219.    headerlength += 1;
  4220.    header += "\n";
  4221.    headerlength += 1;
  4222.  
  4223.    this.mHeader = header;
  4224.    this.mHeaderLength = headerlength;
  4225. }
  4226.  
  4227. EffectPass.prototype.MakeHeader = function()
  4228. {
  4229.         if( this.mType==="image" ) this.MakeHeader_Image();
  4230.    else if( this.mType==="sound" ) this.MakeHeader_Sound();
  4231.    else if( this.mType==="buffer") this.MakeHeader_Buffer();
  4232.    else if( this.mType==="common") this.MakeHeader_Common();
  4233.    else if( this.mType==="cubemap") this.MakeHeader_Cubemap();
  4234.    else console.log("ERROR 4");
  4235. }
  4236.  
  4237. EffectPass.prototype.Create_Image = function( wa )
  4238. {
  4239.    this.MakeHeader();
  4240.    this.mSampleRate = 44100;
  4241.    this.mSupportsVR = false;
  4242.    this.mProgram = null;
  4243.    this.mError = false;
  4244.    this.mErrorStr = "";
  4245.    this.mTranslatedSource = null;
  4246.    //this.mProgramVR = null;
  4247. }
  4248. EffectPass.prototype.Destroy_Image = function( wa )
  4249. {
  4250. }
  4251.  
  4252. EffectPass.prototype.Create_Buffer = function( wa )
  4253. {
  4254.    this.MakeHeader();
  4255.    this.mSampleRate = 44100;
  4256.    this.mSupportsVR = false;
  4257.    this.mProgram = null;
  4258.    this.mError = false;
  4259.    this.mErrorStr = "";
  4260.    this.mTranslatedSource = null;
  4261.    //this.mProgramVR = null;
  4262. }
  4263.  
  4264. EffectPass.prototype.Destroy_Buffer = function( wa )
  4265. {
  4266. }
  4267.  
  4268. EffectPass.prototype.Create_Cubemap = function( wa )
  4269. {
  4270.    this.MakeHeader();
  4271.    this.mSampleRate = 44100;
  4272.    this.mProgram = null;
  4273.    this.mError = false;
  4274.    this.mErrorStr = "";
  4275.    this.mTranslatedSource = null;
  4276. }
  4277.  
  4278. EffectPass.prototype.Destroy_Cubemap = function( wa )
  4279. {
  4280. }
  4281.  
  4282. EffectPass.prototype.Create_Common = function( wa )
  4283. {
  4284.    this.mProgram = null;
  4285.    this.mError = false;
  4286.    this.mErrorStr = "";
  4287.    this.MakeHeader();
  4288. }
  4289. EffectPass.prototype.Destroy_Common = function( wa )
  4290. {
  4291. }
  4292.  
  4293. EffectPass.prototype.Create_Sound = function (wa)
  4294. {
  4295.    this.MakeHeader();
  4296.  
  4297.    this.mProgram = null;
  4298.    this.mError = false;
  4299.    this.mErrorStr = "";
  4300.    this.mTranslatedSource = null;
  4301.    this.mSampleRate = 44100;
  4302.    this.mPlayTime = 60*3;
  4303.    this.mPlaySamples = this.mPlayTime*this.mSampleRate;
  4304.    this.mBuffer = wa.createBuffer( 2, this.mPlaySamples, this.mSampleRate );
  4305.  
  4306.    //-------------------
  4307.    this.mTextureDimensions = 512;
  4308.    this.mRenderTexture = this.mRenderer.CreateTexture(this.mRenderer.TEXTYPE.T2D,
  4309.                                                       this.mTextureDimensions, this.mTextureDimensions,
  4310.                                                       this.mRenderer.TEXFMT.C4I8,
  4311.                                                       this.mRenderer.FILTER.NONE,
  4312.                                                       this.mRenderer.TEXWRP.CLAMP, null);
  4313.    this.mRenderFBO = this.mRenderer.CreateRenderTarget(this.mRenderTexture, null, null, null, null, false);
  4314.  
  4315.    //-----------------------------
  4316.  
  4317.    // ArrayBufferView pixels;
  4318.    this.mTmpBufferSamples = this.mTextureDimensions*this.mTextureDimensions;
  4319.    this.mData = new Uint8Array( this.mTmpBufferSamples*4 );
  4320.  
  4321.    this.mPlaying = false;
  4322. }
  4323.  
  4324. EffectPass.prototype.Destroy_Sound = function( wa )
  4325. {
  4326.    if( this.mPlayNode!==null ) this.mPlayNode.stop();
  4327.    this.mPlayNode = null;
  4328.    this.mBuffer = null;
  4329.    this.mData = null;
  4330.  
  4331.    this.mRenderer.DestroyRenderTarget(this.mRenderFBO);
  4332.    this.mRenderer.DestroyTexture(this.mRenderTexture);
  4333. }
  4334.  
  4335. EffectPass.prototype.Create = function( passType, wa )
  4336. {
  4337.    this.mType = passType;
  4338.    this.mSource = null;
  4339.  
  4340.         if( passType==="image" ) this.Create_Image( wa );
  4341.    else if( passType==="sound" ) this.Create_Sound( wa );
  4342.    else if( passType==="buffer") this.Create_Buffer( wa );
  4343.    else if( passType==="common") this.Create_Common( wa );
  4344.    else if( passType==="cubemap") this.Create_Cubemap( wa );
  4345.    else alert("ERROR 1");
  4346. }
  4347.  
  4348. EffectPass.prototype.SetName = function (passName)
  4349. {
  4350.    this.mName = passName;
  4351. }
  4352.  
  4353. EffectPass.prototype.SetCode = function (src)
  4354. {
  4355.    this.mSource = src;
  4356. }
  4357.  
  4358. EffectPass.prototype.Destroy = function( wa )
  4359. {
  4360.    this.mSource = null;
  4361.         if( this.mType==="image" ) this.Destroy_Image( wa );
  4362.    else if( this.mType==="sound" ) this.Destroy_Sound( wa );
  4363.    else if( this.mType==="buffer") this.Destroy_Buffer( wa );
  4364.    else if( this.mType==="common") this.Destroy_Common( wa );
  4365.    else if( this.mType==="cubemap") this.Destroy_Cubemap( wa );
  4366.    else alert("ERROR 2");
  4367. }
  4368.  
  4369. EffectPass.prototype.NewShader_Sound = function( shaderCode, commonShaderCodes)
  4370. {
  4371.    let vsSource = null;
  4372.  
  4373.    if( this.mIs20 )
  4374.        vsSource = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4375.    else
  4376.        vsSource = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4377.  
  4378.    let fsSource = this.mHeader;
  4379.    for( let i=0; i<commonShaderCodes.length; i++ )
  4380.    {
  4381.        fsSource += commonShaderCodes[i]+'\n';
  4382.    }
  4383.    this.mHeaderLength = fsSource.split(/\r\n|\r|\n/).length;
  4384.    fsSource += shaderCode;
  4385.  
  4386.    this.mSoundShaderCompiled = false;
  4387.  
  4388.    return [vsSource, fsSource];
  4389. }
  4390.  
  4391. EffectPass.prototype.NewShader_Image = function ( shaderCode, commonShaderCodes )
  4392. {
  4393.    this.mSupportsVR = false;
  4394.  
  4395.    let vsSource = null;
  4396.    if( this.mIs20 )
  4397.        vsSource = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4398.    else
  4399.        vsSource = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4400.  
  4401.    let fsSource = this.mHeader;
  4402.    for (let i = 0; i < commonShaderCodes.length; i++)
  4403.    {
  4404.        fsSource += commonShaderCodes[i]+'\n';
  4405.    }
  4406.    this.mHeaderLength = fsSource.split(/\r\n|\r|\n/).length;
  4407.    fsSource += shaderCode;
  4408.  
  4409.    return [vsSource, fsSource];
  4410.  
  4411.  
  4412.    /*
  4413.    let n1 = shaderCode.indexOf("mainVR(");
  4414.    let n2 = shaderCode.indexOf("mainVR (");
  4415.    let n3 = shaderCode.indexOf("mainVR  (");
  4416.    if( n1>0 || n2>0 || n3>0 )
  4417.    {
  4418.        let vsSourceVR;
  4419.        if( this.mIs20 )
  4420.            vsSourceVR = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4421.        else
  4422.            vsSourceVR = "attribute in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4423.  
  4424.        let fsSourceVR = this.mHeader;
  4425.        for (let i = 0; i < commonShaderCodes.length; i++) {
  4426.            fsSourceVR += commonShaderCodes[i];
  4427.        }
  4428.        fsSourceVR += shaderCode;
  4429.        fsSourceVR += this.mImagePassFooterVR;
  4430.  
  4431.        let res = this.mRenderer.CreateShader(vsSource, fsSourceVR, preventCache);
  4432.        if( res.mResult == false )
  4433.        {
  4434.            return res.mInfo;
  4435.        }
  4436.        if( this.mProgramVR != null )
  4437.            this.mRenderer.DestroyShader( this.mProgramVR );
  4438.  
  4439.        this.mSupportsVR = true;
  4440.        this.mProgramVR = res;
  4441.    }
  4442.    */
  4443. }
  4444.  
  4445. EffectPass.prototype.NewShader_Cubemap = function( shaderCode, commonShaderCodes )
  4446. {
  4447.    let vsSource = null;
  4448.    if( this.mIs20 )
  4449.        vsSource = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4450.    else
  4451.        vsSource = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4452.  
  4453.    let fsSource = this.mHeader;
  4454.    for (let i = 0; i < commonShaderCodes.length; i++)
  4455.    {
  4456.        fsSource += commonShaderCodes[i]+'\n';
  4457.    }
  4458.  
  4459.    this.mHeaderLength = fsSource.split(/\r\n|\r|\n/).length;
  4460.  
  4461.    fsSource += shaderCode;
  4462.  
  4463.    return [vsSource, fsSource];
  4464. }
  4465.  
  4466. EffectPass.prototype.NewShader_Common = function (shaderCode )
  4467. {
  4468.    let vsSource = null;
  4469.    if (this.mIs20)
  4470.        vsSource = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4471.    else
  4472.        vsSource = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  4473.  
  4474.    let fsSource = this.mHeader + shaderCode;
  4475.  
  4476.    return [vsSource, fsSource];
  4477. }
  4478.  
  4479. EffectPass.prototype.NewShader = function ( commonSourceCodes, preventCache, onResolve)
  4480. {
  4481.    if( this.mRenderer===null ) return;
  4482.  
  4483.    let vs_fs = null;
  4484.  
  4485.         if( this.mType==="sound"  ) vs_fs = this.NewShader_Sound(   this.mSource, commonSourceCodes );
  4486.    else if( this.mType==="image"  ) vs_fs = this.NewShader_Image(   this.mSource, commonSourceCodes );
  4487.    else if( this.mType==="buffer" ) vs_fs = this.NewShader_Image(   this.mSource, commonSourceCodes );
  4488.    else if( this.mType==="common" ) vs_fs = this.NewShader_Common(  this.mSource,                   );
  4489.    else if( this.mType==="cubemap") vs_fs = this.NewShader_Cubemap( this.mSource, commonSourceCodes );
  4490.    else { console.log("ERROR 3: \"" + this.mType + "\""); return; }
  4491.  
  4492.    let me = this;
  4493.    this.mRenderer.CreateShader(vs_fs[0], vs_fs[1], preventCache, false,
  4494.        function (worked, info)
  4495.        {
  4496.            if (worked === true)
  4497.            {
  4498.                if (me.mType === "sound")
  4499.                {
  4500.                    me.mSoundShaderCompiled = true;
  4501.                }
  4502.  
  4503.                me.mCompilationTime = info.mTime;
  4504.                me.mError = false;
  4505.                me.mErrorStr = "No Errors";
  4506.                if (me.mProgram !== null)
  4507.                    me.mRenderer.DestroyShader(me.mProgram);
  4508.                me.mTranslatedSource = me.mRenderer.GetTranslatedShaderSource(info);
  4509.                me.mProgram = info;
  4510.            }
  4511.            else
  4512.            {
  4513.                me.mError = true;
  4514.                me.mErrorStr = info.mErrorStr;
  4515.            }
  4516.            onResolve();
  4517.        });
  4518. }
  4519.  
  4520. EffectPass.prototype.DestroyInput = function( id )
  4521. {
  4522.    if( this.mInputs[id]===null ) return;
  4523.  
  4524.    if( this.mInputs[id].mInfo.mType==="texture" )
  4525.    {
  4526.        if( this.mInputs[id].globject !== null )
  4527.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4528.    }
  4529.    if( this.mInputs[id].mInfo.mType==="volume" )
  4530.    {
  4531.        if( this.mInputs[id].globject !== null )
  4532.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4533.    }
  4534.    else if( this.mInputs[id].mInfo.mType==="webcam" )
  4535.    {
  4536.        this.mInputs[id].video.pause();
  4537.        this.mInputs[id].video.src = "";
  4538.  
  4539.        if( this.mInputs[id].video.srcObject!==null )
  4540.        {
  4541.        let tracks = this.mInputs[id].video.srcObject.getVideoTracks();
  4542.        if( tracks ) tracks[0].stop();
  4543.        }
  4544.        this.mInputs[id].video = null;
  4545.        if( this.mInputs[id].globject !== null )
  4546.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4547.    }
  4548.    else if( this.mInputs[id].mInfo.mType==="video" )
  4549.    {
  4550.        this.mInputs[id].video.pause();
  4551.        this.mInputs[id].video = null;
  4552.        if( this.mInputs[id].globject !== null )
  4553.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4554.    }
  4555.    else if( this.mInputs[id].mInfo.mType==="music" || this.mInputs[id].mInfo.mType==="musicstream")
  4556.    {
  4557.        this.mInputs[id].audio.pause();
  4558.        this.mInputs[id].audio.mSound.mFreqData = null;
  4559.        this.mInputs[id].audio.mSound.mWaveData = null;
  4560.        this.mInputs[id].audio = null;
  4561.        if( this.mInputs[id].globject !== null )
  4562.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4563.    }
  4564.    else if( this.mInputs[id].mInfo.mType==="cubemap" )
  4565.    {
  4566.        if( this.mInputs[id].globject !== null )
  4567.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4568.    }
  4569.    else if( this.mInputs[id].mInfo.mType==="keyboard" )
  4570.    {
  4571.        //if( this.mInputs[id].globject != null )
  4572.          //  this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4573.    }
  4574.    else if( this.mInputs[id].mInfo.mType==="mic" )
  4575.    {
  4576.        this.mInputs[id].mic = null;
  4577.        if( this.mInputs[id].globject !== null )
  4578.            this.mRenderer.DestroyTexture(this.mInputs[id].globject);
  4579.    }
  4580.  
  4581.    this.mInputs[id] = null;
  4582. }
  4583.  
  4584. EffectPass.prototype.TooglePauseInput = function( wa, id )
  4585. {
  4586.    var me = this;
  4587.    let inp = this.mInputs[id];
  4588.  
  4589.    if( inp===null )
  4590.    {
  4591.    }
  4592.    else if( inp.mInfo.mType==="texture" )
  4593.    {
  4594.    }
  4595.    else if( inp.mInfo.mType==="volume" )
  4596.    {
  4597.    }
  4598.    else if( inp.mInfo.mType==="video" )
  4599.    {
  4600.        if( inp.video.mPaused )
  4601.        {
  4602.            inp.video.play();
  4603.            inp.video.mPaused = false;
  4604.        }
  4605.        else
  4606.        {
  4607.            inp.video.pause();
  4608.            inp.video.mPaused = true;
  4609.        }
  4610.        return inp.video.mPaused;
  4611.    }
  4612.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream")
  4613.    {
  4614.        wa.resume()
  4615.        if( inp.audio.mPaused )
  4616.        {
  4617.            if( inp.loaded )
  4618.            {
  4619.                inp.audio.play();
  4620.            }
  4621.            inp.audio.mPaused = false;
  4622.        }
  4623.        else
  4624.        {
  4625.            inp.audio.pause();
  4626.            inp.audio.mPaused = true;
  4627.        }
  4628.        return inp.audio.mPaused;
  4629.    }
  4630.  
  4631.    return null;
  4632. }
  4633.  
  4634. EffectPass.prototype.StopInput = function( id )
  4635. {
  4636.    let inp = this.mInputs[id];
  4637.  
  4638.    if( inp===null )
  4639.    {
  4640.    }
  4641.    else if( inp.mInfo.mType==="texture" )
  4642.    {
  4643.    }
  4644.    else if( inp.mInfo.mType==="volume" )
  4645.    {
  4646.    }
  4647.    else if( inp.mInfo.mType==="video" )
  4648.    {
  4649.        if( inp.video.mPaused === false )
  4650.        {
  4651.            inp.video.pause();
  4652.            inp.video.mPaused = true;
  4653.        }
  4654.        return inp.video.mPaused;
  4655.    }
  4656.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  4657.    {
  4658.        if( inp.audio.mPaused === false )
  4659.        {
  4660.            inp.audio.pause();
  4661.            inp.audio.mPaused = true;
  4662.        }
  4663.        return inp.audio.mPaused;
  4664.    }
  4665.    return null;
  4666. }
  4667.  
  4668. EffectPass.prototype.ResumeInput = function( id )
  4669. {
  4670.    let inp = this.mInputs[id];
  4671.  
  4672.    if( inp===null )
  4673.    {
  4674.    }
  4675.    else if( inp.mInfo.mType==="texture" )
  4676.    {
  4677.    }
  4678.    else if( inp.mInfo.mType==="volume" )
  4679.    {
  4680.    }
  4681.    else if( inp.mInfo.mType==="video" )
  4682.    {
  4683.        if( inp.video.mPaused )
  4684.        {
  4685.            inp.video.play();
  4686.            inp.video.mPaused = false;
  4687.        }
  4688.        return inp.video.mPaused;
  4689.    }
  4690.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  4691.    {
  4692.        if( inp.audio.mPaused )
  4693.        {
  4694.            inp.audio.play();
  4695.            inp.audio.mPaused = false;
  4696.        }
  4697.        return inp.audio.mPaused;
  4698.    }
  4699.    return null;
  4700. }
  4701.  
  4702. EffectPass.prototype.RewindInput = function( wa, id )
  4703. {
  4704.    var me = this;
  4705.    let inp = this.mInputs[id];
  4706.  
  4707.    if( inp==null )
  4708.    {
  4709.    }
  4710.    else if( inp.mInfo.mType==="texture" )
  4711.    {
  4712.    }
  4713.    else if( inp.mInfo.mType==="volume" )
  4714.    {
  4715.    }
  4716.    else if( inp.mInfo.mType==="video" )
  4717.    {
  4718.        if( inp.loaded )
  4719.        {
  4720.            inp.video.currentTime = 0;
  4721.        }
  4722.    }
  4723.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream")
  4724.    {
  4725.        wa.resume()
  4726.        if( inp.loaded )
  4727.        {
  4728.            inp.audio.currentTime = 0;
  4729.        }
  4730.    }
  4731. }
  4732.  
  4733. EffectPass.prototype.MuteInput = function( wa, id )
  4734. {
  4735.    let inp = this.mInputs[id];
  4736.    if( inp===null ) return;
  4737.  
  4738.    if( inp.mInfo.mType==="video" )
  4739.    {
  4740.        inp.video.muted = true;
  4741.        inp.video.mMuted = true;
  4742.    }
  4743.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream")
  4744.    {
  4745.        if (wa !== null) inp.audio.mSound.mGain.gain.value = 0.0;
  4746.        inp.audio.mMuted = true;
  4747.    }
  4748. }
  4749.  
  4750. EffectPass.prototype.UnMuteInput = function( wa, id )
  4751. {
  4752.    let inp = this.mInputs[id];
  4753.    if( inp===null ) return;
  4754.  
  4755.    if( inp.mInfo.mType==="video" )
  4756.    {
  4757.        inp.video.muted = false;
  4758.        inp.video.mMuted = false;
  4759.    }
  4760.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream")
  4761.    {
  4762.        if (wa !== null) inp.audio.mSound.mGain.gain.value = 1.0;
  4763.        inp.audio.mMuted = false;
  4764.    }
  4765. }
  4766.  
  4767. EffectPass.prototype.ToggleMuteInput = function( wa, id )
  4768. {
  4769.    var me = this;
  4770.    let inp = this.mInputs[id];
  4771.    if( inp===null ) return null;
  4772.  
  4773.    if( inp.mInfo.mType==="video" )
  4774.    {
  4775.        if( inp.video.mMuted ) this.UnMuteInput(wa,id);
  4776.        else                   this.MuteInput(wa,id);
  4777.        return inp.video.mMuted;
  4778.    }
  4779.    else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream")
  4780.    {
  4781.        if( inp.audio.mMuted ) this.UnMuteInput(wa,id);
  4782.        else                   this.MuteInput(wa,id);
  4783.        return inp.audio.mMuted;
  4784.    }
  4785.  
  4786.    return null;
  4787. }
  4788.  
  4789. EffectPass.prototype.UpdateInputs = function( wa, forceUpdate, keyboard )
  4790. {
  4791.   for (let i=0; i<this.mInputs.length; i++ )
  4792.   {
  4793.        let inp = this.mInputs[i];
  4794.  
  4795.        if( inp===null )
  4796.        {
  4797.            if( forceUpdate )
  4798.            {
  4799.              if( this.mTextureCallbackFun!==null )
  4800.                  this.mTextureCallbackFun( this.mTextureCallbackObj, i, null, false, 0, 0, -1.0, this.mID );
  4801.            }
  4802.        }
  4803.        else if( inp.mInfo.mType==="texture" )
  4804.        {
  4805.            if( inp.loaded && forceUpdate )
  4806.            {
  4807.              if( this.mTextureCallbackFun!==null )
  4808.                  this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.image, true, 1, 1, -1.0, this.mID );
  4809.            }
  4810.        }
  4811.        else if( inp.mInfo.mType==="volume" )
  4812.        {
  4813.            if( inp.loaded && forceUpdate )
  4814.            {
  4815.              if( this.mTextureCallbackFun!==null )
  4816.                  this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.mPreview, true, 1, 1, -1.0, this.mID );
  4817.            }
  4818.        }
  4819.        else if( inp.mInfo.mType==="cubemap" )
  4820.        {
  4821.            if( inp.loaded && forceUpdate )
  4822.            {
  4823.                if( this.mTextureCallbackFun!==null )
  4824.                {
  4825.                    let img = (assetID_to_cubemapBuferID(inp.mInfo.mID)===-1) ? inp.image[0] : inp.mImage;
  4826.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, img, true, 2, 1, -1.0, this.mID );
  4827.                }
  4828.            }
  4829.        }
  4830.        else if( inp.mInfo.mType==="keyboard" )
  4831.        {
  4832.            if( this.mTextureCallbackFun!==null )
  4833.                this.mTextureCallbackFun( this.mTextureCallbackObj, i, {mImage:keyboard.mIcon,mData:keyboard.mData}, false, 6, 0, -1.0, this.mID );
  4834.        }
  4835.        else if( inp.mInfo.mType==="video" )
  4836.        {
  4837.            if( inp.video.readyState === inp.video.HAVE_ENOUGH_DATA )
  4838.            {
  4839.                if( this.mTextureCallbackFun!==null )
  4840.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.video, false, 3, 1, -1, this.mID );
  4841.            }
  4842.        }
  4843.        else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  4844.        {
  4845.              if( inp.loaded && inp.audio.mPaused === false && inp.audio.mForceMuted === false )
  4846.              {
  4847.                  if( wa !== null )
  4848.                  {
  4849.                      inp.audio.mSound.mAnalyser.getByteFrequencyData(  inp.audio.mSound.mFreqData );
  4850.                      inp.audio.mSound.mAnalyser.getByteTimeDomainData( inp.audio.mSound.mWaveData );
  4851.                  }
  4852.  
  4853.                  if (this.mTextureCallbackFun!==null)
  4854.                  {
  4855.                           if (inp.mInfo.mType === "music")       this.mTextureCallbackFun(this.mTextureCallbackObj, i, {wave:(wa==null)?null:inp.audio.mSound.mFreqData}, false, 4, 1, inp.audio.currentTime, this.mID);
  4856.                      else if (inp.mInfo.mType === "musicstream") this.mTextureCallbackFun(this.mTextureCallbackObj, i, {wave:(wa==null)?null:inp.audio.mSound.mFreqData, info: inp.audio.soundcloudInfo}, false, 8, 1, inp.audio.currentTime, this.mID);
  4857.                  }
  4858.              }
  4859.              else if( inp.loaded===false )
  4860.              {
  4861.                  if (this.mTextureCallbackFun!==null)
  4862.                      this.mTextureCallbackFun(this.mTextureCallbackObj, i, {wave:null}, false, 4, 0, -1.0, this.mID);
  4863.              }
  4864.        }
  4865.        else if( inp.mInfo.mType==="mic" )
  4866.        {
  4867.              if( inp.loaded && inp.mForceMuted === false )
  4868.              {
  4869.                  if( wa !== null )
  4870.                  {
  4871.                      inp.mAnalyser.getByteFrequencyData(  inp.mFreqData );
  4872.                      inp.mAnalyser.getByteTimeDomainData( inp.mWaveData );
  4873.                  }
  4874.                  if( this.mTextureCallbackFun!==null )
  4875.                      this.mTextureCallbackFun( this.mTextureCallbackObj, i, {wave: ((wa==null)?null:inp.mFreqData) }, false, 5, 1, 0, this.mID );
  4876.              }
  4877.        }
  4878.        else if( inp.mInfo.mType==="buffer" )
  4879.        {
  4880.            if( inp.loaded && forceUpdate )
  4881.            {
  4882.              if( this.mTextureCallbackFun!==null )
  4883.                  this.mTextureCallbackFun( this.mTextureCallbackObj, i, {texture:inp.image, data:null}, true, 9, 1, -1.0, this.mID );
  4884.            }
  4885.        }
  4886.    }
  4887. }
  4888.  
  4889. EffectPass.prototype.Sampler2Renderer = function (sampler)
  4890. {
  4891.    let filter = this.mRenderer.FILTER.NONE;
  4892.    if (sampler.filter === "linear") filter = this.mRenderer.FILTER.LINEAR;
  4893.    if (sampler.filter === "mipmap") filter = this.mRenderer.FILTER.MIPMAP;
  4894.    let wrap = this.mRenderer.TEXWRP.REPEAT;
  4895.    if (sampler.wrap === "clamp") wrap = this.mRenderer.TEXWRP.CLAMP;
  4896.    let vflip = false;
  4897.    if (sampler.vflip === "true") vflip = true;
  4898.  
  4899.    return { mFilter: filter, mWrap: wrap, mVFlip: vflip };
  4900. }
  4901.  
  4902. EffectPass.prototype.GetSamplerVFlip = function (id)
  4903. {
  4904.    let inp = this.mInputs[id];
  4905.    return inp.mInfo.mSampler.vflip;
  4906. }
  4907.  
  4908. EffectPass.prototype.GetTranslatedShaderSource = function ()
  4909. {
  4910.    return this.mTranslatedSource;
  4911. }
  4912.  
  4913. EffectPass.prototype.SetSamplerVFlip = function (id, str)
  4914. {
  4915.    var me = this;
  4916.    var renderer = this.mRenderer;
  4917.    let inp = this.mInputs[id];
  4918.  
  4919.    let filter = false;
  4920.    if (str === "true") filter = true;
  4921.  
  4922.    if (inp === null)
  4923.    {
  4924.    }
  4925.    else if (inp.mInfo.mType === "texture")
  4926.    {
  4927.        if (inp.loaded)
  4928.        {
  4929.            renderer.SetSamplerVFlip(inp.globject, filter, inp.image);
  4930.            inp.mInfo.mSampler.vflip = str;
  4931.        }
  4932.    }
  4933.    else if (inp.mInfo.mType === "volume")
  4934.    {
  4935.    }
  4936.    else if (inp.mInfo.mType === "video")
  4937.    {
  4938.        if (inp.loaded)
  4939.        {
  4940.            renderer.SetSamplerVFlip(inp.globject, filter, inp.image);
  4941.            inp.mInfo.mSampler.vflip = str;
  4942.        }
  4943.    }
  4944.    else if (inp.mInfo.mType === "cubemap")
  4945.    {
  4946.        if (inp.loaded)
  4947.        {
  4948.            renderer.SetSamplerVFlip(inp.globject, filter, inp.image);
  4949.            inp.mInfo.mSampler.vflip = str;
  4950.        }
  4951.    }
  4952.    else if (inp.mInfo.mType === "webcam")
  4953.    {
  4954.        if (inp.loaded)
  4955.        {
  4956.            renderer.SetSamplerVFlip(inp.globject, filter, null);
  4957.            inp.mInfo.mSampler.vflip = str;
  4958.        }
  4959.    }
  4960. }
  4961.  
  4962. EffectPass.prototype.GetAcceptsVFlip = function (id)
  4963. {
  4964.    let inp = this.mInputs[id];
  4965.  
  4966.    if (inp === null) return false;
  4967.    if (inp.mInfo.mType === "texture") return true;
  4968.    if (inp.mInfo.mType === "volume") return false;
  4969.    if (inp.mInfo.mType === "video")  return true;
  4970.    if (inp.mInfo.mType === "cubemap") return true;
  4971.    if (inp.mInfo.mType === "webcam")  return true;
  4972.    if (inp.mInfo.mType === "music")  return false;
  4973.    if (inp.mInfo.mType === "musicstream") return false;
  4974.    if (inp.mInfo.mType === "mic")  return false;
  4975.    if (inp.mInfo.mType === "keyboard")  return false;
  4976.    if (inp.mInfo.mType === "buffer") return false;
  4977.    return true;
  4978. }
  4979.  
  4980. EffectPass.prototype.GetSamplerFilter = function (id)
  4981. {
  4982.    let inp = this.mInputs[id];
  4983.    if( inp===null) return;
  4984.    return inp.mInfo.mSampler.filter;
  4985. }
  4986.  
  4987. EffectPass.prototype.SetSamplerFilter = function (id, str, buffers, cubeBuffers)
  4988. {
  4989.    var me = this;
  4990.    var renderer = this.mRenderer;
  4991.    let inp = this.mInputs[id];
  4992.  
  4993.    let filter = renderer.FILTER.NONE;
  4994.    if (str === "linear") filter = renderer.FILTER.LINEAR;
  4995.    if (str === "mipmap") filter = renderer.FILTER.MIPMAP;
  4996.  
  4997.    if (inp === null)
  4998.    {
  4999.    }
  5000.    else if (inp.mInfo.mType === "texture")
  5001.    {
  5002.        if (inp.loaded)
  5003.        {
  5004.            renderer.SetSamplerFilter(inp.globject, filter, true);
  5005.            inp.mInfo.mSampler.filter = str;
  5006.        }
  5007.    }
  5008.    else if (inp.mInfo.mType === "volume")
  5009.    {
  5010.        if (inp.loaded)
  5011.        {
  5012.            renderer.SetSamplerFilter(inp.globject, filter, true);
  5013.            inp.mInfo.mSampler.filter = str;
  5014.        }
  5015.    }
  5016.    else if (inp.mInfo.mType === "video")
  5017.    {
  5018.        if (inp.loaded)
  5019.        {
  5020.            renderer.SetSamplerFilter(inp.globject, filter, true);
  5021.            inp.mInfo.mSampler.filter = str;
  5022.        }
  5023.    }
  5024.    else if (inp.mInfo.mType === "cubemap")
  5025.    {
  5026.        if (inp.loaded)
  5027.        {
  5028.            if( assetID_to_cubemapBuferID(inp.mInfo.mID)===0)
  5029.            {
  5030.                renderer.SetSamplerFilter(cubeBuffers[0].mTexture[0], filter, true);
  5031.                renderer.SetSamplerFilter(cubeBuffers[0].mTexture[1], filter, true);
  5032.                inp.mInfo.mSampler.filter = str;
  5033.            }
  5034.            else
  5035.            {
  5036.                renderer.SetSamplerFilter(inp.globject, filter, true);
  5037.                inp.mInfo.mSampler.filter = str;
  5038.            }
  5039.        }
  5040.    }
  5041.    else if (inp.mInfo.mType === "webcam")
  5042.    {
  5043.        if (inp.loaded)
  5044.        {
  5045.            renderer.SetSamplerFilter(inp.globject, filter, true);
  5046.            inp.mInfo.mSampler.filter = str;
  5047.        }
  5048.    }
  5049.    else if (inp.mInfo.mType === "buffer")
  5050.    {
  5051.        renderer.SetSamplerFilter(buffers[inp.id].mTexture[0], filter, true);
  5052.        renderer.SetSamplerFilter(buffers[inp.id].mTexture[1], filter, true);
  5053.        inp.mInfo.mSampler.filter = str;
  5054.    }
  5055.    else if (inp.mInfo.mType === "keyboard")
  5056.    {
  5057.        inp.mInfo.mSampler.filter = str;
  5058.    }
  5059. }
  5060.  
  5061. EffectPass.prototype.GetAcceptsMipmapping = function (id)
  5062. {
  5063.    let inp = this.mInputs[id];
  5064.  
  5065.    if (inp === null) return false;
  5066.    if (inp.mInfo.mType === "texture") return true;
  5067.    if (inp.mInfo.mType === "volume") return true;
  5068.    if (inp.mInfo.mType === "video")  return this.mIs20;
  5069.    if (inp.mInfo.mType === "cubemap") return true;
  5070.    if (inp.mInfo.mType === "webcam")  return this.mIs20;
  5071.    if (inp.mInfo.mType === "music")  return false;
  5072.    if (inp.mInfo.mType === "musicstream") return false;
  5073.    if (inp.mInfo.mType === "mic")  return false;
  5074.    if (inp.mInfo.mType === "keyboard")  return false;
  5075.    if (inp.mInfo.mType === "buffer") return this.mIs20;
  5076.    return false;
  5077. }
  5078.  
  5079. EffectPass.prototype.GetAcceptsLinear = function (id)
  5080. {
  5081.    let inp = this.mInputs[id];
  5082.  
  5083.    if (inp === null) return false;
  5084.    if (inp.mInfo.mType === "texture") return true;
  5085.    if (inp.mInfo.mType === "volume") return true;
  5086.    if (inp.mInfo.mType === "video")  return true;
  5087.    if (inp.mInfo.mType === "cubemap") return true;
  5088.    if (inp.mInfo.mType === "webcam")  return true;
  5089.    if (inp.mInfo.mType === "music")  return true;
  5090.    if (inp.mInfo.mType === "musicstream") return true;
  5091.    if (inp.mInfo.mType === "mic")  return true;
  5092.    if (inp.mInfo.mType === "keyboard")  return false;
  5093.    if (inp.mInfo.mType === "buffer") return true;
  5094.    return false;
  5095. }
  5096.  
  5097. EffectPass.prototype.GetAcceptsWrapRepeat = function (id)
  5098. {
  5099.    let inp = this.mInputs[id];
  5100.  
  5101.    if (inp === null) return false;
  5102.    if (inp.mInfo.mType === "texture") return true;
  5103.    if (inp.mInfo.mType === "volume") return true;
  5104.    if (inp.mInfo.mType === "video")  return this.mIs20;
  5105.    if (inp.mInfo.mType === "cubemap") return false;
  5106.    if (inp.mInfo.mType === "webcam")  return this.mIs20;
  5107.    if (inp.mInfo.mType === "music")  return false;
  5108.    if (inp.mInfo.mType === "musicstream") return false;
  5109.    if (inp.mInfo.mType === "mic")  return false;
  5110.    if (inp.mInfo.mType === "keyboard")  return false;
  5111.    if (inp.mInfo.mType === "buffer") return this.mIs20;
  5112.    return false;
  5113. }
  5114.  
  5115. EffectPass.prototype.GetSamplerWrap = function (id)
  5116. {
  5117.    return this.mInputs[id].mInfo.mSampler.wrap;
  5118. }
  5119.  
  5120. EffectPass.prototype.SetSamplerWrap = function (id, str, buffers)
  5121. {
  5122.    var me = this;
  5123.    var renderer = this.mRenderer;
  5124.    let inp = this.mInputs[id];
  5125.  
  5126.    let restr = renderer.TEXWRP.REPEAT;
  5127.    if (str === "clamp") restr = renderer.TEXWRP.CLAMP;
  5128.  
  5129.    if (inp === null)
  5130.    {
  5131.    }
  5132.    else if (inp.mInfo.mType === "texture")
  5133.    {
  5134.        if (inp.loaded)
  5135.        {
  5136.            renderer.SetSamplerWrap(inp.globject, restr);
  5137.            inp.mInfo.mSampler.wrap = str;
  5138.        }
  5139.    }
  5140.    else if (inp.mInfo.mType === "volume")
  5141.    {
  5142.        if (inp.loaded)
  5143.        {
  5144.            renderer.SetSamplerWrap(inp.globject, restr);
  5145.            inp.mInfo.mSampler.wrap = str;
  5146.        }
  5147.    }
  5148.    else if (inp.mInfo.mType === "video")
  5149.    {
  5150.        if (inp.loaded)
  5151.        {
  5152.            renderer.SetSamplerWrap(inp.globject, restr);
  5153.            inp.mInfo.mSampler.wrap = str;
  5154.        }
  5155.    }
  5156.    else if (inp.mInfo.mType === "cubemap")
  5157.    {
  5158.        if (inp.loaded)
  5159.        {
  5160.            renderer.SetSamplerWrap(inp.globject, restr);
  5161.            inp.mInfo.mSampler.wrap = str;
  5162.        }
  5163.    }
  5164.    else if (inp.mInfo.mType === "webcam")
  5165.    {
  5166.        if (inp.loaded)
  5167.        {
  5168.            renderer.SetSamplerWrap(inp.globject, restr);
  5169.            inp.mInfo.mSampler.wrap = str;
  5170.        }
  5171.    }
  5172.    else if (inp.mInfo.mType === "buffer")
  5173.    {
  5174.        renderer.SetSamplerWrap(buffers[inp.id].mTexture[0], restr);
  5175.        renderer.SetSamplerWrap(buffers[inp.id].mTexture[1], restr);
  5176.        inp.mInfo.mSampler.wrap = str;
  5177.    }
  5178. }
  5179.  
  5180.  
  5181. EffectPass.prototype.GetTexture = function( slot )
  5182. {
  5183.    let inp = this.mInputs[slot];
  5184.    if( inp===null ) return null;
  5185.    return inp.mInfo;
  5186. }
  5187.  
  5188. EffectPass.prototype.SetOutputs = function( slot, id )
  5189. {
  5190.    this.mOutputs[slot] = id;
  5191. }
  5192.  
  5193. EffectPass.prototype.SetOutputsByBufferID = function( slot, id )
  5194. {
  5195.    if( this.mType==="buffer" )
  5196.    {
  5197.        this.mOutputs[slot] = bufferID_to_assetID( id );
  5198.  
  5199.        this.mEffect.ResizeBuffer( id, this.mEffect.mXres, this.mEffect.mYres, false );
  5200.    }
  5201.    else if( this.mType==="cubemap" )
  5202.    {
  5203.        this.mOutputs[slot] = cubamepBufferID_to_assetID( id );
  5204.        this.mEffect.ResizeCubemapBuffer(id, 1024, 1024 );
  5205.    }
  5206. }
  5207.  
  5208. EffectPass.prototype.NewTexture = function( wa, slot, url, buffers, cubeBuffers, keyboard )
  5209. {
  5210.    var me = this;
  5211.    var renderer = this.mRenderer;
  5212.  
  5213.    if( renderer===null ) return;
  5214.  
  5215.    let texture = null;
  5216.  
  5217.    if( url===null || url.mType===null )
  5218.    {
  5219.        if( me.mTextureCallbackFun!==null )
  5220.            me.mTextureCallbackFun( this.mTextureCallbackObj, slot, null, true, 0, 0, -1.0, me.mID );
  5221.        me.DestroyInput( slot );
  5222.        me.mInputs[slot] = null;
  5223.        me.MakeHeader();
  5224.        return { mFailed:false, mNeedsShaderCompile:false };
  5225.    }
  5226.    else if( url.mType==="texture" )
  5227.    {
  5228.        texture = {};
  5229.        texture.mInfo = url;
  5230.        texture.globject = null;
  5231.        texture.loaded = false;
  5232.        texture.image = new Image();
  5233.        texture.image.crossOrigin = '';
  5234.        texture.image.onload = function()
  5235.        {
  5236.            let rti = me.Sampler2Renderer(url.mSampler);
  5237.  
  5238.            // O.M.G. FIX THIS
  5239.            let channels = renderer.TEXFMT.C4I8;
  5240.            if (url.mID === "Xdf3zn" || url.mID === "4sf3Rn" || url.mID === "4dXGzn" || url.mID === "4sf3Rr")
  5241.                channels = renderer.TEXFMT.C1I8;
  5242.            
  5243.            texture.globject = renderer.CreateTextureFromImage(renderer.TEXTYPE.T2D, texture.image, channels, rti.mFilter, rti.mWrap, rti.mVFlip);
  5244.  
  5245.            texture.loaded = true;
  5246.            if( me.mTextureCallbackFun!==null )
  5247.                me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.image, true, 1, 1, -1.0, me.mID );
  5248.        }
  5249.        texture.image.src = url.mSrc;
  5250.  
  5251.  
  5252.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5253.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5254.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5255.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5256.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5257.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5258.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5259.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5260.        this.DestroyInput( slot );
  5261.        this.mInputs[slot] = texture;
  5262.        this.MakeHeader();
  5263.        return returnValue;
  5264.    }
  5265.    else if( url.mType==="volume" )
  5266.    {
  5267.        texture = {};
  5268.        texture.mInfo = url;
  5269.        texture.globject = null;
  5270.        texture.loaded = false;
  5271.        texture.mImage = { mData:null, mXres:1, mYres:0, mZres:0 };
  5272.        texture.mPreview = new Image();
  5273.        texture.mPreview.crossOrigin = '';
  5274.  
  5275.    var xmlHttp = new XMLHttpRequest();
  5276.        if( xmlHttp===null ) return { mFailed:true };
  5277.  
  5278.        xmlHttp.open('GET', url.mSrc, true);
  5279.        xmlHttp.responseType = "arraybuffer";
  5280.        xmlHttp.onerror = function()
  5281.        {
  5282.            console.log( "Error 1 loading Volume" );
  5283.        }
  5284.        xmlHttp.onload = function()
  5285.        {
  5286.            let data = xmlHttp.response;
  5287.            if (!data ) { console.log( "Error 2 loading Volume" ); return; }
  5288.  
  5289.            let file = piFile(data);
  5290.  
  5291.            let signature = file.ReadUInt32();
  5292.            texture.mImage.mXres = file.ReadUInt32();
  5293.            texture.mImage.mYres = file.ReadUInt32();
  5294.            texture.mImage.mZres = file.ReadUInt32();
  5295.            let binNumChannels = file.ReadUInt8();
  5296.            let binLayout = file.ReadUInt8();
  5297.            let binFormat = file.ReadUInt16();
  5298.            let format = renderer.TEXFMT.C1I8;
  5299.                 if( binNumChannels===1 && binFormat===0 )  format = renderer.TEXFMT.C1I8;
  5300.            else if( binNumChannels===2 && binFormat===0 )  format = renderer.TEXFMT.C2I8;
  5301.            else if( binNumChannels===3 && binFormat===0 )  format = renderer.TEXFMT.C3I8;
  5302.            else if( binNumChannels===4 && binFormat===0 )  format = renderer.TEXFMT.C4I8;
  5303.            else if( binNumChannels===1 && binFormat===10 ) format = renderer.TEXFMT.C1F32;
  5304.            else if( binNumChannels===2 && binFormat===10 ) format = renderer.TEXFMT.C2F32;
  5305.            else if( binNumChannels===3 && binFormat===10 ) format = renderer.TEXFMT.C3F32;
  5306.            else if( binNumChannels===4 && binFormat===10 ) format = renderer.TEXFMT.C4F32;
  5307.            else return;
  5308.  
  5309.            let buffer = new Uint8Array(data, 20); // skip 16 bytes (header of .bin)
  5310.  
  5311.            let rti = me.Sampler2Renderer(url.mSampler);
  5312.  
  5313.            texture.globject = renderer.CreateTexture(renderer.TEXTYPE.T3D, texture.mImage.mXres, texture.mImage.mYres, format, rti.mFilter, rti.mWrap, buffer);
  5314.  
  5315.            if( texture.globject===null )
  5316.            {
  5317.                console.log( "Error 4: loading Volume" );
  5318.                return { mFailed:true };
  5319.            }
  5320.  
  5321.            if (me.mTextureCallbackFun !== null)
  5322.            {
  5323.                me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.mPreview, true, 1, 1, -1.0, me.mID );
  5324.            }
  5325.  
  5326.            texture.loaded = true;
  5327.  
  5328.            // load icon for it
  5329.            texture.mPreview.onload = function()
  5330.            {
  5331.                if( me.mTextureCallbackFun!==null )
  5332.                    me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.mPreview, true, 1, 1, -1.0, me.mID );
  5333.            }
  5334.            texture.mPreview.src = url.mPreviewSrc;
  5335.        }
  5336.        xmlHttp.send("");
  5337.  
  5338.  
  5339.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5340.                                                                (this.mInputs[slot].mInfo.mType!=="volume")) };
  5341.        this.DestroyInput( slot );
  5342.        this.mInputs[slot] = texture;
  5343.        this.MakeHeader();
  5344.        return returnValue;
  5345.    }
  5346.    else if( url.mType==="cubemap" )
  5347.    {
  5348.        texture = {};
  5349.        texture.mInfo = url;
  5350.        texture.globject = null;
  5351.        texture.loaded = false;
  5352.  
  5353.        let rti = me.Sampler2Renderer(url.mSampler);
  5354.  
  5355.        if( assetID_to_cubemapBuferID(url.mID)!==-1 )
  5356.        {
  5357.            texture.mImage = new Image();
  5358.            texture.mImage.onload = function()
  5359.            {
  5360.                texture.loaded = true;
  5361.                if( me.mTextureCallbackFun!==null )
  5362.                    me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.mImage, true, 2, 1, -1.0, me.mID );
  5363.            }
  5364.            texture.mImage.src = "/media/previz/cubemap00.png";
  5365.  
  5366.            this.mEffect.ResizeCubemapBuffer(0, 1024, 1024 );
  5367.  
  5368.        }
  5369.        else
  5370.        {
  5371.            texture.image = [ new Image(), new Image(), new Image(), new Image(), new Image(), new Image() ];
  5372.  
  5373.            let numLoaded = 0;
  5374.            for (var i=0; i<6; i++ )
  5375.            {
  5376.                texture.image[i].mId = i;
  5377.                texture.image[i].crossOrigin = '';
  5378.                texture.image[i].onload = function()
  5379.                {
  5380.                    var id = this.mId;
  5381.                    numLoaded++;
  5382.                    if( numLoaded===6 )
  5383.                    {
  5384.                        texture.globject = renderer.CreateTextureFromImage(renderer.TEXTYPE.CUBEMAP, texture.image, renderer.TEXFMT.C4I8, rti.mFilter, rti.mWrap, rti.mVFlip);
  5385.                        texture.loaded = true;
  5386.                        if (me.mTextureCallbackFun !== null)
  5387.                            me.mTextureCallbackFun(me.mTextureCallbackObj, slot, texture.image[0], true, 2, 1, -1.0, me.mID);
  5388.                    }
  5389.                }
  5390.  
  5391.                if( i === 0)
  5392.                {
  5393.                    texture.image[i].src = url.mSrc;
  5394.                }
  5395.                else
  5396.                {
  5397.                    let n = url.mSrc.lastIndexOf(".");
  5398.                    texture.image[i].src = url.mSrc.substring(0, n) + "_" + i + url.mSrc.substring(n, url.mSrc.length);
  5399.                }
  5400.            }
  5401.        }
  5402.  
  5403.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5404.                                                                (this.mInputs[slot].mInfo.mType!=="cubemap")) };
  5405.  
  5406.        this.DestroyInput( slot );
  5407.        this.mInputs[slot] = texture;
  5408.        this.MakeHeader();
  5409.        return returnValue;
  5410.    }
  5411.    else if( url.mType==="webcam" )
  5412.    {
  5413.        texture = {};
  5414.        texture.mInfo = url;
  5415.        texture.globject = null;
  5416.        texture.loaded = false;
  5417.  
  5418.        texture.video = document.createElement('video');
  5419.     texture.video.width = 320;
  5420.     texture.video.height = 240;
  5421.     texture.video.autoplay = true;
  5422.     texture.video.loop = true;
  5423.        texture.mForceMuted = this.mForceMuted;
  5424.        texture.mImage = null;
  5425.  
  5426.        let rti = me.Sampler2Renderer(url.mSampler);
  5427.  
  5428.        var loadImageInsteadOfWebCam = function()
  5429.        {
  5430.            texture.mImage = new Image();
  5431.            texture.mImage.onload = function()
  5432.            {
  5433.                texture.loaded = true;
  5434.                texture.globject = renderer.CreateTextureFromImage(renderer.TEXTYPE.T2D, texture.mImage, renderer.TEXFMT.C4I8, rti.mFilter, rti.mWrap, rti.mVFlip);
  5435.                if( me.mTextureCallbackFun!==null )
  5436.                    me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.mImage, true, 7, 1, -1.0, me.mID );
  5437.            }
  5438.            texture.mImage.src = "/media/previz/webcam.png";
  5439.        }
  5440.        
  5441.        loadImageInsteadOfWebCam();
  5442.  
  5443.        if( typeof navigator.getUserMedia !== "undefined"  && texture.mForceMuted===false )
  5444.        {
  5445.            texture.video.addEventListener("canplay", function (e)
  5446.            {
  5447. try
  5448. {
  5449.                    texture.mImage = null;
  5450.                    if( texture.globject != null )
  5451.                        renderer.DestroyTexture( texture.globject );
  5452. texture.globject = renderer.CreateTextureFromImage(renderer.TEXTYPE.T2D, texture.video, renderer.TEXFMT.C4I8, rti.mFilter, rti.mWrap, rti.mVFlip);
  5453. texture.loaded = true;
  5454.                }
  5455.                catch(e)
  5456.                {
  5457.                    loadImageInsteadOfWebCam();
  5458.                alert( 'Your browser can not transfer webcam data to the GPU.');
  5459.                }
  5460.            } );
  5461.  
  5462.            navigator.mediaDevices.getUserMedia(
  5463.                                { "video": { width: 1280, height: 720 }, "audio": false } )
  5464.                                .then( function(stream)
  5465.                                       {
  5466.                                            texture.video.srcObject = stream;
  5467.                                   } )
  5468.                                .catch( function(error)
  5469.                                        {
  5470.                                            loadImageInsteadOfWebCam();
  5471.                                    alert( 'Unable to capture WebCam. Please reload the page.' );
  5472.                                    } );
  5473.        }
  5474.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5475.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5476.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5477.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5478.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5479.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5480.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5481.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5482.        this.DestroyInput( slot );
  5483.        this.mInputs[slot] = texture;
  5484.        this.MakeHeader();
  5485.        return returnValue;
  5486.    }
  5487.    else if( url.mType==="mic" )
  5488.    {
  5489.        texture = {};
  5490.        texture.mInfo = url;
  5491.        texture.globject = null;
  5492.        texture.loaded = false;
  5493.        texture.mForceMuted = this.mForceMuted;
  5494.        texture.mAnalyser = null;
  5495.        let num = 512;
  5496.        texture.mFreqData = new Uint8Array( num );
  5497.        texture.mWaveData = new Uint8Array( num );
  5498.  
  5499.        if( wa === null || typeof navigator.getUserMedia === "undefined" )
  5500.        {
  5501.            if( !texture.mForceMuted ) alert( "Shadertoy: Web Audio not implement in this browser" );
  5502.            texture.mForceMuted = true;
  5503.        }
  5504.  
  5505.        if( texture.mForceMuted )
  5506.        {
  5507.            texture.globject = renderer.CreateTexture(renderer.TEXTYPE.T2D, num, 2, renderer.TEXFMT.C1I8, renderer.FILTER.LINEAR, renderer.TEXWRP.CLAMP, null)
  5508.            texture.loaded = true;
  5509.        }
  5510.        else
  5511.        {
  5512.        navigator.getUserMedia( { "audio": true },
  5513.                                function(stream)
  5514.                                {
  5515.                                  texture.globject = renderer.CreateTexture(renderer.TEXTYPE.T2D, 512, 2, renderer.TEXFMT.C1I8, renderer.FILTER.LINEAR, null)
  5516.                                  texture.mic = wa.createMediaStreamSource(stream);
  5517.                                  texture.mAnalyser = wa.createAnalyser();
  5518.                                  texture.mic.connect( texture.mAnalyser );
  5519.                                  texture.loaded = true;
  5520.                            },
  5521.                                function(error)
  5522.                                {
  5523.                            alert( 'Unable open Mic. Please reload the page.' );
  5524.                            } );
  5525.        }
  5526.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5527.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5528.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5529.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5530.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5531.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5532.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5533.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5534.        this.DestroyInput( slot );
  5535.        this.mInputs[slot] = texture;
  5536.        this.MakeHeader();
  5537.        return returnValue;
  5538.    }
  5539.    else if( url.mType==="video" )
  5540.    {
  5541.     texture = {};
  5542.        texture.mInfo = url;
  5543.        texture.globject = null;
  5544.        texture.loaded = false;
  5545.        texture.video = document.createElement('video');
  5546.     texture.video.loop = true;
  5547.        texture.video.preload = "auto";
  5548.        texture.video.mPaused = this.mForcePaused;
  5549.        texture.video.mMuted = true;//this.mForceMuted;
  5550.     texture.video.muted  = true;//this.mForceMuted;
  5551.        if( this.mForceMuted===true )
  5552.            texture.video.volume = 0;
  5553.     texture.video.autoplay = false;
  5554.        texture.video.hasFalled = false;
  5555.        
  5556.        let rti = me.Sampler2Renderer(url.mSampler);
  5557.  
  5558.        texture.video.addEventListener("canplay", function (e)
  5559.        {
  5560.            texture.video.play().then( function()
  5561.                                       {
  5562.                                           texture.video.mPaused = false;
  5563.  
  5564.                                           texture.globject = renderer.CreateTextureFromImage(renderer.TEXTYPE.T2D, texture.video, renderer.TEXFMT.C4I8, rti.mFilter, rti.mWrap, rti.mVFlip);
  5565.                                           texture.loaded = true;
  5566.            
  5567.                                           if( me.mTextureCallbackFun!=null )
  5568.                                               me.mTextureCallbackFun( me.mTextureCallbackObj, slot, texture.video, true, 3, 1, -1.0, me.mID );
  5569.                                        } )
  5570.                               .catch( function(error)
  5571.                                       {
  5572.                                           console.log( error );
  5573.                                       }
  5574.                                );
  5575.        } );
  5576.  
  5577.        texture.video.addEventListener( "error", function(e)
  5578.        {
  5579.               if( texture.video.hasFalled===true ) { alert("Error: cannot load video" ); return; }
  5580.               let str = texture.video.src;
  5581.               str = str.substr(0,str.lastIndexOf('.') ) + ".mp4";
  5582.               texture.video.src = str;
  5583.               texture.video.hasFalled = true;
  5584.        } );
  5585.  
  5586.        texture.video.src = url.mSrc;
  5587.  
  5588.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5589.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5590.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5591.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5592.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5593.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5594.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5595.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5596.        this.DestroyInput( slot );
  5597.        this.mInputs[slot] = texture;
  5598.        this.MakeHeader();
  5599.        return returnValue;
  5600.    }
  5601.    else if( url.mType==="music" || url.mType==="musicstream" )
  5602.    {
  5603.     texture = {};
  5604.        texture.mInfo = url;
  5605.        texture.globject = null;
  5606.        texture.loaded = false;
  5607.        texture.audio = document.createElement('audio');
  5608.     texture.audio.loop = true;
  5609.        texture.audio.mMuted = this.mForceMuted;
  5610.        texture.audio.mForceMuted = this.mForceMuted;
  5611.        texture.audio.muted = this.mForceMuted;
  5612.        if( this.mForceMuted===true )
  5613.            texture.audio.volume = 0;
  5614.        texture.audio.autoplay = false;
  5615.        texture.audio.hasFalled = false;
  5616.        texture.audio.mPaused = false;
  5617.        texture.audio.mSound = {};
  5618.  
  5619.        if( this.mForceMuted===false )
  5620.        {
  5621.            if(url.mType==="musicstream" && SC === null)
  5622.            {
  5623.                alert( "Shadertoy: Soundcloud could not be reached" );
  5624.                texture.audio.mForceMuted = true;
  5625.            }
  5626.            }
  5627.  
  5628.        if( wa === null && this.mForceMuted===false )
  5629.        {
  5630.            alert( "Shadertoy: Web Audio not implement in this browser" );
  5631.            texture.audio.mForceMuted = true;
  5632.        }
  5633.  
  5634.        if( texture.audio.mForceMuted )
  5635.        {
  5636.            texture.globject = renderer.CreateTexture(renderer.TEXTYPE.T2D, 512, 2, renderer.TEXFMT.C1I8, renderer.FILTER.LINEAR, renderer.TEXWRP.CLAMP, null);
  5637.            let num = 512;
  5638.            texture.audio.mSound.mFreqData = new Uint8Array( num );
  5639.            texture.audio.mSound.mWaveData = new Uint8Array( num );
  5640.            texture.loaded = true;
  5641.        }
  5642.  
  5643.        texture.audio.addEventListener( "canplay", function()
  5644.        {
  5645.            if( texture===null || texture.audio===null ) return;
  5646.            if( this.mForceMuted  ) return;
  5647.            if( texture.loaded === true ) return;
  5648.  
  5649.            texture.globject = renderer.CreateTexture(renderer.TEXTYPE.T2D, 512, 2, renderer.TEXFMT.C1I8, renderer.FILTER.LINEAR, renderer.TEXWRP.CLAMP, null)
  5650.  
  5651.            texture.audio.mSound.mSource   = wa.createMediaElementSource( texture.audio );
  5652.            texture.audio.mSound.mAnalyser = wa.createAnalyser();
  5653.            texture.audio.mSound.mGain     = wa.createGain();
  5654.  
  5655.            texture.audio.mSound.mSource.connect(   texture.audio.mSound.mAnalyser );
  5656.            texture.audio.mSound.mAnalyser.connect( texture.audio.mSound.mGain );
  5657.            texture.audio.mSound.mGain.connect(me.mGainNode);
  5658.  
  5659.            texture.audio.mSound.mFreqData = new Uint8Array( texture.audio.mSound.mAnalyser.frequencyBinCount );
  5660.            texture.audio.mSound.mWaveData = new Uint8Array( texture.audio.mSound.mAnalyser.frequencyBinCount );
  5661.  
  5662.            if( texture.audio.mPaused )
  5663.            {
  5664.                texture.audio.pause();
  5665.            }
  5666.            else
  5667.            {
  5668.                texture.audio.play().then( function() {} ).catch( function(e){console.log("error " + e);} );
  5669.            }
  5670.            texture.loaded = true;
  5671.        } );
  5672.  
  5673.        texture.audio.addEventListener( "error", function(e)
  5674.        {
  5675.               if( this.mForceMuted  ) return;
  5676.  
  5677.               if( texture.audio.hasFalled===true ) { return; }
  5678.               let str = texture.audio.src;
  5679.               str = str.substr(0,str.lastIndexOf('.') ) + ".ogg";
  5680.               texture.audio.src = str;
  5681.               texture.audio.hasFalled = true;
  5682.        } );
  5683.  
  5684.        if( !texture.audio.mForceMuted )
  5685.        {
  5686.            if(url.mType==="musicstream")
  5687.            {
  5688.                SC.resolve(url.mSrc,
  5689.                    function(song)
  5690.                    {
  5691.                        if( song.streamable===true )
  5692.                        {
  5693.                            texture.audio.crossOrigin = 'anonymous';
  5694.                            texture.audio.src = song.stream_url;
  5695.                            texture.audio.soundcloudInfo = song;
  5696.                        }
  5697.                        else
  5698.                        {
  5699.                            alert('Shadertoy: Soundcloud 3 - This track cannot be streamed' );
  5700.                        }
  5701.                    },
  5702.                    function(error)
  5703.                    {
  5704.                        if (me.mTextureCallbackFun!==null)
  5705.                        {
  5706.                            me.mTextureCallbackFun(me.mTextureCallbackObj, slot, {wave:null}, false, 4, 0, -1.0, me.mID);
  5707.                        }
  5708.                    } );
  5709.            }
  5710.            else
  5711.            {
  5712.                texture.audio.src = url.mSrc;
  5713.            }
  5714.        }
  5715.  
  5716.        if (me.mTextureCallbackFun!==null)
  5717.        {
  5718.            if (url.mType === "music")            me.mTextureCallbackFun(me.mTextureCallbackObj, slot, {wave:null}, false, 4, 0, -1.0, me.mID);
  5719.            else if (url.mType === "musicstream") me.mTextureCallbackFun(me.mTextureCallbackObj, slot, {wave:null, info: texture.audio.soundcloudInfo}, false, 8, 0, -1.0, me.mID);
  5720.        }
  5721.  
  5722.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5723.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5724.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5725.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5726.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5727.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5728.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5729.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5730.        this.DestroyInput( slot );
  5731.        this.mInputs[slot] = texture;
  5732.        this.MakeHeader();
  5733.        return returnValue;
  5734.    }
  5735.    else if( url.mType==="keyboard" )
  5736.    {
  5737.     texture = {};
  5738.        texture.mInfo = url;
  5739.        texture.globject = null;
  5740.        texture.loaded = true;
  5741.  
  5742.        texture.keyboard = {};
  5743.  
  5744.        if( me.mTextureCallbackFun!==null )
  5745.            me.mTextureCallbackFun( me.mTextureCallbackObj, slot, {mImage: keyboard.mIcon, mData: keyboard.mData}, false, 6, 1, -1.0, me.mID );
  5746.  
  5747.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5748.                                                                (this.mInputs[slot].mInfo.mType!="texture") &&
  5749.                                                                (this.mInputs[slot].mInfo.mType!="webcam") &&
  5750.                                                                (this.mInputs[slot].mInfo.mType!="mic") &&
  5751.                                                                (this.mInputs[slot].mInfo.mType!="music") &&
  5752.                                                                (this.mInputs[slot].mInfo.mType!="musicstream") &&
  5753.                                                                (this.mInputs[slot].mInfo.mType!="keyboard") &&
  5754.                                                                (this.mInputs[slot].mInfo.mType!="video")) };
  5755.        this.DestroyInput( slot );
  5756.        this.mInputs[slot] = texture;
  5757.        this.MakeHeader();
  5758.        return returnValue;
  5759.    }
  5760.    else if( url.mType==="buffer" )
  5761.    {
  5762.        texture = {};
  5763.        texture.mInfo = url;
  5764.  
  5765.        texture.image = new Image();
  5766.        texture.image.onload = function()
  5767.        {
  5768.            if( me.mTextureCallbackFun!==null )
  5769.                me.mTextureCallbackFun( me.mTextureCallbackObj, slot, {texture: texture.image, data:null}, true, 9, 1, -1.0, me.mID );
  5770.        }
  5771.        texture.image.src = url.mSrc;
  5772.        texture.id = assetID_to_bufferID( url.mID );
  5773.        texture.loaded = true;
  5774.  
  5775.        let returnValue = { mFailed:false, mNeedsShaderCompile: (this.mInputs[slot]===null ) || (
  5776.                                                                (this.mInputs[slot].mInfo.mType!=="texture") &&
  5777.                                                                (this.mInputs[slot].mInfo.mType!=="webcam") &&
  5778.                                                                (this.mInputs[slot].mInfo.mType!=="mic") &&
  5779.                                                                (this.mInputs[slot].mInfo.mType!=="music") &&
  5780.                                                                (this.mInputs[slot].mInfo.mType!=="musicstream") &&
  5781.                                                                (this.mInputs[slot].mInfo.mType!=="keyboard") &&
  5782.                                                                (this.mInputs[slot].mInfo.mType!=="video")) };
  5783.  
  5784.        this.DestroyInput( slot );
  5785.        this.mInputs[slot] = texture;
  5786.  
  5787.        this.mEffect.ResizeBuffer(texture.id, this.mEffect.mXres, this.mEffect.mYres, false );
  5788.  
  5789.        this.SetSamplerFilter(slot, url.mSampler.filter, buffers, cubeBuffers, true);
  5790.        this.SetSamplerVFlip(slot, url.mSampler.vflip);
  5791.        this.SetSamplerWrap(slot, url.mSampler.wrap, buffers);
  5792.  
  5793.        this.MakeHeader();
  5794.        return returnValue;
  5795.    }
  5796.    else
  5797.    {
  5798.        alert( "input type error" );
  5799.        return { mFailed: true };
  5800.    }
  5801.  
  5802.    return { mFailed: true };
  5803. }
  5804.  
  5805. EffectPass.prototype.Paint_Image = function( vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard )
  5806. {
  5807.    let times = [ 0.0, 0.0, 0.0, 0.0 ];
  5808.  
  5809.    let dates = [ d.getFullYear(), // the year (four digits)
  5810.                  d.getMonth(),   // the month (from 0-11)
  5811.                  d.getDate(),     // the day of the month (from 1-31)
  5812.                  d.getHours()*60.0*60 + d.getMinutes()*60 + d.getSeconds()  + d.getMilliseconds()/1000.0 ];
  5813.  
  5814.    let mouse = [  mousePosX, mousePosY, mouseOriX, mouseOriY ];
  5815.  
  5816.    //------------------------
  5817.    
  5818.    let resos = [ 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0 ];
  5819.    let texIsLoaded = [0, 0, 0, 0 ];
  5820.    let texID = [ null, null, null, null];
  5821.  
  5822.    for (let i=0; i<this.mInputs.length; i++ )
  5823.    {
  5824.        let inp = this.mInputs[i];
  5825.  
  5826.        if( inp===null )
  5827.        {
  5828.        }
  5829.        else if( inp.mInfo.mType==="texture" )
  5830.        {
  5831.            if( inp.loaded===true  )
  5832.            {
  5833.                texID[i] = inp.globject;
  5834.                texIsLoaded[i] = 1;
  5835.                resos[3*i+0] = inp.image.width;
  5836.                resos[3*i+1] = inp.image.height;
  5837.                resos[3*i+2] = 1;
  5838.            }
  5839.        }
  5840.        else if( inp.mInfo.mType==="volume" )
  5841.        {
  5842.            if( inp.loaded===true  )
  5843.            {
  5844.                texID[i] = inp.globject;
  5845.                texIsLoaded[i] = 1;
  5846.                resos[3*i+0] = inp.mImage.mXres;
  5847.                resos[3*i+1] = inp.mImage.mYres;
  5848.                resos[3*i+2] = inp.mImage.mZres;
  5849.            }
  5850.        }
  5851.        else if( inp.mInfo.mType==="keyboard" )
  5852.        {
  5853.            texID[i] = keyboard.mTexture;
  5854.            texIsLoaded[i] = 1;
  5855.            resos[3*i+0] = 256;
  5856.            resos[3*i+1] = 3;
  5857.            resos[3*i+2] = 1;
  5858.        }
  5859.        else if( inp.mInfo.mType==="cubemap" )
  5860.        {
  5861.            if (inp.loaded === true)
  5862.            {
  5863.                let id = assetID_to_cubemapBuferID(inp.mInfo.mID);
  5864.                if( id!==-1 )
  5865.                {
  5866.                    texID[i] = cubeBuffers[id].mTexture[ cubeBuffers[id].mLastRenderDone ];
  5867.                    resos[3*i+0] = cubeBuffers[id].mResolution[0];
  5868.                    resos[3*i+1] = cubeBuffers[id].mResolution[1];
  5869.                    resos[3*i+2] = 1;
  5870.                    texIsLoaded[i] = 1;
  5871.  
  5872.                    // hack. in webgl2.0 we have samplers, so we don't need this crap here
  5873.                    let filter = this.mRenderer.FILTER.NONE;
  5874.                         if (inp.mInfo.mSampler.filter === "linear") filter = this.mRenderer.FILTER.LINEAR;
  5875.                    else if (inp.mInfo.mSampler.filter === "mipmap") filter = this.mRenderer.FILTER.MIPMAP;
  5876.                    this.mRenderer.SetSamplerFilter( texID[i], filter, false);
  5877.                }
  5878.                else
  5879.                {
  5880.                    texID[i] = inp.globject;
  5881.                    texIsLoaded[i] = 1;
  5882.                }
  5883.            }
  5884.        }
  5885.        else if( inp.mInfo.mType==="webcam" )
  5886.        {
  5887.            if( inp.loaded===true )
  5888.            {
  5889.                if( inp.mImage !== null )
  5890.                {
  5891.                    if( this.mTextureCallbackFun!==null )
  5892.                        this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.mImage, false, 7, 1, -1, this.mID );
  5893.  
  5894.                    texID[i] = inp.globject;
  5895.                    texIsLoaded[i] = 1;
  5896.                    resos[3*i+0] = inp.mImage.width;
  5897.                    resos[3*i+1] = inp.mImage.height;
  5898.                    resos[3*i+2] = 1;
  5899.                }
  5900.                else  if( inp.video.readyState === inp.video.HAVE_ENOUGH_DATA )
  5901.                {
  5902.  
  5903.                    if( this.mTextureCallbackFun!==null )
  5904.                        this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.video, false, 7, 1, -1, this.mID );
  5905.  
  5906.                    texID[i] = inp.globject;
  5907.                    this.mRenderer.UpdateTextureFromImage(inp.globject, inp.video);
  5908.                    if( inp.mInfo.mSampler.filter === "mipmap" )
  5909.                        this.mRenderer.CreateMipmaps(inp.globject);
  5910.                    resos[3*i+0] = inp.video.videoWidth;
  5911.                    resos[3*i+1] = inp.video.videoHeight;
  5912.                    resos[3*i+2] = 1;
  5913.                    texIsLoaded[i] = 1;
  5914.                }
  5915.            }
  5916.            else
  5917.            {
  5918.                texID[i] = null;
  5919.                texIsLoaded[i] = 0;
  5920.                resos[3*i+0] = inp.video.width;
  5921.                resos[3*i+1] = inp.video.height;
  5922.                resos[3*i+2] = 1;
  5923.            }
  5924.        }
  5925.        else if( inp.mInfo.mType==="video" )
  5926.        {
  5927.            if( inp.video.mPaused === false )
  5928.            {
  5929.                if( this.mTextureCallbackFun!==null )
  5930.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.video, false, 3, 1, inp.video.currentTime, this.mID );
  5931.            }
  5932.  
  5933.            if( inp.loaded===true )
  5934.            {
  5935.                times[i] = inp.video.currentTime;
  5936.                texID[i] = inp.globject;
  5937.                texIsLoaded[i] = 1;
  5938.  
  5939.              if( inp.video.mPaused === false )
  5940.              {
  5941.                  this.mRenderer.UpdateTextureFromImage(inp.globject, inp.video);
  5942.                    if( inp.mInfo.mSampler.filter === "mipmap" )
  5943.                        this.mRenderer.CreateMipmaps(inp.globject);
  5944.                }
  5945.                resos[3*i+0] = inp.video.videoWidth;
  5946.                resos[3*i+1] = inp.video.videoHeight;
  5947.                resos[3*i+2] = 1;
  5948.            }
  5949.        }
  5950.        else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  5951.        {
  5952.            if( inp.audio.mPaused === false && inp.audio.mForceMuted === false && inp.loaded===true )
  5953.            {
  5954.                if( wa !== null )
  5955.                {
  5956.                    inp.audio.mSound.mAnalyser.getByteFrequencyData(  inp.audio.mSound.mFreqData );
  5957.                    inp.audio.mSound.mAnalyser.getByteTimeDomainData( inp.audio.mSound.mWaveData );
  5958.                }
  5959.  
  5960.                if( this.mTextureCallbackFun!==null )
  5961.                {
  5962.                         if( inp.mInfo.mType==="music")       this.mTextureCallbackFun(this.mTextureCallbackObj, i, (wa === null) ? null : { wave : inp.audio.mSound.mFreqData }, false, 4, 1, inp.audio.currentTime, this.mID);
  5963.                    else if( inp.mInfo.mType==="musicstream") this.mTextureCallbackFun(this.mTextureCallbackObj, i, (wa === null) ? null : { wave : inp.audio.mSound.mFreqData, info : inp.audio.soundcloudInfo}, false, 8, 1, inp.audio.currentTime, this.mID);
  5964.                }
  5965.            }
  5966.  
  5967.            if( inp.loaded===true )
  5968.            {
  5969.                times[i] = inp.audio.currentTime;
  5970.                texID[i] = inp.globject;
  5971.                texIsLoaded[i] = 1;
  5972.  
  5973.                if( inp.audio.mForceMuted === true )
  5974.                {
  5975.                    times[i] = 10.0 + time;
  5976.                    let num = inp.audio.mSound.mFreqData.length;
  5977.                    for (let j=0; j<num; j++ )
  5978.                    {
  5979.                        let x = j / num;
  5980.                        let f =  (0.75 + 0.25*Math.sin( 10.0*j + 13.0*time )) * Math.exp( -3.0*x );
  5981.  
  5982.                        if( j<3 )
  5983.                            f =  Math.pow( 0.50 + 0.5*Math.sin( 6.2831*time ), 4.0 ) * (1.0-j/3.0);
  5984.  
  5985.                        inp.audio.mSound.mFreqData[j] = Math.floor(255.0*f) | 0;
  5986.                    }
  5987.  
  5988.                  //let num = inp.audio.mSound.mFreqData.length;
  5989.                    for (let j=0; j<num; j++ )
  5990.                    {
  5991.                        let f = 0.5 + 0.15*Math.sin( 17.0*time + 10.0*6.2831*j/num ) * Math.sin( 23.0*time + 1.9*j/num );
  5992.                        inp.audio.mSound.mWaveData[j] = Math.floor(255.0*f) | 0;
  5993.                    }
  5994.  
  5995.                }
  5996.  
  5997.              if( inp.audio.mPaused === false )
  5998.                {
  5999.                  let waveLen = Math.min(inp.audio.mSound.mWaveData.length, 512);
  6000.                  this.mRenderer.UpdateTexture(inp.globject, 0, 0, 512, 1, inp.audio.mSound.mFreqData);
  6001.                  this.mRenderer.UpdateTexture(inp.globject, 0, 1, 512, 1, inp.audio.mSound.mWaveData);
  6002.                }
  6003.  
  6004.                resos[3*i+0] = 512;
  6005.                resos[3*i+1] = 2;
  6006.                resos[3*i+2] = 1;
  6007.            }
  6008.        }
  6009.        else if( inp.mInfo.mType==="mic" )
  6010.        {
  6011.            if( inp.loaded===false || inp.mForceMuted || wa === null || inp.mAnalyser == null )
  6012.            {
  6013.                    times[i] = 10.0 + time;
  6014.                    let num = inp.mFreqData.length;
  6015.                    for( let j=0; j<num; j++ )
  6016.                    {
  6017.                        let x = j / num;
  6018.                        let f =  (0.75 + 0.25*Math.sin( 10.0*j + 13.0*time )) * Math.exp( -3.0*x );
  6019.  
  6020.                        if( j<3 )
  6021.                            f =  Math.pow( 0.50 + 0.5*Math.sin( 6.2831*time ), 4.0 ) * (1.0-j/3.0);
  6022.  
  6023.                        inp.mFreqData[j] = Math.floor(255.0*f) | 0;
  6024.                    }
  6025.  
  6026.                    for( let j=0; j<num; j++ )
  6027.                    {
  6028.                        let f = 0.5 + 0.15*Math.sin( 17.0*time + 10.0*6.2831*j/num ) * Math.sin( 23.0*time + 1.9*j/num );
  6029.                        inp.mWaveData[j] = Math.floor(255.0*f) | 0;
  6030.                    }
  6031.            }
  6032.            else
  6033.            {
  6034.                inp.mAnalyser.getByteFrequencyData(  inp.mFreqData );
  6035.                inp.mAnalyser.getByteTimeDomainData( inp.mWaveData );
  6036.            }
  6037.  
  6038.            if( this.mTextureCallbackFun!==null )
  6039.                this.mTextureCallbackFun( this.mTextureCallbackObj, i, {wave:inp.mFreqData}, false, 5, 1, -1, this.mID );
  6040.  
  6041.            if( inp.loaded===true )
  6042.            {
  6043.                texID[i] = inp.globject;
  6044.                texIsLoaded[i] = 1;
  6045.                let waveLen = Math.min( inp.mWaveData.length, 512 );
  6046.                this.mRenderer.UpdateTexture(inp.globject, 0, 0, 512,     1, inp.mFreqData);
  6047.                this.mRenderer.UpdateTexture(inp.globject, 0, 1, waveLen, 1, inp.mWaveData);
  6048.                resos[3*i+0] = 512;
  6049.                resos[3*i+1] = 2;
  6050.                resos[3*i+2] = 1;
  6051.            }
  6052.        }
  6053.        else if( inp.mInfo.mType==="buffer" )
  6054.        {
  6055.            let id = inp.id;
  6056.            if( inp.loaded===true  )
  6057.            {
  6058.                texID[i] = buffers[id].mTexture[ buffers[id].mLastRenderDone ];
  6059.                texIsLoaded[i] = 1;
  6060.                resos[3*i+0] = xres;
  6061.                resos[3*i+1] = yres;
  6062.                resos[3*i+2] = 1;
  6063.                // hack. in webgl2.0 we have samplers, so we don't need this crap here
  6064.                let filter = this.mRenderer.FILTER.NONE;
  6065.                     if (inp.mInfo.mSampler.filter === "linear") filter = this.mRenderer.FILTER.LINEAR;
  6066.                else if (inp.mInfo.mSampler.filter === "mipmap") filter = this.mRenderer.FILTER.MIPMAP;
  6067.                this.mRenderer.SetSamplerFilter( texID[i], filter, false);
  6068.            }
  6069.  
  6070.            if( this.mTextureCallbackFun!==null )
  6071.            {
  6072.                this.mTextureCallbackFun( this.mTextureCallbackObj, i, {texture:inp.image, data:buffers[id].mThumbnailBuffer}, false, 9, 1, -1, this.mID );
  6073.            }
  6074.        }
  6075.    }
  6076.  
  6077.    this.mRenderer.AttachTextures( 4, texID[0], texID[1], texID[2], texID[3] );
  6078.  
  6079.    //-----------------------------------
  6080.  
  6081.    let prog = this.mProgram;
  6082.  
  6083.    //if( vrData!=null && this.mSupportsVR ) prog = this.mProgramVR;
  6084.  
  6085.    this.mRenderer.AttachShader(prog);
  6086.  
  6087.    this.mRenderer.SetShaderConstant1F(  "iTime", time);
  6088.    this.mRenderer.SetShaderConstant3F(  "iResolution", xres, yres, 1.0);
  6089.    this.mRenderer.SetShaderConstant4FV( "iMouse", mouse);
  6090.    this.mRenderer.SetShaderConstant1FV( "iChannelTime", times );              // OBSOLETE
  6091.    this.mRenderer.SetShaderConstant4FV( "iDate", dates );
  6092.    this.mRenderer.SetShaderConstant3FV( "iChannelResolution", resos );        // OBSOLETE
  6093.    this.mRenderer.SetShaderConstant1F(  "iSampleRate", this.mSampleRate);
  6094.    this.mRenderer.SetShaderTextureUnit( "iChannel0", 0 );
  6095.    this.mRenderer.SetShaderTextureUnit( "iChannel1", 1 );
  6096.    this.mRenderer.SetShaderTextureUnit( "iChannel2", 2 );
  6097.    this.mRenderer.SetShaderTextureUnit( "iChannel3", 3 );
  6098.    this.mRenderer.SetShaderConstant1I(  "iFrame", this.mFrame );
  6099.    this.mRenderer.SetShaderConstant1F(  "iTimeDelta", dtime);
  6100.    this.mRenderer.SetShaderConstant1F("iFrameRate", fps);
  6101.  
  6102.    this.mRenderer.SetShaderConstant1F(  "iCh0.time", times[0] );
  6103.    this.mRenderer.SetShaderConstant1F(  "iCh1.time", times[1] );
  6104.    this.mRenderer.SetShaderConstant1F(  "iCh2.time", times[2] );
  6105.    this.mRenderer.SetShaderConstant1F(  "iCh3.time", times[3] );
  6106.    this.mRenderer.SetShaderConstant3F(  "iCh0.size", resos[0], resos[ 1], resos[ 2] );
  6107.    this.mRenderer.SetShaderConstant3F(  "iCh1.size", resos[3], resos[ 4], resos[ 5] );
  6108.    this.mRenderer.SetShaderConstant3F(  "iCh2.size", resos[6], resos[ 7], resos[ 8] );
  6109.    this.mRenderer.SetShaderConstant3F(  "iCh3.size", resos[9], resos[10], resos[11] );
  6110.    this.mRenderer.SetShaderConstant1I(  "iCh0.loaded", texIsLoaded[0] );
  6111.    this.mRenderer.SetShaderConstant1I(  "iCh1.loaded", texIsLoaded[1] );
  6112.    this.mRenderer.SetShaderConstant1I(  "iCh2.loaded", texIsLoaded[2] );
  6113.    this.mRenderer.SetShaderConstant1I(  "iCh3.loaded", texIsLoaded[3] );
  6114.  
  6115.    let l1 = this.mRenderer.GetAttribLocation(this.mProgram, "pos");
  6116.  
  6117.    if( (vrData !== null) && this.mSupportsVR )
  6118.    {
  6119.        for (let i=0; i<2; i++ )
  6120.        {
  6121.            let ei = (i===0) ? vrData.mLeftEye : vrData.mRightEye;
  6122.  
  6123.            let vp = [i * xres / 2, 0, xres / 2, yres];
  6124.  
  6125.            this.mRenderer.SetViewport(vp);
  6126.  
  6127.            let fov = ei.mProjection;
  6128.            let corA = [ -fov[2], -fov[1], -1.0 ];
  6129.            let corB = [  fov[3], -fov[1], -1.0 ];
  6130.            let corC = [  fov[3],  fov[0], -1.0 ];
  6131.            let corD = [ -fov[2],  fov[0], -1.0 ];
  6132.            let apex = [ 0.0, 0.0, 0.0 ];
  6133.  
  6134.            let ma = invertFast( ei.mCamera );
  6135.            corA = matMulpoint( ma, corA );
  6136.            corB = matMulpoint( ma, corB );
  6137.            corC = matMulpoint( ma, corC );
  6138.            corD = matMulpoint( ma, corD );
  6139.            apex = matMulpoint( ma, apex );
  6140.  
  6141.            let corners = [ corA[0], corA[1], corA[2],
  6142.                            corB[0], corB[1], corB[2],
  6143.                            corC[0], corC[1], corC[2],
  6144.                            corD[0], corD[1], corD[2],
  6145.                            apex[0], apex[1], apex[2]];
  6146.  
  6147.            this.mRenderer.SetShaderConstant3FV("unCorners", corners);
  6148.            this.mRenderer.SetShaderConstant4FV("unViewport", vp);
  6149.  
  6150.            this.mRenderer.DrawUnitQuad_XY(l1);
  6151.        }
  6152.    }
  6153.    else
  6154.    {
  6155.        this.mRenderer.SetViewport([0, 0, xres, yres]);
  6156.        this.mRenderer.DrawFullScreenTriangle_XY( l1 );
  6157.    }
  6158.  
  6159.    this.mRenderer.DettachTextures();
  6160. }
  6161.  
  6162. EffectPass.prototype.iRenderSound = function(d, callback )
  6163. {
  6164.    let dates = [ d.getFullYear(), // the year (four digits)
  6165.                  d.getMonth(),   // the month (from 0-11)
  6166.                  d.getDate(),     // the day of the month (from 1-31)
  6167.                  d.getHours()*60.0*60 + d.getMinutes()*60 + d.getSeconds() ];
  6168.  
  6169.    let resos = [ 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0 ];
  6170.  
  6171.    this.mRenderer.SetRenderTarget(this.mRenderFBO);
  6172.  
  6173.    this.mRenderer.SetViewport([0, 0, this.mTextureDimensions, this.mTextureDimensions]);
  6174.    this.mRenderer.AttachShader(this.mProgram);
  6175.    this.mRenderer.SetBlend( false );
  6176.  
  6177.    let texID = [null, null, null, null];
  6178.    for (let i = 0; i < this.mInputs.length; i++)
  6179.    {
  6180.        let inp = this.mInputs[i];
  6181.  
  6182.        if( inp===null )
  6183.        {
  6184.        }
  6185.        else if( inp.mInfo.mType==="texture" )
  6186.        {
  6187.            if( inp.loaded===true  )
  6188.            {
  6189.                texID[i] = inp.globject;
  6190.                resos[3*i+0] = inp.image.width;
  6191.                resos[3*i+1] = inp.image.height;
  6192.                resos[3*i+2] = 1;
  6193.            }
  6194.        }
  6195.        else if( inp.mInfo.mType==="volume" )
  6196.        {
  6197.            if( inp.loaded===true  )
  6198.            {
  6199.                texID[i] = inp.globject;
  6200.                resos[3*i+0] = inp.mImage.mXres;
  6201.                resos[3*i+1] = inp.mImage.mYres;
  6202.                resos[3*i+2] = inp.mImage.mZres;
  6203.            }
  6204.        }
  6205.    }
  6206.  
  6207.    this.mRenderer.AttachTextures(4, texID[0], texID[1], texID[2], texID[3]);
  6208.  
  6209.    let l2 = this.mRenderer.SetShaderConstantLocation(this.mProgram, "iTimeOffset");
  6210.    let l3 = this.mRenderer.SetShaderConstantLocation(this.mProgram, "iSampleOffset");
  6211.    this.mRenderer.SetShaderConstant4FV("iDate", dates);
  6212.    this.mRenderer.SetShaderConstant3FV("iChannelResolution", resos);
  6213.    this.mRenderer.SetShaderConstant1F("iSampleRate", this.mSampleRate);
  6214.    this.mRenderer.SetShaderTextureUnit("iChannel0", 0);
  6215.    this.mRenderer.SetShaderTextureUnit("iChannel1", 1);
  6216.    this.mRenderer.SetShaderTextureUnit("iChannel2", 2);
  6217.    this.mRenderer.SetShaderTextureUnit("iChannel3", 3);
  6218.  
  6219.    let l1 = this.mRenderer.GetAttribLocation(this.mProgram, "pos");
  6220.  
  6221.    //--------------------------------
  6222.    let numSamples = this.mTmpBufferSamples;
  6223.    let numBlocks = this.mPlaySamples / numSamples;
  6224.    for (let j=0; j<numBlocks; j++ )
  6225.    {
  6226.        let off = j*numSamples;
  6227.        
  6228.        this.mRenderer.SetShaderConstant1F_Pos(l2, off / this.mSampleRate);
  6229.        this.mRenderer.SetShaderConstant1I_Pos(l3, off );
  6230.        this.mRenderer.DrawUnitQuad_XY(l1);
  6231.  
  6232.        this.mRenderer.GetPixelData(this.mData, 0, this.mTextureDimensions, this.mTextureDimensions);
  6233.  
  6234.        callback( off, this.mData, numSamples );
  6235.    }
  6236.  
  6237.    this.mRenderer.DetachShader();
  6238.    this.mRenderer.DettachTextures();
  6239.    this.mRenderer.SetRenderTarget(null);
  6240. }
  6241.  
  6242. EffectPass.prototype.Paint_Sound = function( wa, d )
  6243. {
  6244.    let bufL = this.mBuffer.getChannelData(0); // Float32Array
  6245.    let bufR = this.mBuffer.getChannelData(1); // Float32Array
  6246.  
  6247.    this.iRenderSound( d, function(off, data, numSamples)
  6248.                         {
  6249.                            for( let i=0; i<numSamples; i++ )
  6250.                            {
  6251.                                bufL[off+i] = -1.0 + 2.0*(data[4*i+0]+256.0*data[4*i+1])/65535.0;
  6252.                                bufR[off+i] = -1.0 + 2.0*(data[4*i+2]+256.0*data[4*i+3])/65535.0;
  6253.                            }
  6254.                         }
  6255.                     );
  6256. }
  6257.  
  6258. EffectPass.prototype.SetUniforms = function(vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard )
  6259. {
  6260.    let times = [ 0.0, 0.0, 0.0, 0.0 ];
  6261.  
  6262.    let dates = [ d.getFullYear(), // the year (four digits)
  6263.                  d.getMonth(),   // the month (from 0-11)
  6264.                  d.getDate(),     // the day of the month (from 1-31)
  6265.                  d.getHours()*60.0*60 + d.getMinutes()*60 + d.getSeconds()  + d.getMilliseconds()/1000.0 ];
  6266.  
  6267.    let mouse = [  mousePosX, mousePosY, mouseOriX, mouseOriY ];
  6268.  
  6269.    let resos = [ 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0, 0.0,0.0,0.0 ];
  6270.  
  6271.    //------------------------
  6272.    
  6273.    let texID = [ null, null, null, null];
  6274.  
  6275.    for( let i=0; i<this.mInputs.length; i++ )
  6276.    {
  6277.        let inp = this.mInputs[i];
  6278.  
  6279.        if( inp===null )
  6280.        {
  6281.        }
  6282.        else if( inp.mInfo.mType==="texture" )
  6283.        {
  6284.            if( inp.loaded===true  )
  6285.            {
  6286.                texID[i] = inp.globject;
  6287.                resos[3*i+0] = inp.image.width;
  6288.                resos[3*i+1] = inp.image.height;
  6289.                resos[3*i+2] = 1;
  6290.            }
  6291.        }
  6292.        else if( inp.mInfo.mType==="volume" )
  6293.        {
  6294.            if( inp.loaded===true  )
  6295.            {
  6296.                texID[i] = inp.globject;
  6297.                resos[3*i+0] = inp.mImage.mXres;
  6298.                resos[3*i+1] = inp.mImage.mYres;
  6299.                resos[3*i+2] = inp.mImage.mZres;
  6300.            }
  6301.        }
  6302.        else if( inp.mInfo.mType==="keyboard" )
  6303.        {
  6304.            texID[i] = keyboard.mTexture;
  6305.        }
  6306.        else if( inp.mInfo.mType=="cubemap" )
  6307.        {
  6308.            if (inp.loaded === true)
  6309.            {
  6310.                let id = assetID_to_cubemapBuferID(inp.mInfo.mID);
  6311.                if( id!==-1 )
  6312.                {
  6313.                    texID[i] = cubeBuffers[id].mTexture[ cubeBuffers[id].mLastRenderDone ];
  6314.                    resos[3*i+0] = cubeBuffers[id].mResolution[0];
  6315.                    resos[3*i+1] = cubeBuffers[id].mResolution[1];
  6316.                    resos[3*i+2] = 1;
  6317.    
  6318.                    // hack. in webgl2.0 we have samplers, so we don't need this crap here
  6319.                    let filter = this.mRenderer.FILTER.NONE;
  6320.                         if (inp.mInfo.mSampler.filter === "linear") filter = this.mRenderer.FILTER.LINEAR;
  6321.                    else if (inp.mInfo.mSampler.filter === "mipmap") filter = this.mRenderer.FILTER.MIPMAP;
  6322.                    this.mRenderer.SetSamplerFilter( texID[i], filter, false);
  6323.                }
  6324.                else
  6325.                {
  6326.                    texID[i] = inp.globject;
  6327.                }
  6328.            }
  6329.  
  6330.        }
  6331.        else if( inp.mInfo.mType==="webcam" )
  6332.        {
  6333.            if( inp.loaded===true )
  6334.            {
  6335.                if( inp.mImage !== null )
  6336.                {
  6337.                    texID[i] = inp.globject;
  6338.                    resos[3*i+0] = inp.mImage.width;
  6339.                    resos[3*i+1] = inp.mImage.height;
  6340.                    resos[3*i+2] = 1;
  6341.                }
  6342.                else  if( inp.video.readyState === inp.video.HAVE_ENOUGH_DATA )
  6343.                {
  6344.                    texID[i] = inp.globject;
  6345.                    resos[3*i+0] = inp.video.videoWidth;
  6346.                    resos[3*i+1] = inp.video.videoHeight;
  6347.                    resos[3*i+2] = 1;
  6348.                }
  6349.            }
  6350.            else
  6351.            {
  6352.                texID[i] = null;
  6353.                resos[3*i+0] = inp.video.width;
  6354.                resos[3*i+1] = inp.video.height;
  6355.                resos[3*i+2] = 1;
  6356.            }
  6357.        }
  6358.        else if( inp.mInfo.mType==="video" )
  6359.        {
  6360.           if( inp.loaded===true )
  6361.           {
  6362.                times[i] = inp.video.currentTime;
  6363.                texID[i] = inp.globject;
  6364.                resos[3*i+0] = inp.video.videoWidth;
  6365.                resos[3*i+1] = inp.video.videoHeight;
  6366.                resos[3*i+2] = 1;
  6367.            }
  6368.        }
  6369.        else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  6370.        {
  6371.            if( inp.loaded===true )
  6372.            {
  6373.                times[i] = inp.audio.currentTime;
  6374.                texID[i] = inp.globject;
  6375.  
  6376.                if( inp.audio.mForceMuted === true )
  6377.                {
  6378.                    times[i] = 10.0 + time;
  6379.                }
  6380.  
  6381.                resos[3*i+0] = 512;
  6382.                resos[3*i+1] = 2;
  6383.                resos[3*i+2] = 1;
  6384.            }
  6385.        }
  6386.        else if( inp.mInfo.mType==="mic" )
  6387.        {
  6388.            if( inp.loaded===false || inp.mForceMuted || wa === null || inp.mAnalyser == null )
  6389.            {
  6390.                times[i] = 10.0 + time;
  6391.            }
  6392.  
  6393.            if( inp.loaded===true )
  6394.            {
  6395.                texID[i] = inp.globject;
  6396.                resos[3*i+0] = 512;
  6397.                resos[3*i+1] = 2;
  6398.                resos[3*i+2] = 1;
  6399.            }
  6400.        }
  6401.        else if( inp.mInfo.mType==="buffer" )
  6402.        {
  6403.            if( inp.loaded===true  )
  6404.            {
  6405.                texID[i] = buffers[inp.id].mTexture[ buffers[inp.id].mLastRenderDone ];
  6406.                resos[3*i+0] = buffers[inp.id].mResolution[0];
  6407.                resos[3*i+1] = buffers[inp.id].mResolution[1];
  6408.                resos[3*i+2] = 1;
  6409.            }
  6410.        }
  6411.    }
  6412.  
  6413.    this.mRenderer.AttachTextures( 4, texID[0], texID[1], texID[2], texID[3] );
  6414.  
  6415.    //-----------------------------------
  6416.  
  6417.    this.mRenderer.AttachShader(this.mProgram);
  6418.  
  6419.    this.mRenderer.SetShaderConstant1F(  "iTime", time);
  6420.    this.mRenderer.SetShaderConstant3F(  "iResolution", xres, yres, 1.0);
  6421.    this.mRenderer.SetShaderConstant4FV( "iMouse", mouse);
  6422.    this.mRenderer.SetShaderConstant1FV( "iChannelTime", times );              // OBSOLETE
  6423.    this.mRenderer.SetShaderConstant4FV( "iDate", dates );
  6424.    this.mRenderer.SetShaderConstant3FV( "iChannelResolution", resos );        // OBSOLETE
  6425.    this.mRenderer.SetShaderConstant1F(  "iSampleRate", this.mSampleRate);
  6426.    this.mRenderer.SetShaderTextureUnit( "iChannel0", 0 );
  6427.    this.mRenderer.SetShaderTextureUnit( "iChannel1", 1 );
  6428.    this.mRenderer.SetShaderTextureUnit( "iChannel2", 2 );
  6429.    this.mRenderer.SetShaderTextureUnit( "iChannel3", 3 );
  6430.    this.mRenderer.SetShaderConstant1I(  "iFrame", this.mFrame );
  6431.    this.mRenderer.SetShaderConstant1F(  "iTimeDelta", dtime);
  6432.    this.mRenderer.SetShaderConstant1F(  "iFrameRate", fps );
  6433.  
  6434.    this.mRenderer.SetShaderConstant1F(  "iChannel[0].time",       times[0] );
  6435.    this.mRenderer.SetShaderConstant1F(  "iChannel[1].time",       times[1] );
  6436.    this.mRenderer.SetShaderConstant1F(  "iChannel[2].time",       times[2] );
  6437.    this.mRenderer.SetShaderConstant1F(  "iChannel[3].time",       times[3] );
  6438.    this.mRenderer.SetShaderConstant3F(  "iChannel[0].resolution", resos[0], resos[ 1], resos[ 2] );
  6439.    this.mRenderer.SetShaderConstant3F(  "iChannel[1].resolution", resos[3], resos[ 4], resos[ 5] );
  6440.    this.mRenderer.SetShaderConstant3F(  "iChannel[2].resolution", resos[6], resos[ 7], resos[ 8] );
  6441.    this.mRenderer.SetShaderConstant3F(  "iChannel[3].resolution", resos[9], resos[10], resos[11] );
  6442. }
  6443.  
  6444. EffectPass.prototype.ProcessInputs = function(vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard )
  6445. {
  6446.    for (let i=0; i<this.mInputs.length; i++ )
  6447.    {
  6448.        let inp = this.mInputs[i];
  6449.  
  6450.        if( inp===null )
  6451.        {
  6452.        }
  6453.        else if( inp.mInfo.mType==="texture" )
  6454.        {
  6455.        }
  6456.        else if( inp.mInfo.mType==="volume" )
  6457.        {
  6458.        }
  6459.        else if( inp.mInfo.mType==="keyboard" )
  6460.        {
  6461.        }
  6462.        else if( inp.mInfo.mType==="cubemap" )
  6463.        {
  6464.        }
  6465.        else if( inp.mInfo.mType==="webcam" )
  6466.        {
  6467.            if( inp.loaded===true )
  6468.            {
  6469.                if( inp.mImage !== null )
  6470.                {
  6471.                    if( this.mTextureCallbackFun!==null )
  6472.                        this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.mImage, false, 7, 1, -1, this.mID );
  6473.                }
  6474.                else if( inp.video.readyState === inp.video.HAVE_ENOUGH_DATA )
  6475.                {
  6476.                    if( this.mTextureCallbackFun!==null )
  6477.                        this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.video, false, 7, 1, -1, this.mID );
  6478.  
  6479.                    this.mRenderer.UpdateTextureFromImage(inp.globject, inp.video);
  6480.                    if( inp.mInfo.mSampler.filter === "mipmap" )
  6481.                        this.mRenderer.CreateMipmaps(inp.globject);
  6482.                }
  6483.            }
  6484.        }
  6485.        else if( inp.mInfo.mType==="video" )
  6486.        {
  6487.            if( inp.video.mPaused === false )
  6488.            {
  6489.                if( this.mTextureCallbackFun!==null )
  6490.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, inp.video, false, 3, 1, inp.video.currentTime, this.mID );
  6491.            }
  6492.  
  6493.            if( inp.loaded===true )
  6494.            {
  6495.              if( inp.video.mPaused === false )
  6496.              {
  6497.                  this.mRenderer.UpdateTextureFromImage(inp.globject, inp.video);
  6498.                    if( inp.mInfo.mSampler.filter === "mipmap" )
  6499.                        this.mRenderer.CreateMipmaps(inp.globject);
  6500.                }
  6501.            }
  6502.        }
  6503.        else if( inp.mInfo.mType==="music" || inp.mInfo.mType==="musicstream" )
  6504.        {
  6505.            if( inp.audio.mPaused === false && inp.audio.mForceMuted === false && inp.loaded===true )
  6506.            {
  6507.                if( wa !== null )
  6508.                {
  6509.                    inp.audio.mSound.mAnalyser.getByteFrequencyData(  inp.audio.mSound.mFreqData );
  6510.                    inp.audio.mSound.mAnalyser.getByteTimeDomainData( inp.audio.mSound.mWaveData );
  6511.                }
  6512.  
  6513.                if( this.mTextureCallbackFun!==null )
  6514.                {
  6515.                         if( inp.mInfo.mType==="music")       this.mTextureCallbackFun(this.mTextureCallbackObj, i, (wa == null) ? null : { wave : inp.audio.mSound.mFreqData }, false, 4, 1, inp.audio.currentTime, this.mID);
  6516.                    else if( inp.mInfo.mType==="musicstream") this.mTextureCallbackFun(this.mTextureCallbackObj, i, (wa == null) ? null : { wave : inp.audio.mSound.mFreqData, info : inp.audio.soundcloudInfo}, false, 8, 1, inp.audio.currentTime, this.mID);
  6517.                }
  6518.            }
  6519.  
  6520.            if( inp.loaded===true )
  6521.            {
  6522.                if( inp.audio.mForceMuted === true )
  6523.                {
  6524.                    let num = inp.audio.mSound.mFreqData.length;
  6525.                    for (let j=0; j<num; j++ )
  6526.                    {
  6527.                        let x = j / num;
  6528.                        let f =  (0.75 + 0.25*Math.sin( 10.0*j + 13.0*time )) * Math.exp( -3.0*x );
  6529.  
  6530.                        if( j<3 )
  6531.                            f =  Math.pow( 0.50 + 0.5*Math.sin( 6.2831*time ), 4.0 ) * (1.0-j/3.0);
  6532.  
  6533.                        inp.audio.mSound.mFreqData[j] = Math.floor(255.0*f) | 0;
  6534.                    }
  6535.  
  6536.                  //let num = inp.audio.mSound.mFreqData.length;
  6537.                    for (let j=0; j<num; j++ )
  6538.                    {
  6539.                        let f = 0.5 + 0.15*Math.sin( 17.0*time + 10.0*6.2831*j/num ) * Math.sin( 23.0*time + 1.9*j/num );
  6540.                        inp.audio.mSound.mWaveData[j] = Math.floor(255.0*f) | 0;
  6541.                    }
  6542.  
  6543.                }
  6544.  
  6545.              if( inp.audio.mPaused === false )
  6546.                {
  6547.                  let waveLen = Math.min(inp.audio.mSound.mWaveData.length, 512);
  6548.                  this.mRenderer.UpdateTexture(inp.globject, 0, 0, 512, 1, inp.audio.mSound.mFreqData);
  6549.                  this.mRenderer.UpdateTexture(inp.globject, 0, 1, 512, 1, inp.audio.mSound.mWaveData);
  6550.                }
  6551.            }
  6552.        }
  6553.        else if( inp.mInfo.mType==="mic" )
  6554.        {
  6555.            if( inp.loaded===false || inp.mForceMuted || wa === null || inp.mAnalyser == null )
  6556.            {
  6557.                    let num = inp.mFreqData.length;
  6558.                    for( let j=0; j<num; j++ )
  6559.                    {
  6560.                        let x = j / num;
  6561.                        let f =  (0.75 + 0.25*Math.sin( 10.0*j + 13.0*time )) * Math.exp( -3.0*x );
  6562.  
  6563.                        if( j<3 )
  6564.                            f =  Math.pow( 0.50 + 0.5*Math.sin( 6.2831*time ), 4.0 ) * (1.0-j/3.0);
  6565.  
  6566.                        inp.mFreqData[j] = Math.floor(255.0*f) | 0;
  6567.                    }
  6568.  
  6569.                    for( let j=0; j<num; j++ )
  6570.                    {
  6571.                        let f = 0.5 + 0.15*Math.sin( 17.0*time + 10.0*6.2831*j/num ) * Math.sin( 23.0*time + 1.9*j/num );
  6572.                        inp.mWaveData[j] = Math.floor(255.0*f) | 0;
  6573.                    }
  6574.            }
  6575.            else
  6576.            {
  6577.                inp.mAnalyser.getByteFrequencyData(  inp.mFreqData );
  6578.                inp.mAnalyser.getByteTimeDomainData( inp.mWaveData );
  6579.            }
  6580.  
  6581.            if( this.mTextureCallbackFun!==null )
  6582.                this.mTextureCallbackFun( this.mTextureCallbackObj, i, {wave:inp.mFreqData}, false, 5, 1, -1, this.mID );
  6583.  
  6584.            if( inp.loaded===true )
  6585.            {
  6586.                let waveLen = Math.min( inp.mWaveData.length, 512 );
  6587.                this.mRenderer.UpdateTexture(inp.globject, 0, 0, 512,     1, inp.mFreqData);
  6588.                this.mRenderer.UpdateTexture(inp.globject, 0, 1, waveLen, 1, inp.mWaveData);
  6589.            }
  6590.        }
  6591.        else if( inp.mInfo.mType==="buffer" )
  6592.        {
  6593.            if( inp.loaded===true  )
  6594.            {
  6595.                let id = inp.id;
  6596.                let texID = buffers[id].mTexture[ buffers[id].mLastRenderDone ];
  6597.  
  6598.                // hack. in webgl2.0 we have samplers, so we don't need this crap here
  6599.                let filter = this.mRenderer.FILTER.NONE;
  6600.                     if (inp.mInfo.mSampler.filter === "linear") filter = this.mRenderer.FILTER.LINEAR;
  6601.                else if (inp.mInfo.mSampler.filter === "mipmap") filter = this.mRenderer.FILTER.MIPMAP;
  6602.                this.mRenderer.SetSamplerFilter( texID, filter, false);
  6603.            }
  6604.  
  6605.            if( this.mTextureCallbackFun!==null )
  6606.            {
  6607. let id = inp.id;
  6608.                this.mTextureCallbackFun( this.mTextureCallbackObj, i, {texture:inp.image, data:buffers[id].mThumbnailBuffer}, false, 9, 1, -1, this.mID );
  6609.            }
  6610.        }
  6611.    }
  6612. }
  6613.  
  6614. EffectPass.prototype.Paint_Cubemap = function( vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard, face )
  6615. {
  6616.    this.ProcessInputs(vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard, face );
  6617.    this.SetUniforms(vrData, wa, d, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard );
  6618.  
  6619.    let l1 = this.mRenderer.GetAttribLocation(this.mProgram, "pos");
  6620.  
  6621.    let vp = [0, 0, xres, yres];
  6622.  
  6623.    this.mRenderer.SetViewport(vp);
  6624.  
  6625.    let corA = [-1.0, -1.0, -1.0];
  6626.    let corB = [ 1.0, -1.0, -1.0];
  6627.    let corC = [ 1.0,  1.0, -1.0];
  6628.    let corD = [-1.0,  1.0, -1.0];
  6629.    let apex = [ 0.0,  0.0,  0.0];
  6630.  
  6631.         if( face===0 ) { corA=[ 1.0,  1.0,  1.0]; corB=[ 1.0,  1.0, -1.0]; corC=[ 1.0, -1.0, -1.0]; corD=[ 1.0, -1.0,  1.0]; }
  6632.    else if( face===1 ) { corA=[-1.0,  1.0, -1.0]; corB=[-1.0,  1.0,  1.0]; corC=[-1.0, -1.0,  1.0]; corD=[-1.0, -1.0, -1.0]; }
  6633.    else if( face===2 ) { corA=[-1.0,  1.0, -1.0]; corB=[ 1.0,  1.0, -1.0]; corC=[ 1.0,  1.0,  1.0]; corD=[-1.0,  1.0,  1.0]; }
  6634.    else if( face===3 ) { corA=[-1.0, -1.0,  1.0]; corB=[ 1.0, -1.0,  1.0]; corC=[ 1.0, -1.0, -1.0]; corD=[-1.0, -1.0, -1.0]; }
  6635.    else if( face===4 ) { corA=[-1.0,  1.0,  1.0]; corB=[ 1.0,  1.0,  1.0]; corC=[ 1.0, -1.0,  1.0]; corD=[-1.0, -1.0,  1.0]; }
  6636.    else if( face===5 ) { corA=[ 1.0,  1.0, -1.0]; corB=[-1.0,  1.0, -1.0]; corC=[-1.0, -1.0, -1.0]; corD=[ 1.0, -1.0, -1.0]; }
  6637.  
  6638.    let corners = [ corA[0], corA[1], corA[2],
  6639.                    corB[0], corB[1], corB[2],
  6640.                    corC[0], corC[1], corC[2],
  6641.                    corD[0], corD[1], corD[2],
  6642.                    apex[0], apex[1], apex[2]];
  6643.  
  6644.    this.mRenderer.SetShaderConstant3FV("unCorners", corners);
  6645.    this.mRenderer.SetShaderConstant4FV("unViewport", vp);
  6646.  
  6647.    this.mRenderer.DrawUnitQuad_XY(l1);
  6648.  
  6649.    this.mRenderer.DettachTextures();
  6650. }
  6651.  
  6652. EffectPass.prototype.Paint = function( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, isPaused, bufferID, bufferNeedsMimaps, buffers, cubeBuffers, keyboard, effect )
  6653. {
  6654.    if( this.mType==="sound" )
  6655.    {
  6656.        if (this.mSoundShaderCompiled === true)
  6657.        {
  6658.            // make sure all textures are loaded
  6659.            for (let i=0; i<this.mInputs.length; i++ )
  6660.            {
  6661.                let inp = this.mInputs[i];
  6662.                if (inp === null) continue;
  6663.  
  6664.                if (inp.mInfo.mType === "texture" && !inp.loaded) return;
  6665.                if (inp.mInfo.mType === "cubemap" && !inp.loaded) return;
  6666.            }
  6667.  
  6668.            this.Paint_Sound(wa, da);
  6669.            this.mSoundShaderCompiled = false;
  6670.        }
  6671.        if (this.mFrame === 0)
  6672.        {
  6673.            if (this.mPlaying===true)
  6674.            {
  6675.                this.mPlayNode.disconnect();
  6676.                this.mPlayNode.stop();
  6677.                this.mPlayNode = null;
  6678.            }
  6679.            this.mPlaying = true;
  6680.  
  6681.            this.mPlayNode = wa.createBufferSource();
  6682.            this.mPlayNode.buffer = this.mBuffer;
  6683.            this.mPlayNode.connect(this.mGainNode);
  6684.            this.mPlayNode.start(0);
  6685.        }
  6686.        this.mFrame++;
  6687.    }
  6688.    else if( this.mType==="image" )
  6689.    {
  6690.        this.mRenderer.SetRenderTarget( null );
  6691.        this.Paint_Image( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard );
  6692.        this.mFrame++;
  6693.    }
  6694.    else if( this.mType==="common" )
  6695.    {
  6696.    }
  6697.    else if( this.mType==="buffer" )
  6698.    {
  6699.        this.mEffect.ResizeBuffer(bufferID, this.mEffect.mXres, this.mEffect.mYres, false );
  6700.  
  6701.        let buffer = buffers[bufferID];
  6702.  
  6703.        let dstID = 1 - buffer.mLastRenderDone;
  6704.  
  6705.        this.mRenderer.SetRenderTarget( buffer.mTarget[dstID] );
  6706.        this.Paint_Image( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard );
  6707.  
  6708.        // compute mipmaps if needd
  6709.        if( bufferNeedsMimaps )
  6710.        {
  6711.            this.mRenderer.CreateMipmaps( buffer.mTexture[dstID]);
  6712.        }
  6713.  
  6714.        // make thumbnail
  6715.        //if( this.mTextureCallbackFun != null )
  6716.        /*
  6717.        {
  6718.            this.mRenderer.SetRenderTarget( buffer.mThumbnailRenderTarget );
  6719.            let v = [0, 0, buffer.mThumbnailRes[0], buffer.mThumbnailRes[1]];
  6720.            this.mRenderer.SetBlend(false);
  6721.            this.mRenderer.SetViewport(v);
  6722.            this.mRenderer.AttachShader(this.mProgramCopy);
  6723.            let l1 = this.mRenderer.GetAttribLocation(this.mProgramCopy, "pos");
  6724.            this.mRenderer.SetShaderConstant4FV("v", v);
  6725.            this.mRenderer.AttachTextures(1, buffer.mTexture[dstID], null, null, null);
  6726.            this.mRenderer.DrawUnitQuad_XY(l1);
  6727.            this.mRenderer.DettachTextures();
  6728.            this.mRenderer.DetachShader();
  6729.            this.mRenderer.GetPixelData( new Uint8Array(buffer.mThumbnailBuffer.data.buffer), buffer.mThumbnailRes[0], buffer.mThumbnailRes[1] );
  6730.            this.mRenderer.SetRenderTarget(null);
  6731.        }
  6732.        */
  6733.        buffers[bufferID].mLastRenderDone = 1 - buffers[bufferID].mLastRenderDone;
  6734.        this.mFrame++;
  6735.    }
  6736.    else if( this.mType==="cubemap" )
  6737.    {
  6738.        this.mEffect.ResizeCubemapBuffer(bufferID, 1024, 1024, false );
  6739.  
  6740.        let buffer = cubeBuffers[bufferID];
  6741.  
  6742.        xres = buffer.mResolution[0];
  6743.        yres = buffer.mResolution[1];
  6744.        let dstID = 1 - buffer.mLastRenderDone;
  6745.        for( let face=0; face<6; face++ )
  6746.        {
  6747.            this.mRenderer.SetRenderTargetCubeMap( buffer.mTarget[dstID], face );
  6748.            this.Paint_Cubemap( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, buffers, cubeBuffers, keyboard, face );
  6749.        }
  6750.        this.mRenderer.SetRenderTargetCubeMap( null, 0 );
  6751.  
  6752.        // compute mipmaps if needd
  6753.        if( bufferNeedsMimaps )
  6754.        {
  6755.            this.mRenderer.CreateMipmaps( buffer.mTexture[dstID]);
  6756.        }
  6757.        cubeBuffers[bufferID].mLastRenderDone = 1 - cubeBuffers[bufferID].mLastRenderDone;
  6758.  
  6759.        this.mFrame++;
  6760.    }
  6761. }
  6762.  
  6763. EffectPass.prototype.StopOutput_Sound = function( wa )
  6764. {
  6765.    if( this.mPlayNode===null ) return;
  6766.    this.mPlayNode.disconnect();
  6767. }
  6768.  
  6769. EffectPass.prototype.ResumeOutput_Sound = function( wa )
  6770. {
  6771.    if( this.mPlayNode===null ) return;
  6772.  
  6773.    wa.resume()
  6774.    this.mPlayNode.connect( this.mGainNode );
  6775. }
  6776.  
  6777. EffectPass.prototype.StopOutput_Image = function( wa )
  6778. {
  6779. }
  6780.  
  6781. EffectPass.prototype.ResumeOutput_Image = function( wa )
  6782. {
  6783. }
  6784.  
  6785. EffectPass.prototype.StopOutput = function( wa )
  6786. {
  6787.    for (let j=0; j<this.mInputs.length; j++ )
  6788.        this.StopInput(j);
  6789.  
  6790.    if( this.mType==="sound" )
  6791.         this.StopOutput_Sound( wa );
  6792.    else
  6793.         this.StopOutput_Image( wa );
  6794. }
  6795.  
  6796. EffectPass.prototype.ResumeOutput = function( wa )
  6797. {
  6798.    for (let j=0; j<this.mInputs.length; j++ )
  6799.        this.ResumeInput(j);
  6800.  
  6801.    if( this.mType==="sound" )
  6802.         this.ResumeOutput_Sound( wa );
  6803.    else
  6804.         this.ResumeOutput_Image( wa );
  6805. }
  6806.  
  6807. EffectPass.prototype.GetCompilationTime = function()
  6808. {
  6809.    return this.mCompilationTime;
  6810. }
  6811.  
  6812. //============================================================================================================
  6813. function Screenshots()
  6814. {
  6815.    // private
  6816.    let mTexture = null;
  6817.    let mTarget = null;
  6818.    let mXres = 0;
  6819.    let mYres = 0;
  6820.    let mCubemapToEquirectProgram;
  6821.    let mRenderer = null;
  6822.  
  6823.    // public
  6824.    var me = {};
  6825.  
  6826.    me.Initialize = function(renderer)
  6827.    {
  6828.        mRenderer = renderer;
  6829.        let caps = mRenderer.GetCaps();
  6830.        let is20 = caps.mIsGL20;
  6831.  
  6832.        let vsSourceC, fsSourceC;
  6833.        if( is20 )
  6834.        {
  6835.            vsSourceC = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6836.            fsSourceC = "uniform samplerCube t; out vec4 outColor; void main() { vec2 px = gl_FragCoord.xy/vec2(4096.0,2048.0); vec2 an = 3.1415926535898 * (px*vec2(2.0, 1.0) - vec2(0.0,0.5)); vec3 rd = vec3(-cos(an.y) * sin(an.x), sin(an.y), cos(an.y) * cos(an.x)); outColor = texture(t, rd); }";
  6837.        }
  6838.        else
  6839.        {
  6840.            vsSourceC = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6841.            fsSourceC = "uniform samplerCube t; void main() { vec2 px = gl_FragCoord.xy/vec2(4096.0,2048.0); vec2 an = 3.1415926535898 * (px*vec2(2.0, 1.0) - vec2(0.0,0.5)); vec3 rd = vec3(-cos(an.y) * sin(an.x), sin(an.y), cos(an.y) * cos(an.x)); gl_FragColor = texture(t, rd); }";
  6842.        }
  6843.  
  6844.        let compileShader = function (worked, info)
  6845.        {
  6846.            if (worked === false)
  6847.            {
  6848.                console.log("Failed to compile cubemap resample shader (" + errorType + "): " + log);
  6849.            }
  6850.            else
  6851.            {
  6852.                mCubemapToEquirectProgram = info;
  6853.            }
  6854.        }
  6855.        mRenderer.CreateShader(vsSourceC, fsSourceC, false, true, compileShader);
  6856.  
  6857.        return true;
  6858.    };
  6859.  
  6860.    me.Allocate = function( xres, yres )
  6861.    {
  6862.        if( xres>mXres || yres>mYres )
  6863.        {
  6864.            let texture = mRenderer.CreateTexture(mRenderer.TEXTYPE.T2D, xres, yres, mRenderer.TEXFMT.C4F32, mRenderer.FILTER.NONE, mRenderer.TEXWRP.CLAMP, null);
  6865.            let target = mRenderer.CreateRenderTarget( texture, null, null, null, null, false);
  6866.  
  6867.            if( mXres!==0 )
  6868.            {
  6869.                mRenderer.DestroyTexture(mTexture);
  6870.                mRenderer.DestroyRenderTarget(mTarget);
  6871.            }
  6872.  
  6873.            mTexture = texture;
  6874.            mTarget = target;
  6875.            mXres = xres;
  6876.            mYres = yres;
  6877.        }
  6878.    };
  6879.  
  6880.    me.GetProgram = function()
  6881.    {
  6882.        return mCubemapToEquirectProgram;
  6883.    };
  6884.    me.GetTarget = function()
  6885.    {
  6886.        return mTarget;
  6887.    };
  6888.  
  6889.    return me;
  6890. };
  6891.  
  6892. //============================================================================================================
  6893.  
  6894. function Effect(vr, ac, canvas, callback, obj, forceMuted, forcePaused, resizeCallback, crashCallback )
  6895. {
  6896.    let xres = canvas.width;
  6897.    let yres = canvas.height;
  6898.  
  6899.    let me = this;
  6900.    this.mCanvas = canvas;
  6901.    this.mCreated = false;
  6902.    this.mRenderer = null;
  6903.    this.mAudioContext = ac;
  6904.    this.mGLContext = null;
  6905.    this.mWebVR = vr;
  6906.    this.mRenderingStereo = false;
  6907.    this.mXres = xres;
  6908.    this.mYres = yres;
  6909.    this.mForceMuted = forceMuted;
  6910.    if( ac===null ) this.mForceMuted = true;
  6911.    this.mForcePaused = forcePaused;
  6912.    this.mGainNode = null;
  6913.    this.mPasses = [];
  6914.    this.mFrame = 0;
  6915.    this.mTextureCallbackFun = callback;
  6916.    this.mTextureCallbackObj = obj;
  6917.    this.mMaxBuffers = 4;
  6918.    this.mMaxCubeBuffers = 1;
  6919.    this.mMaxPasses = this.mMaxBuffers + 1 + 1 + 1 + 1; // some day decouple passes from buffers (4 buffers + common + Imagen + sound + cubemap)
  6920.    this.mBuffers = [];
  6921.    this.mCubeBuffers = [];
  6922.    this.mScreenshotSytem = null;
  6923.    this.mCompilationTime = 0;
  6924.    this.mIsLowEnd = piIsMobile();
  6925.  
  6926.    this.mGLContext = piCreateGlContext(canvas, false, false, true, false); // need preserve-buffe to true in order to capture screenshots
  6927.    if (this.mGLContext === null)
  6928.    {
  6929.        return;
  6930.    }
  6931.  
  6932.    canvas.addEventListener("webglcontextlost", function (event)
  6933.        {
  6934.            event.preventDefault();
  6935.            crashCallback();
  6936.        }, false);
  6937.  
  6938.    this.mRenderer = piRenderer();
  6939.    if (!this.mRenderer.Initialize(this.mGLContext))
  6940.        return;
  6941.  
  6942.    this.mScreenshotSytem = Screenshots();
  6943.    if (!this.mScreenshotSytem.Initialize(this.mRenderer))
  6944.        return;
  6945.  
  6946.    var caps = this.mRenderer.GetCaps();
  6947.    this.mIs20 = caps.mIsGL20;
  6948.    this.mShaderTextureLOD = caps.mShaderTextureLOD;
  6949.    //-------------
  6950.    if( ac!==null )
  6951.    {  
  6952.        this.mGainNode = ac.createGain();
  6953.        if( !forceMuted )
  6954.        {
  6955.            this.mGainNode.connect( ac.destination);
  6956.        }
  6957.        if (this.mForceMuted )
  6958.            this.mGainNode.gain.value = 0.0;
  6959.        else
  6960.            this.mGainNode.gain.value = 1.0;
  6961.    }
  6962.  
  6963.    //-------------
  6964.    let vsSourceC, fsSourceC;
  6965.    if( this.mIs20 )
  6966.    {
  6967.        vsSourceC = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6968.        fsSourceC = "uniform vec4 v; uniform sampler2D t; out vec4 outColor; void main() { outColor = textureLod(t, gl_FragCoord.xy / v.zw, 0.0); }";
  6969.    }
  6970.    else
  6971.    {
  6972.        vsSourceC = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6973.        fsSourceC = "uniform vec4 v; uniform sampler2D t; void main() { gl_FragColor = texture2D(t, gl_FragCoord.xy / v.zw, -100.0); }";
  6974.    }
  6975.  
  6976.    this.mRenderer.CreateShader(vsSourceC, fsSourceC, false, true, function(worked, info)
  6977.        {
  6978.            if (worked === false) console.log("Failed to compile shader to copy buffers : " + info.mErrorStr);
  6979.            else me.mProgramCopy = info;
  6980.        });
  6981.  
  6982.    let vsSourceD, fsSourceD;
  6983.    if( this.mIs20 )
  6984.    {
  6985.        vsSourceD = "layout(location = 0) in vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6986.        fsSourceD = "uniform vec4 v; uniform sampler2D t; out vec4 outColor; void main() { vec2 uv = gl_FragCoord.xy / v.zw; outColor = texture(t, vec2(uv.x,1.0-uv.y)); }";
  6987.    }
  6988.    else
  6989.    {
  6990.        vsSourceD = "attribute vec2 pos; void main() { gl_Position = vec4(pos.xy,0.0,1.0); }";
  6991.        fsSourceD = "uniform vec4 v; uniform sampler2D t; void main() { vec2 uv = gl_FragCoord.xy / v.zw; gl_FragColor = texture2D(t, vec2(uv.x,1.0-uv.y)); }";
  6992.    }
  6993.  
  6994.    this.mRenderer.CreateShader(vsSourceD, fsSourceD, false, true, function (worked, info)
  6995.        {
  6996.            if (worked === false) console.log("Failed to compile shader to downscale buffers : " + info.mErrorStr);
  6997.            else me.mProgramDownscale = info;
  6998.        });
  6999.  
  7000.  
  7001.    // set all buffers and cubemaps to null
  7002.    for( let i=0; i<this.mMaxBuffers; i++ )
  7003.    {
  7004.        this.mBuffers[i] = { mTexture: [null, null],
  7005.                             mTarget:  [null, null],
  7006.                             mResolution: [0, 0],
  7007.                             mLastRenderDone: 0,
  7008.                             mThumbnailRenderTarget: null,
  7009.                             mThumbnailTexture: null,
  7010.                             mThumbnailBuffer:  null,
  7011.                             mThumbnailRes: [0, 0] };
  7012.    }
  7013.  
  7014.    for( let i=0; i<this.mMaxCubeBuffers; i++ )
  7015.    {
  7016.        this.mCubeBuffers[i] = { mTexture: [null, null],
  7017.                                mTarget:  [null, null],
  7018.                                mResolution: [0, 0],
  7019.                                mLastRenderDone: 0,
  7020.                                mThumbnailRenderTarget: null,
  7021.                                mThumbnailTexture: null,
  7022.                                mThumbnailBuffer:  null,
  7023.                                mThumbnailRes: [0, 0] };
  7024.    }
  7025.  
  7026.    //-------
  7027.  
  7028.    let keyboardData = new Uint8Array( 256*3 );
  7029.    for (let j=0; j<(256*3); j++ ) { keyboardData[j] = 0; }
  7030.    let kayboardTexture = this.mRenderer.CreateTexture( this.mRenderer.TEXTYPE.T2D, 256, 3, this.mRenderer.TEXFMT.C1I8, this.mRenderer.FILTER.NONE, this.mRenderer.TEXWRP.CLAMP, null);
  7031.    let keyboardImage = new Image();
  7032.    if( callback!==null )
  7033.        keyboardImage.src = "/img/keyboard.png"; // don't load PNG if no UI
  7034.    this.mKeyboard = { mData: keyboardData, mTexture: kayboardTexture, mIcon: keyboardImage };
  7035.  
  7036.    let iResize = function( xres, yres )
  7037.    {
  7038.        me.mCanvas.width = xres;
  7039.        me.mCanvas.height = yres;
  7040.        me.mXres = xres;
  7041.        me.mYres = yres;
  7042.        me.ResizeBuffers(xres, yres);
  7043.        resizeCallback(xres, yres);
  7044.    };
  7045.  
  7046.    let bestAttemptFallback = function()
  7047.    {
  7048.        let devicePixelRatio = window.devicePixelRatio || 1;
  7049.        let xres = Math.round(me.mCanvas.offsetWidth  * devicePixelRatio) | 0;
  7050.        let yres = Math.round(me.mCanvas.offsetHeight * devicePixelRatio) | 0;
  7051.        iResize(xres, yres);
  7052.    };
  7053.  
  7054.    if(!window.ResizeObserver)
  7055.    {
  7056.        console.log("WARNING: This browser doesn't support ResizeObserver.");
  7057.        bestAttemptFallback();
  7058.        window.addEventListener("resize", bestAttemptFallback);
  7059.    }
  7060.    else
  7061.    {
  7062.        this.mRO = new ResizeObserver( function(entries, observer)
  7063.        {
  7064.            var entry = entries[0];
  7065.            if (!entry['devicePixelContentBoxSize'])
  7066.            {
  7067.                observer.unobserve(me.mCanvas);
  7068.                console.log("WARNING: This browser doesn't support ResizeObserver + device-pixel-content-box (2)");
  7069.                bestAttemptFallback();
  7070.                window.addEventListener("resize", bestAttemptFallback);
  7071.            }
  7072.            else
  7073.            {
  7074.                let box = entry.devicePixelContentBoxSize[0];
  7075.                let xres = box.inlineSize;
  7076.                let yres = box.blockSize;
  7077.                iResize(xres, yres);
  7078.            }
  7079.        });
  7080.        try
  7081.        {
  7082.            this.mRO.observe(this.mCanvas, { box: ["device-pixel-content-box"] });
  7083.            //this.mRO.observe(this.mCanvas);
  7084.        }
  7085.        catch (e)
  7086.        {
  7087.            console.log("WARNING: This browser doesn't support ResizeObserver + device-pixel-content-box (1)");
  7088.            bestAttemptFallback();
  7089.            window.addEventListener("resize", bestAttemptFallback);
  7090.        }
  7091.    }
  7092.  
  7093.    this.mCreated = true;
  7094. }
  7095.  
  7096. Effect.prototype.ResizeCubemapBuffer = function(i, xres, yres )
  7097. {
  7098.    let oldXres = this.mCubeBuffers[i].mResolution[0];
  7099.    let oldYres = this.mCubeBuffers[i].mResolution[1];
  7100.  
  7101.    if( this.mCubeBuffers[i].mTexture[0]===null || oldXres !== xres || oldYres !== yres )
  7102.    {
  7103.        let texture1 = this.mRenderer.CreateTexture(this.mRenderer.TEXTYPE.CUBEMAP,
  7104.            xres, yres,
  7105.            this.mRenderer.TEXFMT.C4F16,
  7106.            this.mRenderer.FILTER.LINEAR,
  7107.            this.mRenderer.TEXWRP.CLAMP,
  7108.            null);
  7109.        let target1 = this.mRenderer.CreateRenderTargetCubeMap( texture1, null, false);
  7110.  
  7111.        let texture2 = this.mRenderer.CreateTexture(this.mRenderer.TEXTYPE.CUBEMAP,
  7112.            xres, yres,
  7113.            this.mRenderer.TEXFMT.C4F16,
  7114.            this.mRenderer.FILTER.LINEAR,
  7115.            this.mRenderer.TEXWRP.CLAMP,
  7116.            null);
  7117.  
  7118.        let target2 = this.mRenderer.CreateRenderTargetCubeMap( texture2, null, false);
  7119.  
  7120.        // Store new buffers
  7121.        this.mCubeBuffers[i].mTexture = [texture1,texture2],
  7122.        this.mCubeBuffers[i].mTarget =  [target1, target2 ],
  7123.        this.mCubeBuffers[i].mLastRenderDone = 0;
  7124.        this.mCubeBuffers[i].mResolution[0] = xres;
  7125.        this.mCubeBuffers[i].mResolution[1] = yres;
  7126.    }
  7127. }
  7128.  
  7129. Effect.prototype.ResizeBuffer = function( i, xres, yres, skipIfNotExists )
  7130. {
  7131.    if( skipIfNotExists && this.mBuffers[i].mTexture[0]===null ) return;
  7132.  
  7133.    let oldXres = this.mBuffers[i].mResolution[0];
  7134.    let oldYres = this.mBuffers[i].mResolution[1];
  7135.  
  7136.    if( oldXres !== xres || oldYres !== yres )
  7137.    {
  7138.        let needCopy = (this.mBuffers[i].mTexture[0]!==null);
  7139.  
  7140.        let texture1 = this.mRenderer.CreateTexture(this.mRenderer.TEXTYPE.T2D,
  7141.            xres, yres,
  7142.            this.mRenderer.TEXFMT.C4F32,
  7143.            (needCopy) ? this.mBuffers[i].mTexture[0].mFilter : this.mRenderer.FILTER.NONE,
  7144.            (needCopy) ? this.mBuffers[i].mTexture[0].mWrap   : this.mRenderer.TEXWRP.CLAMP,
  7145.            null);
  7146.  
  7147.        let texture2 = this.mRenderer.CreateTexture(this.mRenderer.TEXTYPE.T2D,
  7148.            xres, yres,
  7149.            this.mRenderer.TEXFMT.C4F32,
  7150.            (needCopy) ? this.mBuffers[i].mTexture[1].mFilter : this.mRenderer.FILTER.NONE,
  7151.            (needCopy) ? this.mBuffers[i].mTexture[1].mWrap   : this.mRenderer.TEXWRP.CLAMP,
  7152.            null);
  7153.  
  7154.        let target1 = this.mRenderer.CreateRenderTarget( texture1, null, null, null, null, false);
  7155.        let target2 = this.mRenderer.CreateRenderTarget( texture2, null, null, null, null, false);
  7156.  
  7157.        if( needCopy )
  7158.        {
  7159.            let v = [0, 0, Math.min(xres, oldXres), Math.min(yres, oldYres)];
  7160.            this.mRenderer.SetBlend(false);
  7161.            this.mRenderer.SetViewport(v);
  7162.            this.mRenderer.AttachShader(this.mProgramCopy);
  7163.            let l1 = this.mRenderer.GetAttribLocation(this.mProgramCopy, "pos");
  7164.            let vOld = [0, 0, oldXres, oldYres];
  7165.            this.mRenderer.SetShaderConstant4FV("v", vOld);
  7166.  
  7167.            // Copy old buffers 1 to new buffer
  7168.            this.mRenderer.SetRenderTarget(target1);
  7169.            this.mRenderer.AttachTextures(1, this.mBuffers[i].mTexture[0], null, null, null);
  7170.            this.mRenderer.DrawUnitQuad_XY(l1);
  7171.  
  7172.            // Copy old buffers 2 to new buffer
  7173.            this.mRenderer.SetRenderTarget(target2);
  7174.            this.mRenderer.AttachTextures(1, this.mBuffers[i].mTexture[1], null, null, null);
  7175.            this.mRenderer.DrawUnitQuad_XY(l1);
  7176.  
  7177.            // Deallocate old memory
  7178.            this.mRenderer.DestroyTexture(this.mBuffers[i].mTexture[0]);
  7179.            this.mRenderer.DestroyRenderTarget(this.mBuffers[i].mTarget[0]);
  7180.            this.mRenderer.DestroyTexture(this.mBuffers[i].mTexture[1]);
  7181.            this.mRenderer.DestroyRenderTarget(this.mBuffers[i].mTarget[1]);
  7182.            //this.mRenderer.DestroyTexture(this.mBuffers[i].thumbnailTexture);
  7183.        }
  7184.  
  7185.        // Store new buffers
  7186.        this.mBuffers[i].mTexture = [texture1,texture2],
  7187.        this.mBuffers[i].mTarget =  [target1, target2 ],
  7188.        this.mBuffers[i].mLastRenderDone = 0;
  7189.        this.mBuffers[i].mResolution[0] = xres;
  7190.        this.mBuffers[i].mResolution[1] = yres;
  7191.    }
  7192. }
  7193.  
  7194. Effect.prototype.saveScreenshot = function(passid)
  7195. {
  7196.    let pass = this.mPasses[passid];
  7197.  
  7198.    if( pass.mType === "buffer" )
  7199.    {
  7200.        let bufferID = assetID_to_bufferID( this.mPasses[passid].mOutputs[0] );
  7201.  
  7202.        let texture = this.mBuffers[bufferID].mTarget[ this.mBuffers[bufferID].mLastRenderDone ];
  7203.  
  7204.        let numComponents = 3;
  7205.        let width = texture.mTex0.mXres;
  7206.        let height = texture.mTex0.mYres;
  7207.        let type = "Float"; // Other options Float, Half, Uint
  7208.        let bytes = new Float32Array(width * height * 4 );//numComponents);
  7209.        this.mRenderer.GetPixelDataRenderTarget( texture, bytes, width, height );
  7210.        let blob = piExportToEXR(width, height, numComponents, type, bytes);
  7211.  
  7212.        // Offer download automatically to the user
  7213.        piTriggerDownload("image.exr", blob);
  7214.    }
  7215.    else if( pass.mType === "cubemap" )
  7216.    {
  7217.        let xres = 4096;
  7218.        let yres = 2048;
  7219.        this.mScreenshotSytem.Allocate( xres, yres );
  7220.  
  7221.        let cubeBuffer = this.mCubeBuffers[0];
  7222.  
  7223.        let target = this.mScreenshotSytem.GetTarget();
  7224.        this.mRenderer.SetRenderTarget( target );
  7225.  
  7226.        let program = this.mScreenshotSytem.GetProgram();
  7227.  
  7228.        this.mRenderer.AttachShader(program);
  7229.        let l1 = this.mRenderer.GetAttribLocation(program, "pos");
  7230.        this.mRenderer.SetViewport( [0, 0, xres, yres] );
  7231.        this.mRenderer.AttachTextures(1, cubeBuffer.mTexture[ cubeBuffer.mLastRenderDone ], null, null, null);
  7232.        this.mRenderer.DrawUnitQuad_XY(l1);
  7233.        this.mRenderer.DettachTextures();
  7234.        this.mRenderer.SetRenderTarget( null );
  7235.  
  7236.        let data = new Float32Array(xres*yres*4);
  7237.        this.mRenderer.GetPixelDataRenderTarget( target, data, xres, yres );
  7238.  
  7239.        let blob = piExportToEXR(xres, yres, 3, "Float", data );
  7240.        piTriggerDownload("image.exr", blob);
  7241.    }
  7242.    else if( pass.mType === "sound" )
  7243.    {
  7244.        let offset = 0;
  7245.        const bits = 16;
  7246.        const numChannels = 2;
  7247.        let words = new Int16Array(60*pass.mSampleRate*numChannels );
  7248.  
  7249.        pass.iRenderSound( new Date(), function(off, data, numSamples)
  7250.                                         {
  7251.                                            for( let i=0; i<numSamples; i++ )
  7252.                                            {
  7253.                                                words[offset++] = (data[4*i+0]+256.0*data[4*i+1]) - 32767;
  7254.                                                words[offset++] = (data[4*i+2]+256.0*data[4*i+3]) - 32767;
  7255.                                            }
  7256.                                         }
  7257.                                     );
  7258.  
  7259.        let blob = piExportToWAV( 60*pass.mSampleRate, pass.mSampleRate, bits, numChannels, words);
  7260.  
  7261.        piTriggerDownload("sound.wav", blob);
  7262.    }    
  7263. }
  7264.  
  7265. Effect.prototype.ResizeBuffers = function(xres, yres)
  7266. {
  7267.    for (let i=0; i<this.mMaxBuffers; i++ )
  7268.    {
  7269.        this.ResizeBuffer(i, xres, yres, true);
  7270.    }
  7271. }
  7272.  
  7273. Effect.prototype.IsEnabledVR = function ()
  7274. {
  7275.    if (this.mRenderingStereo) return true;
  7276.    return false;
  7277. }
  7278.  
  7279. Effect.prototype.EnableVR = function()
  7280. {
  7281.    if( !this.mWebVR.IsSupported() ) return;
  7282.    if( this.mRenderingStereo ) return;
  7283.  
  7284.    this.mRenderingStereo = true;
  7285.    this.mWebVR.Enable();
  7286. }
  7287.  
  7288. Effect.prototype.DisableVR = function()
  7289. {
  7290.    if( !this.mWebVR.IsSupported() ) return;
  7291.    if( !this.mRenderingStereo ) return;
  7292.  
  7293.    this.mRenderingStereo = false;
  7294.    this.mWebVR.Disable();
  7295. }
  7296.  
  7297. Effect.prototype.GetTexture = function( passid, slot ) { return this.mPasses[passid].GetTexture( slot ); }
  7298. Effect.prototype.NewTexture = function (passid, slot, url) { return this.mPasses[passid].NewTexture( this.mAudioContext, slot, url, this.mBuffers, this.mCubeBuffers, this.mKeyboard ); }
  7299. Effect.prototype.SetOutputs = function( passid, slot, url ) { this.mPasses[passid].SetOutputs( slot, url ); }
  7300. Effect.prototype.SetOutputsByBufferID = function( passid, slot, id ) { this.mPasses[passid].SetOutputsByBufferID( slot, id ); }
  7301. Effect.prototype.GetAcceptsLinear = function (passid, slot) { return this.mPasses[passid].GetAcceptsLinear(slot); }
  7302. Effect.prototype.GetAcceptsMipmapping = function (passid, slot) { return this.mPasses[passid].GetAcceptsMipmapping(slot); }
  7303. Effect.prototype.GetAcceptsWrapRepeat = function (passid, slot) { return this.mPasses[passid].GetAcceptsWrapRepeat(slot); }
  7304. Effect.prototype.GetAcceptsVFlip = function (passid, slot) { return this.mPasses[passid].GetAcceptsVFlip(slot); }
  7305. Effect.prototype.SetSamplerFilter = function (passid, slot, str) { this.mPasses[passid].SetSamplerFilter(slot, str, this.mBuffers, this.mCubeBuffers); }
  7306. Effect.prototype.GetTranslatedShaderSource = function (passid) { return this.mPasses[passid].GetTranslatedShaderSource(); }
  7307. Effect.prototype.GetSamplerFilter = function (passid, slot) { return this.mPasses[passid].GetSamplerFilter(slot); }
  7308. Effect.prototype.SetSamplerWrap = function (passid, slot, str) { this.mPasses[passid].SetSamplerWrap(slot, str, this.mBuffers); }
  7309. Effect.prototype.GetSamplerWrap = function (passid, slot) { return this.mPasses[passid].GetSamplerWrap(slot); }
  7310. Effect.prototype.SetSamplerVFlip = function (passid, slot, str) { this.mPasses[passid].SetSamplerVFlip(slot, str); }
  7311. Effect.prototype.GetSamplerVFlip = function (passid, slot) { return this.mPasses[passid].GetSamplerVFlip(slot); }
  7312.  
  7313. Effect.prototype.GetHeaderSize = function (passid)
  7314. {
  7315.    return this.mPasses[passid].mHeaderLength +
  7316.           this.mRenderer.GetShaderHeaderLines(1);
  7317. }
  7318.  
  7319. Effect.prototype.ToggleVolume = function()
  7320. {
  7321.    this.mForceMuted = !this.mForceMuted;
  7322.  
  7323.    // outp
  7324.    if (this.mForceMuted)
  7325.        this.mGainNode.gain.value = 0.0;
  7326.    else
  7327.        this.mGainNode.gain.value = 1.0;
  7328.  
  7329.    // inp
  7330.    let num = this.mPasses.length;
  7331.    for( let j=0; j<num; j++ )
  7332.    {
  7333.        for( let i=0; i<this.mPasses[j].mInputs.length; i++ )
  7334.        {
  7335.            if( this.mForceMuted )
  7336.                this.mPasses[j].MuteInput( this.mAudioContext, i );
  7337.            else
  7338.                this.mPasses[j].UnMuteInput( this.mAudioContext, i );
  7339.        }
  7340.    }
  7341.  
  7342.    return this.mForceMuted;
  7343. }
  7344.  
  7345. Effect.prototype.SetKeyDown = function( passid, k )
  7346. {
  7347.    if( this.mKeyboard.mData[ k + 0*256 ] == 255 ) return;
  7348.  
  7349.    this.mKeyboard.mData[ k + 0*256 ] = 255;
  7350.    this.mKeyboard.mData[ k + 1*256 ] = 255;
  7351.    this.mKeyboard.mData[ k + 2*256 ] = 255 - this.mKeyboard.mData[ k + 2*256 ];
  7352.    this.mRenderer.UpdateTexture( this.mKeyboard.mTexture, 0, 0, 256, 3, this.mKeyboard.mData );
  7353.  
  7354.    let num = this.mPasses.length;
  7355.    for (let j=0; j<num; j++ )
  7356.    {
  7357.        for (let i=0; i<this.mPasses[j].mInputs.length; i++ )
  7358.        {
  7359.            let inp = this.mPasses[j].mInputs[i];
  7360.            if( inp!==null && inp.mInfo.mType==="keyboard" )
  7361.            {
  7362.                if( this.mTextureCallbackFun!==null )
  7363.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, {mImage:this.mKeyboard.mIcon, mData: this.mKeyboard.mData}, false, 6, 1, -1.0, this.mPasses[j].mID );
  7364.            }
  7365.        }
  7366.    }
  7367. }
  7368.  
  7369. Effect.prototype.SetKeyUp = function( passid, k )
  7370. {
  7371.    this.mKeyboard.mData[ k + 0*256 ] = 0;
  7372.    this.mKeyboard.mData[ k + 1*256 ] = 0;
  7373.    this.mRenderer.UpdateTexture( this.mKeyboard.mTexture, 0, 0, 256, 3, this.mKeyboard.mData );
  7374.  
  7375.    let num = this.mPasses.length;
  7376.    for (let j=0; j<num; j++ )
  7377.    {
  7378.        for (let i=0; i<this.mPasses[j].mInputs.length; i++ )
  7379.        {
  7380.            let inp = this.mPasses[j].mInputs[i];
  7381.            if( inp!==null && inp.mInfo.mType==="keyboard" )
  7382.            {
  7383.                if( this.mTextureCallbackFun!==null )
  7384.                    this.mTextureCallbackFun( this.mTextureCallbackObj, i, {mImage:this.mKeyboard.mIcon, mData: this.mKeyboard.mData}, false, 6, 1, -1.0, this.mPasses[j].mID );
  7385.            }
  7386.        }
  7387.    }
  7388. }
  7389.  
  7390. Effect.prototype.StopOutputs = function()
  7391. {
  7392.    let wa = this.mAudioContext;
  7393.  
  7394.    let num = this.mPasses.length;
  7395.    for (let i=0; i<num; i++ )
  7396.    {
  7397.        this.mPasses[i].StopOutput( wa );
  7398.    }
  7399. }
  7400.  
  7401. Effect.prototype.ResumeOutputs = function()
  7402. {
  7403.    let wa = this.mAudioContext;
  7404.  
  7405.    let num = this.mPasses.length;
  7406.    for (let i=0; i<num; i++ )
  7407.    {
  7408.        this.mPasses[i].ResumeOutput( wa );
  7409.    }
  7410. }
  7411.  
  7412. Effect.prototype.PauseInput = function( passid, id )
  7413. {
  7414.    return this.mPasses[passid].TooglePauseInput( this.mAudioContext, id );
  7415. }
  7416.  
  7417. Effect.prototype.ToggleMuteInput = function( passid, id )
  7418. {
  7419.    return this.mPasses[passid].ToggleMuteInput( this.mAudioContext, id );
  7420. }
  7421.  
  7422. Effect.prototype.RewindInput = function( passid, id )
  7423. {
  7424.    this.mPasses[passid].RewindInput( this.mAudioContext, id );
  7425. }
  7426.  
  7427. Effect.prototype.UpdateInputs = function( passid, forceUpdate )
  7428. {
  7429.   this.mPasses[passid].UpdateInputs( this.mAudioContext, forceUpdate, this.mKeyboard );
  7430. }
  7431.  
  7432. Effect.prototype.ResetTime = function()
  7433. {
  7434.    this.mFrame = 0;
  7435.    this.mAudioContext.resume()
  7436.  
  7437.    let num = this.mPasses.length;
  7438.    for( let i=0; i<num; i++ )
  7439.    {
  7440.        this.mPasses[i].mFrame = 0;
  7441.        for( let j=0; j<this.mPasses[i].mInputs.length; j++ )
  7442.            this.mPasses[i].RewindInput(this.mAudioContext, j)
  7443.    }
  7444. }
  7445.  
  7446. Effect.prototype.RequestAnimationFrame = function (id)
  7447. {
  7448.    if (this.mRenderingStereo && this.mWebVR.IsPresenting())
  7449.    {
  7450.        this.mWebVR.RequestAnimationFrame(id);
  7451.    }
  7452.    else
  7453.    {
  7454.        requestAnimFrame(id);
  7455.    }
  7456. }
  7457.  
  7458. Effect.prototype.Paint = function(time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, isPaused)
  7459. {
  7460.    let wa = this.mAudioContext;
  7461.    let da = new Date();
  7462.    let vrData = null; if (this.mRenderingStereo) vrData = this.mWebVR.GetData();
  7463.    let xres = this.mXres / 1;
  7464.    let yres = this.mYres / 1;
  7465.  
  7466.    if( this.mFrame===0 )
  7467.    {
  7468.        for( let i=0; i<this.mMaxBuffers; i++ )
  7469.        {
  7470.            if( this.mBuffers[i].mTexture[0]!==null )
  7471.            {
  7472.                this.mRenderer.SetRenderTarget( this.mBuffers[i].mTarget[0] );
  7473.                this.mRenderer.Clear( this.mRenderer.CLEAR.Color, [0.0,0.0,0.0,0.0], 1.0, 0   );
  7474.                this.mRenderer.SetRenderTarget( this.mBuffers[i].mTarget[1] );
  7475.                this.mRenderer.Clear( this.mRenderer.CLEAR.Color, [0.0,0.0,0.0,0.0], 1.0, 0   );
  7477. this.mRenderer.CreateMipmaps( this.mBuffers[i].mTexture[0] );
  7478. this.mRenderer.CreateMipmaps( this.mBuffers[i].mTexture[1] );
  7479.            }
  7480.        }
  7481.        for( let i=0; i<this.mMaxCubeBuffers; i++ )
  7482.        {
  7483.            if( this.mCubeBuffers[i].mTexture[0]!==null )
  7484.            {
  7485.                for( let face=0; face<6; face++ )
  7486.                {
  7487.                    this.mRenderer.SetRenderTargetCubeMap( this.mCubeBuffers[i].mTarget[0], face );
  7488.                    this.mRenderer.Clear( this.mRenderer.CLEAR.Color, [0.0,0.0,0.0,0.0], 1.0, 0   );
  7489.                    this.mRenderer.SetRenderTargetCubeMap( this.mCubeBuffers[i].mTarget[1], face );
  7490.                    this.mRenderer.Clear( this.mRenderer.CLEAR.Color, [0.0,0.0,0.0,0.0], 1.0, 0   );
  7491. this.mRenderer.CreateMipmaps( this.mCubeBuffers[i].mTexture[0] );
  7492.    this.mRenderer.CreateMipmaps( this.mCubeBuffers[i].mTexture[1] );
  7493.                }
  7494.            }
  7495.        }
  7496.    }
  7497.  
  7498.    let num = this.mPasses.length;
  7499.  
  7500.    // render sound first
  7501.    for( let i=0; i<num; i++ )
  7502.    {
  7503.        if( this.mPasses[i].mType !== "sound" ) continue;
  7504.        if( this.mPasses[i].mProgram===null ) continue;
  7505.        this.mPasses[i].Paint( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, isPaused, null, false, this.mBuffers, this.mCubeBuffers, this.mKeyboard, this );
  7506.    }
  7507.  
  7508.    // render buffers second
  7509.    for( let i=0; i<num; i++ )
  7510.    {
  7511.        if( this.mPasses[i].mType !== "buffer" ) continue;
  7512.        if( this.mPasses[i].mProgram===null ) continue;
  7513.        let bufferID = assetID_to_bufferID( this.mPasses[i].mOutputs[0] );
  7514.  
  7515.        // check if any downstream pass needs mipmaps when reading from this buffer
  7516.        let needMipMaps = false;
  7517.        for (let j=0; j<num; j++ )
  7518.        {
  7519.            for (let k=0; k<this.mPasses[j].mInputs.length; k++ )
  7520.            {
  7521.                let inp = this.mPasses[j].mInputs[k];
  7522.                if( inp!==null && inp.mInfo.mType==="buffer" && inp.id === bufferID && inp.mInfo.mSampler.filter === "mipmap")
  7523.                {
  7524.                    needMipMaps = true;
  7525.                    break;
  7526.                }
  7527.            }
  7528.        }
  7529.  
  7530.        this.mPasses[i].Paint( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, isPaused, bufferID, needMipMaps, this.mBuffers, this.mCubeBuffers, this.mKeyboard, this );
  7531.    }
  7532.  
  7533.    // render cubemap buffers second
  7534.    for( let i=0; i<num; i++ )
  7535.    {
  7536.        if( this.mPasses[i].mType !== "cubemap" ) continue;
  7537.        if( this.mPasses[i].mProgram===null ) continue;
  7538.        let bufferID = 0;//assetID_to_bufferID( this.mPasses[i].mOutputs[0] );
  7539.  
  7540.        // check if any downstream pass needs mipmaps when reading from this buffer
  7541.        let needMipMaps = false;
  7542.  
  7543.        for (let j=0; j<num; j++ )
  7544.        {
  7545.            for (let k=0; k<this.mPasses[j].mInputs.length; k++ )
  7546.            {
  7547.                let inp = this.mPasses[j].mInputs[k];
  7548.                if( inp!==null && inp.mInfo.mType==="cubemap" )
  7549.                {
  7550.                    if( assetID_to_cubemapBuferID(inp.mInfo.mID)===0 && inp.mInfo.mSampler.filter === "mipmap" )
  7551.                    {
  7552.                        needMipMaps = true;
  7553.                        break;
  7554.                    }
  7555.                }
  7556.            }
  7557.        }
  7558.  
  7559.        this.mPasses[i].Paint( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, isPaused, bufferID, needMipMaps, this.mBuffers, this.mCubeBuffers, this.mKeyboard, this );
  7560.    }
  7561.  
  7562.    // render image last
  7563.    for( let i=0; i<num; i++ )
  7564.    {
  7565.        if( this.mPasses[i].mType !== "image" ) continue;
  7566.        if( this.mPasses[i].mProgram===null ) continue;
  7567.        this.mPasses[i].Paint( vrData, wa, da, time, dtime, fps, mouseOriX, mouseOriY, mousePosX, mousePosY, xres, yres, isPaused, null, false, this.mBuffers, this.mCubeBuffers, this.mKeyboard, this );
  7568.    }  
  7569.  
  7570.    // erase keypresses
  7571.    for (let k=0; k<256; k++ )
  7572.    {
  7573.       this.mKeyboard.mData[ k + 1*256 ] = 0;
  7574.    }
  7575.    this.mRenderer.UpdateTexture( this.mKeyboard.mTexture, 0, 0, 256, 3, this.mKeyboard.mData );
  7576.  
  7577.    if( this.mRenderingStereo ) this.mWebVR.Finish();
  7578.  
  7579.    this.mFrame++;
  7580. }
  7581.  
  7582. Effect.prototype.NewShader = function( passid, preventCache, onResolve )
  7583. {
  7584.    let commonSourceCodes = [];
  7585.    for (let i=0; i<this.mPasses.length; i++ )
  7586.    {
  7587.        if( this.mPasses[i].mType==="common")
  7588.        {
  7589.            commonSourceCodes.push(this.mPasses[i].mSource);
  7590.        }
  7591.    }
  7592.  
  7593.    this.mPasses[passid].NewShader(commonSourceCodes, preventCache, onResolve );
  7594. }
  7595.  
  7596. Effect.prototype.GetNumPasses = function()
  7597. {
  7598.    return this.mPasses.length;
  7599. }
  7600.  
  7601. Effect.prototype.GetNumOfType = function(passtype)
  7602. {
  7603.    let id = 0;
  7604.    for (let j=0; j<this.mPasses.length; j++ )
  7605.    {
  7606.        if( this.mPasses[j].mType===passtype )
  7607.        {
  7608.            id++;
  7609.        }
  7610.    }
  7611.    return id;
  7612. }
  7613.  
  7614. Effect.prototype.GetPassType = function( id ) { return this.mPasses[id].mType; }
  7615. Effect.prototype.GetPassName = function( id ) { return this.mPasses[id].mName; }
  7616. Effect.prototype.GetCode = function( id ) { return this.mPasses[id].mSource; }
  7617. Effect.prototype.SetCode = function( id, source ) { this.mPasses[id].SetCode(source); }
  7618. Effect.prototype.GetError = function (id) { return this.mPasses[id].mError; }
  7619. Effect.prototype.GetErrorStr = function (id) { return this.mPasses[id].mErrorStr; }
  7620. Effect.prototype.GetErrorGlobal = function()
  7621. {
  7622.    for (let i = 0; i < this.mPasses.length; i++)
  7623.    {
  7624.        if (this.mPasses[i].mError)
  7625.        {
  7626.            return true;
  7627.        }
  7628.    }
  7629.    return false;
  7630. }
  7631.  
  7632. Effect.prototype.Load = function (jobj )
  7633. {
  7634.    if (jobj.ver !== "0.1")
  7635.    {
  7636.        console.log("Wrong Format");
  7637.        return false;
  7638.    }
  7639.  
  7640.    let numPasses = jobj.renderpass.length;
  7641.  
  7642.    if( numPasses<1 || numPasses>this.mMaxPasses )
  7643.    {
  7644.        console.log("Corrupted Shader - " + numPasses);
  7645.        return false;
  7646.    }
  7647.  
  7648.    this.mPasses = [];
  7649.    for (let j = 0; j < numPasses; j++)
  7650.    {
  7651.        let rpass = jobj.renderpass[j];
  7652.  
  7653.        // skip sound passes if in thumbnail mode
  7654.        if( this.mForceMuted && rpass.type === "sound" ) continue;
  7655.  
  7656.        let wpass = new EffectPass(this.mRenderer, this.mIs20, this.mIsLowEnd, this.mShaderTextureLOD,
  7657.                                   this.mTextureCallbackFun, this.mTextureCallbackObj, this.mForceMuted, this.mForcePaused, this.mGainNode,
  7658.                                   this.mProgramDownscale, j, this);
  7659.  
  7660.        wpass.Create(rpass.type, this.mAudioContext);
  7661.  
  7662.        let numInputs = rpass.inputs.length;
  7663.  
  7664.        for (let i = 0; i < 4; i++)
  7665.        {
  7666.            wpass.NewTexture(this.mAudioContext, i, null, null, null);
  7667.        }
  7668.        for (let i = 0; i < numInputs; i++)
  7669.        {
  7670.            let lid  = rpass.inputs[i].channel;
  7671.            let styp = rpass.inputs[i].type;
  7672.            let sid  = rpass.inputs[i].id;
  7673.            let ssrc = rpass.inputs[i].filepath;
  7674.            let psrc = rpass.inputs[i].previewfilepath;
  7675.            let samp = rpass.inputs[i].sampler;
  7676.  
  7677.            wpass.NewTexture(this.mAudioContext, lid, { mType: styp, mID: sid, mSrc: ssrc, mSampler: samp, mPreviewSrc: psrc }, this.mBuffers, this.mCubeBuffers, this.mKeyboard);
  7678.        }
  7679.  
  7680.        for (let i = 0; i < 4; i++)
  7681.        {
  7682.            wpass.SetOutputs(i, null);
  7683.        }
  7684.  
  7685.        let numOutputs = rpass.outputs.length;
  7686.        for (let i = 0; i < numOutputs; i++)
  7687.        {
  7688.            let outputID = rpass.outputs[i].id;
  7689.            let outputCH = rpass.outputs[i].channel;
  7690.            wpass.SetOutputs(outputCH, outputID);
  7691.        }
  7692.  
  7693.        // create some hardcoded names. This should come from the DB
  7694.        let rpassName = "";
  7695.        if (rpass.type === "common" ) rpassName = "Common";
  7696.        if (rpass.type === "sound"  ) rpassName = "Sound";
  7697.        if (rpass.type === "image"  ) rpassName = "Image";
  7698.        if (rpass.type === "buffer") rpassName = "Buffer " + String.fromCharCode(65 + assetID_to_bufferID(wpass.mOutputs[0]));
  7699.        if (rpass.type === "cubemap") rpassName = "Cube A";// " + String.fromCharCode(65 + assetID_to_bufferID(this.mPasses[j].mOutputs[0]));
  7700.        wpass.SetName(rpassName);
  7701.        wpass.SetCode(rpass.code);
  7702.  
  7703.        this.mPasses.push(wpass);
  7704.    }
  7705.    return true;
  7706. }
  7707.  
  7708. Effect.prototype.CompileSome = function ( passes, preventCache, onResolve )
  7709. {
  7710.    let me = this;
  7711.  
  7712.    let to = getRealTime();
  7713.    let allPromisses = [];
  7714.    for (let j = 0; j < passes.length; j++)
  7715.    {
  7716.        allPromisses.push(new Promise(function (resolve, reject)
  7717.        {
  7718.            me.NewShader(passes[j], preventCache, function () { resolve(1); });
  7719.        }));
  7720.    }
  7721.  
  7722.    // aggregated callback when all passes have been compiled
  7723.    Promise.all(allPromisses).then(function (values)
  7724.    {
  7725.        let totalError = false;
  7726.        for (let j = 0; j < me.mPasses.length; j++)
  7727.        {
  7728.            if (me.mPasses[j].mError)
  7729.            {
  7730.                totalError = true;
  7731.                break;
  7732.            }
  7733.        }
  7734.        me.mCompilationTime = getRealTime() - to;
  7735.        onResolve(!totalError);
  7736.    }).catch(console.log);
  7737. }
  7738.  
  7739. Effect.prototype.Compile = function (preventCache, onResolve )
  7740. {
  7741.    let me = this;
  7742.  
  7743.    let to = getRealTime();
  7744.    let allPromisses = [];
  7745.    let numPasses = this.mPasses.length;
  7746.    for (let j = 0; j < numPasses; j++)
  7747.    {
  7748.        allPromisses.push(new Promise(function (resolve, reject)
  7749.        {
  7750.            me.NewShader(j, preventCache, function () { resolve(1); });
  7751.        }));
  7752.    }
  7753.  
  7754.    // aggregated callback when all passes have been compiled
  7755.    Promise.all(allPromisses).then(function (values)
  7756.    {
  7757.        let totalError = false;
  7758.        for (let j = 0; j < numPasses; j++)
  7759.        {
  7760.            if (me.mPasses[j].mError)
  7761.            {
  7762.                totalError = true;
  7763.                break;
  7764.            }
  7765.        }
  7766.        me.mCompilationTime = getRealTime() - to;
  7767.        onResolve(!totalError);
  7768.    }).catch(console.log);
  7769. }
  7770.  
  7771. Effect.prototype.GetCompilationTime = function( id )
  7772. {
  7773.    return this.mPasses[id].GetCompilationTime()/1000.0;
  7774. }
  7775. Effect.prototype.GetTotalCompilationTime = function()
  7776. {
  7777.    return this.mCompilationTime/1000.0;
  7778. }
  7779.  
  7780. Effect.prototype.DestroyPass = function( id )
  7781. {
  7782.   this.mPasses[id].Destroy( this.mAudioContext );
  7783.   this.mPasses.splice(id, 1);
  7784. }
  7785.  
  7786. Effect.prototype.AddPass = function( passType, passName, onResolve )
  7787. {
  7788.    let shaderStr = null;
  7789.  
  7790.    if( passType==="sound"   ) shaderStr = "vec2 mainSound( int samp, float time )\n{\n    // A 440 Hz wave that attenuates quickly overt time\n    return vec2( sin(6.2831*440.0*time)*exp(-3.0*time) );\n}";
  7791.    if( passType==="buffer"  ) shaderStr = "void mainImage( out vec4 fragColor, in vec2 fragCoord )\n{\n    fragColor = vec4(0.0,0.0,1.0,1.0);\n}";
  7792.    if( passType==="common"  ) shaderStr = "vec4 someFunction( vec4 a, float b )\n{\n    return a+b;\n}";
  7793.    if( passType==="cubemap" ) shaderStr = "void mainCubemap( out vec4 fragColor, in vec2 fragCoord, in vec3 rayOri, in vec3 rayDir )\n{\n    // Ray direction as color\n    vec3 col = 0.5 + 0.5*rayDir;\n\n    // Output to cubemap\n    fragColor = vec4(col,1.0);\n}";
  7794.  
  7795.    let id = this.GetNumPasses();
  7796.    this.mPasses[id] = new EffectPass( this.mRenderer, this.mIs20, this.mIsLowEnd, this.mShaderTextureLOD,
  7797.                                       this.mTextureCallbackFun, this.mTextureCallbackObj, this.mForceMuted, this.mForcePaused, this.mGainNode,
  7798.                                       this.mProgramDownscale, id, this );
  7799.  
  7800.    this.mPasses[id].Create( passType, this.mAudioContext );
  7801.    this.mPasses[id].SetName( passName );
  7802.    this.mPasses[id].SetCode( shaderStr );
  7803.    this.NewShader(id, false, function ()
  7804.    {
  7805.        onResolve();
  7806.    });
  7807.  
  7808.    return { mId : id, mShader : shaderStr };
  7809. }
  7810.  
  7811. // this should be removed once we have MultiPass 2.0 and passes render to arbitrary buffers
  7812. Effect.prototype.IsBufferPassUsed = function( bufferID )
  7813. {
  7814.    for (let j=0; j<this.mPasses.length; j++ )
  7815.    {
  7816.        if( this.mPasses[j].mType !== "buffer" ) continue;
  7817.        if( this.mPasses[j].mOutputs[0] === bufferID_to_assetID(bufferID) ) return true;
  7818.    }
  7819.    return false;
  7820. }
  7821.  
  7822. Effect.prototype.Save = function()
  7823. {
  7824.    var result = {};
  7825.  
  7826.    result.ver = "0.1";
  7827.  
  7828.    result.renderpass = [];
  7829.  
  7830.    let numPasses = this.mPasses.length;
  7831.    for (let j=0; j<numPasses; j++ )
  7832.    {
  7833.        result.renderpass[j] = {};
  7834.  
  7835.        result.renderpass[j].outputs = new Array();
  7836.        for (let i = 0; i<4; i++ )
  7837.        {
  7838.            let outputID = this.mPasses[j].mOutputs[i];
  7839.            if( outputID===null ) continue;
  7840.            result.renderpass[j].outputs.push( { channel: i, id: outputID } );
  7841.        }
  7842.        result.renderpass[j].inputs = new Array();
  7843.        for (let i = 0; i<4; i++ )
  7844.        {
  7845.            if( this.mPasses[j].mInputs[i]===null ) continue;
  7846.            result.renderpass[j].inputs.push( {channel: i,
  7847.                                               type    : this.mPasses[j].mInputs[i].mInfo.mType,
  7848.                                               id      : this.mPasses[j].mInputs[i].mInfo.mID,
  7849.                                               filepath: this.mPasses[j].mInputs[i].mInfo.mSrc,
  7850.                                               sampler : this.mPasses[j].mInputs[i].mInfo.mSampler });
  7851.        }
  7852.  
  7853.        result.renderpass[j].code = this.mPasses[j].mSource;
  7854.        result.renderpass[j].name = this.mPasses[j].mName
  7855.        result.renderpass[j].description = "";
  7856.        result.renderpass[j].type = this.mPasses[j].mType;
  7857.    }
  7858.  
  7859.    result.flags = this.calcFlags();
  7860.  
  7861.    return result;
  7862. }
  7863.  
  7864. Effect.prototype.calcFlags = function ()
  7865. {
  7866.    let flagVR = false;
  7867.    let flagWebcam = false;
  7868.    let flagSoundInput = false;
  7869.    let flagSoundOutput = false;
  7870.    let flagKeyboard = false;
  7871.    let flagMultipass = false;
  7872.    let flagMusicStream = false;
  7873.  
  7874.    let numPasses = this.mPasses.length;
  7875.    for (let j = 0; j < numPasses; j++)
  7876.    {
  7877.        let pass = this.mPasses[j];
  7878.  
  7879.        if (pass.mType === "sound") flagSoundOutput = true;
  7880.        if (pass.mType === "buffer") flagMultipass = true;
  7881.  
  7882.        for (let i = 0; i < 4; i++)
  7883.        {
  7884.            if (pass.mInputs[i] === null) continue;
  7885.  
  7886.            if (pass.mInputs[i].mInfo.mType === "webcam") flagWebcam = true;
  7887.            else if (pass.mInputs[i].mInfo.mType === "keyboard") flagKeyboard = true;
  7888.            else if (pass.mInputs[i].mInfo.mType === "mic") flagSoundInput = true;
  7889.            else if (pass.mInputs[i].mInfo.mType === "musicstream") flagMusicStream = true;
  7890.        }
  7891.  
  7892.        let n1 = pass.mSource.indexOf("mainVR(");
  7893.        let n2 = pass.mSource.indexOf("mainVR (");
  7894.        if (n1 > 0 || n2 > 0) flagVR = true;
  7895.    }
  7896.  
  7897.    return {
  7898.        mFlagVR: flagVR,
  7899.        mFlagWebcam: flagWebcam,
  7900.        mFlagSoundInput: flagSoundInput,
  7901.        mFlagSoundOutput: flagSoundOutput,
  7902.        mFlagKeyboard: flagKeyboard,
  7903.        mFlagMultipass: flagMultipass,
  7904.        mFlagMusicStream: flagMusicStream
  7905.    };
  7906. }</script>
  7907.    <script>"use strict"
  7908.  
  7909. const kMaxCompileTime = 10.0;
  7910.  
  7911. function iReportCrash(shaderID)
  7912. {
  7913.    let req = new XMLHttpRequest();
  7914.    req.onload = function ()
  7915.    {
  7916.        let jsn = req.response;
  7917.        if (jsn === null) return;
  7918.        if (jsn.result === 0)
  7919.        {
  7920.            // yep
  7921.        }
  7922.    };
  7923.    req.open("POST", "/shadertoy", true);
  7924.    req.responseType = "json";
  7925.    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  7926.    req.send( "s=" + shaderID + "&r=2" );
  7927. }
  7928. </script>
  7929.    <script>"use strict"
  7930.  
  7931. var gActive = -1;
  7932. var mShaders = [];
  7933. var gNumCanvases = 0;
  7934.  
  7935. function myrefresh( id, slot, img, forceFrame, gui, guiID, renderID, time )
  7936. {
  7937.    if( mShaders[id].mReady===false ) return;
  7938.    if( forceFrame )
  7939.    {
  7940.        if (mShaders[id].mScreenshot === false)
  7941.        {
  7942.            mShaders[id].gEffect.Paint(mShaders[id].mTime / 1000.0, 1.0 / 60.0, 60.0, 0, 0, 0, 0, false);
  7943.        }
  7944.    }
  7945. }
  7946.  
  7947. function startRendering()
  7948. {
  7949.    if( gActive<0 ) return;
  7950.    if( mShaders[gActive].mReady===false ) return;
  7951.    if( mShaders[gActive].mScreenshot===true ) return;
  7952.  
  7953.    let time = getRealTime();
  7954.  
  7955.    mShaders[gActive].mFPS.Count( time );
  7956.    mShaders[gActive].mTime = mShaders[gActive].mTime0 + (time - mShaders[gActive].mTo);
  7957.    let dtime = 1000.0/60.0;
  7958.    mShaders[gActive].gEffect.Paint( mShaders[gActive].mTime/1000.0, dtime/1000.0, mShaders[gActive].mFPS.GetFPS(), 0,0,0,0, false);
  7959.  
  7960.    requestAnimFrame( startRendering );
  7961. }
  7962.  
  7963. function iLoadAndCompile(jsn, i )
  7964. {
  7965.    var shaderObj = jsn[i];
  7966.    if (shaderObj === null) return;
  7967.  
  7968.    var resizeCB = function (xres, yres) { myrefresh(i, 0, null, true, false, 0, -1.0) };
  7969.    var crashCB = function () { alert('crash');/*iReportCrash(gShaderIDs[i])*/ };
  7970.    mShaders[i].gEffect = new Effect(null, null, mShaders[i].mPreview.mCanvas, myrefresh, i, true, true, resizeCB, crashCB);
  7971.  
  7972.    if (!mShaders[i].gEffect.Load(shaderObj)) return;
  7973.  
  7974.    mShaders[i].gEffect.Compile(false, function (worked)
  7975.    {
  7976.        if (worked === true)
  7977.        {
  7978.            previewShowRender(mShaders[i].mPreview);
  7979.  
  7980.            mShaders[i].mScreenshot = false;
  7981.            mShaders[i].mReady = true;
  7982.            mShaders[i].mTime = 10.0 * 1000.0;
  7983.            mShaders[i].mTime0 = 0.0;
  7984.            mShaders[i].mTo = 0.0;
  7985.            mShaders[i].mFPS = piCreateFPSCounter();
  7986.            mShaders[i].mPreview.mCanvas.addEventListener("mouseout", function (ev) { gActive = -1; }, true);
  7987.            mShaders[i].mPreview.mBase.addEventListener("mouseover", function (ev) { if (mShaders[i].mPreview.mUI !== null) mShaders[i].mPreview.mUI.classList.add('isVisible'); }, true);
  7988.            mShaders[i].mPreview.mBase.addEventListener("mouseout", function (ev) { if (mShaders[i].mPreview.mUI !== null) mShaders[i].mPreview.mUI.classList.remove('isVisible'); }, true);
  7989.            mShaders[i].mPreview.mCanvas.addEventListener("mouseover", function (ev)
  7990.            {
  7991.                let ele = piGetSourceElement(ev);
  7992.                if (ele.mId === undefined) return;
  7993.  
  7994.                gActive = ele.mId;
  7995.                if (!mShaders[gActive].mReady) return;
  7996.                let time = getRealTime();
  7997.                mShaders[gActive].mTo = time;
  7998.                mShaders[gActive].mTime0 = mShaders[gActive].mTime;
  7999.                mShaders[gActive].mFPS.Reset(time);
  8000.  
  8001.                startRendering();
  8002.            }, true);
  8003.  
  8004.  
  8005.            /*
  8006.            let compilationTime = mShaders[i].gEffect.GetTotalCompilationTime();
  8007.            if (compilationTime > kMaxCompileTime)
  8008.            {
  8009.                iReportCrash(mShaders[i].mShaderID);
  8010.            }*/
  8011.  
  8012.            myrefresh(i, null, null, true, false, 0, -1.0);
  8013.        }
  8014.        else
  8015.        {
  8016.            mShaders[i].mReady = false;
  8017.            previewShowError(mShaders[i].mPreview);
  8018.        }
  8019.    });
  8020. };
  8021.  
  8022.  
  8023. function iProcessShader( jsn, i )
  8024. {
  8025.    var shaderObj = jsn[i];
  8026.    if( shaderObj===null ) return;
  8027.  
  8028.    if ((shaderObj.info.usePreview === 0 && !gUseScreenshots) || (mShaders[i].mPreviewReady !== 1))
  8029.    {
  8030.        iLoadAndCompile(jsn, i);
  8031.    }
  8032.    else
  8033.    {
  8034.        mShaders[i].mScreenshot = true;
  8035.        if( shaderObj.info.usePreview === 1 )
  8036.            previewShowScreenshot(mShaders[i].mPreview, 1); // comp
  8037.        else if (gUseScreenshots)
  8038.            previewShowScreenshot(mShaders[i].mPreview, 2); // sett
  8039.    }
  8040.  
  8041.    if( i<(jsn.length-1) ) setTimeout( function(){iProcessShader(jsn,i+1);}, 10 );
  8042. }
  8043.  
  8044. function iInitUI(numCanvases, uiCallback, windowTitle)
  8045. {
  8046.    gNumCanvases = numCanvases;
  8047.    document.getElementById("mySearch").focus();
  8048.  
  8049.    //-----------------------------------------------------------------
  8050.    // window
  8051.    //-----------------------------------------------------------------
  8052.    if (windowTitle !== null) {
  8053.        document.title = windowTitle;
  8054.    }
  8055.  
  8056.    //-----------------------------------------------------------------
  8057.    // ui
  8058.    //-----------------------------------------------------------------
  8059.    var num = Math.min(gShaders.length, gNumCanvases);
  8060.  
  8061.    //var base = document.getElementsByClassName( "searchResult" );
  8062.  
  8063.    for (let i = 0; i < gNumCanvases; i++)
  8064.    {
  8065.        let pv = createPreview(i);
  8066.  
  8067.        if (i >= num) {
  8068.            previewHide(pv);
  8069.            continue;
  8070.        }
  8071.  
  8072.        let shaderID = gShaders[i].info.id;
  8073.        
  8074.        if (pv.mUI !== null && uiCallback !== null) {
  8075.            pv.mUI.addEventListener('click', function (ev) {
  8076.                uiCallback(shaderID);
  8077.                ev.preventDefault();
  8078.            }, false);
  8079.        }
  8080.        
  8081.        previewShowLoading(pv);
  8082.        
  8083.        mShaders[i] = {};
  8084.        mShaders[i].mShaderID = shaderID;
  8085.        mShaders[i].mPreview = pv;
  8086.        mShaders[i].mScreenshot = false;
  8087.        mShaders[i].mPreview.mLink.href = "/view/" + shaderID;
  8088.        mShaders[i].mPreviewReady = 0;
  8089.        mShaders[i].mReady = false;
  8090.        mShaders[i].gEffect = null;
  8091.  
  8092.        previewLoadScreenshot(mShaders[i].mPreview,
  8093.            function () { mShaders[i].mPreviewReady = 1; if (mShaders[i].mReady === false) previewShowScreenshot(mShaders[i].mPreview, 0); },
  8094.            function () { mShaders[i].mPreviewReady = 2; },
  8095.            shaderID);
  8096.    }
  8097.  
  8098.    if (num <= 0) {
  8099.        return;
  8100.    }
  8101. }
  8102.  
  8103. function iInitShaders(jsn)
  8104. {
  8105.    for (let i = 0; i < jsn.length; i++)
  8106.    {
  8107.        let shaderObj = jsn[i];
  8108.        if (shaderObj === null) continue;
  8109.        let inf = shaderObj.info;
  8110.        mShaders[i].mPreview.mTextA.textContent = inf.name;
  8111.        mShaders[i].mPreview.mTextB.innerHTML = "<a class='user' href='/user/" + htmlEntities(inf.username) + "'>" + htmlEntities(inf.username) + "</a>";
  8112.        mShaders[i].mPreview.mTextC.innerHTML = "<img src='/img/themes/" + gThemeName + "/views.png' class='viewsIcon'></img>" + inf.viewed + "    &nbsp;&nbsp;  <img src='/img/themes/" + gThemeName + "/likes.png' class='likesIcon'></img>" + inf.likes;
  8113.    }
  8114.  
  8115.    setTimeout(function () { iProcessShader(jsn, 0); }, 10);
  8116. }
  8117.  
  8118. function resultsInitStatic(numCanvases, uiCallback, windowTitle)
  8119. {
  8120.    iInitUI(numCanvases, uiCallback, windowTitle);
  8121.  
  8122.    iInitShaders(gShaders);
  8123. }
  8124.  
  8125. function resultsInit(numCanvases, uiCallback, windowTitle)
  8126. {
  8127.    iInitUI(numCanvases, uiCallback, windowTitle);
  8128.  
  8129.    var num = Math.min(gShaderIDs.length, gNumCanvases);
  8130.  
  8131.    var mHttpReq = new XMLHttpRequest();
  8132.  
  8133.    mHttpReq.abort();
  8134.  
  8135.    var str = "{ \"shaders\" : [";
  8136.    for( let i=0; i<num; i++ )
  8137.    {
  8138.         str += "\"" + gShaderIDs[i] + "\"";
  8139.         if( i!==(num-1) ) str += ", ";
  8140.    }
  8141.    str += "] }";
  8142.  
  8143.    str = "s=" + encodeURIComponent( str ) + "&nt=0&nl=0&np=0";
  8144.  
  8145.    mHttpReq.open( "POST", "/shadertoy", true );
  8146.    mHttpReq.responseType = "json";
  8147.    mHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  8148.    mHttpReq.onload = function ()
  8149.    {
  8150.        let jsn = this.response;
  8151.        if( jsn===null )
  8152.        {
  8153.            console.log( "Could not load shaders" );
  8154.            return;
  8155.        }
  8156.  
  8157.        iInitShaders(jsn);
  8158.    }
  8159.    mHttpReq.send( str );
  8160. }</script>
  8161.    <style>
  8162.    .shaderPreview
  8163.    {
  8164.    display: block;
  8165.    background-color: #000000;
  8166.    background-image: url("/img/loading.gif");
  8167.    background-repeat: no-repeat;
  8168.    background-position: center;
  8169.    padding: 0px;
  8170.    margin: 0px;
  8171.    border: 0px solid #000000;
  8172.    border-radius: 8px;
  8173.    width:100%;
  8174.    height:100%;
  8175.    position: absolute;
  8176.    overflow:hidden;
  8177.    }
  8178.  
  8179.    .previewInfo
  8180.    {
  8181.    width: 100%;
  8182.    left: 0px;
  8183.    top: 2px;
  8184.    position: relative;
  8185.    visibility: hidden;
  8186.    }
  8187.  
  8188.    .previewCanvas
  8189.    {
  8190.    left: 0px;
  8191.    top: 0px;
  8192.    padding: 0px;
  8193.    margin: 0px;
  8194.    position: absolute;
  8195.    cursor: pointer;
  8196.    width:100%;
  8197.    height:100%;
  8198.    border-radius: 8px;
  8199.    border: 0px solid #000000;
  8200.    backgroundColor: transparent;
  8201. visibility: hidden;
  8202. opacity:0;
  8203. transition: opacity 1.0s ease;
  8204.    }
  8205.  
  8206.    .previewText
  8207.    {
  8208.        text-overflow: ellipsis;
  8209.    white-space: nowrap;
  8210.    padding-right: 1px;
  8211.    }
  8212.  
  8213.    .previewTextUser
  8214.    {
  8215.    text-overflow: ellipsis;
  8216.    white-space: nowrap;
  8217.    padding-left: 3px;
  8218.    }
  8219.  
  8220.    .previewStats
  8221.    {
  8222.    padding-right: 1px;
  8223.    right: 0px;
  8224.    top: 0px;
  8225.    position: absolute;
  8226.    }
  8227.  
  8228.    .previewErrorContainer
  8229.    {
  8230.    left:0px;
  8231.    top:0px;
  8232.    width:100%;
  8233.    height:100%;
  8234.    padding:0px;
  8235.    margin:0px;
  8236.    background-color:#000000;
  8237.    border-radius:8px;
  8238.    cursor:pointer;
  8239.    visibility:hidden;
  8240.    }
  8241.  
  8242.    .previewErrorMessage
  8243.    {
  8244.    top:50%;
  8245.    position:absolute;
  8246.    width:100%;
  8247.    text-align:center;
  8248.    padding:0;
  8249.    margin:auto;
  8250.    color:#ff0000;
  8251.    font-size:2em;
  8252.    font-style:italic;
  8253.    }
  8254.  
  8255.    .previewNoGLContainter
  8256.    {
  8257.    left:0px;
  8258.    top:0px;
  8259.    width:100%;
  8260.    height:100%;
  8261.    padding:0px;
  8262.    margin:0px;
  8263.    position:absolute;
  8264.    background-color:#000000;
  8265.    border-radius:8px;
  8266.    cursor:pointer;
  8267.    pointer-events:none;
  8268.    visibility:hidden;
  8269.    font-size:2em;
  8270.    }
  8271.  
  8272.    .previewNoGLMessage
  8273.    {
  8274.    width:86%;
  8275.    height:90%;
  8276.    padding-left:7%;
  8277.    padding-right:7%;
  8278.    padding-top:10%;
  8279.    padding-bottom:0px;
  8280.    color:#ff0000;
  8281.    position:absolute;
  8282.    visibility:hidden;
  8283.    }
  8284.  
  8285.    .previewThumbnailContainer
  8286.    {
  8287.    width:100%;
  8288.    height:100%;
  8289.    left:0px;
  8290.    top:0px;
  8291.    padding:0px;
  8292.    margin:0px;
  8293.    position:absolute;
  8294.    cursor:pointer;
  8295.    visibility:hidden;
  8296.    border-radius:8px;
  8297.    border:0px solid #000000;
  8298.    }
  8299.  
  8300.    .previewThumbnailImage
  8301.    {
  8302.    width:100%;
  8303.    height:100%;
  8304.    left:0px;
  8305.    top:0px;
  8306.    padding:0px;
  8307.    margin:0px;
  8308.    position:absolute;
  8309.    cursor:pointer;
  8310.    border-radius:8px;
  8311.    border:0px solid #000000;
  8312. opacity: 0.0;
  8313. transition: opacity 1.0s ease;
  8314.    }
  8315.  
  8316.    .previewThumbnailIcon
  8317.    {
  8318.    width:64px;
  8319.    height:32px;
  8320.    left:0px;
  8321.    top:0px;
  8322.    padding:0px;
  8323.    padding-top:12px;
  8324.    margin:0px;
  8325.    position:absolute;
  8326.    color:#ffffff;
  8327.    background-color:#ff8020;
  8328.    font-weight:bold;
  8329.    border-radius:0px 0px 8px 0px;
  8330.    text-align:center;
  8331.    //visibility:hidden;
  8332.    }
  8333.  
  8334.  
  8335.    .previewUIContainter
  8336.    {
  8337.    display: block;
  8338.    right:0px;
  8339.    top:0px;
  8340.    padding:0px;
  8341.    margin:0px;
  8342.    position:absolute;
  8343.    //cursor:pointer;
  8344.    //pointer-events:none;
  8345.    //visibility:hidden;
  8346.    }
  8347. </style>
  8348.  
  8349. <script>
  8350.    function previewHide(me)
  8351.    {
  8352.    me.mBase.style.visibility = "hidden";
  8353.    me.mCanvas.style.visibility = "hidden";
  8354.    me.mCanvas2D.style.visibility = "hidden";
  8355.    me.mNoWebGL.style.visibility = "hidden";
  8356.    me.mError.style.visibility = "hidden";
  8357.    me.mCont.style.visibility = "hidden";
  8358.    }
  8359.  
  8360.    function previewShowRender(me)
  8361.    {
  8362.    me.mBase.style.visibility = "visible";
  8363.    me.mCanvas.style.visibility = "visible";
  8364. me.mCanvas.style.opacity = 1.0;
  8365.    me.mCanvas.style.borderRadius ="8px;";
  8366. //  me.mCanvas2D.style.visibility = "hidden";
  8367.    me.mNoWebGL.style.visibility = "hidden";
  8368.    me.mError.style.visibility = "hidden";
  8369.    me.mCont.style.visibility = "visible";
  8370.    }
  8371.  
  8372.    function previewShowScreenshot(me, message)
  8373.    {
  8374.    me.mBase.style.visibility = "visible";
  8375.    me.mCanvas.style.visibility = "hidden";
  8376.    me.mCanvas2D.style.visibility = "visible";
  8377. me.mThumbnailImg.style.opacity = 1.0;
  8378.    me.mNoWebGL.style.visibility = "hidden";
  8379.    me.mError.style.visibility = "hidden";
  8380.    me.mCont.style.visibility = "visible";
  8381.    me.mThumbnailWar1.style.visibility = (message===1)?"visible":"hidden";
  8382.    me.mThumbnailWar2.style.visibility = (message===2)?"visible":"hidden";
  8383.    }
  8384.  
  8385.    function previewShowLoading(me)
  8386.    {
  8387.    me.mBase.style.visibility = "visible";
  8388.    me.mCanvas.style.visibility = "hidden";
  8389.    me.mCanvas2D.style.visibility = "hidden";
  8390.    me.mNoWebGL.style.visibility = "hidden";
  8391.    me.mError.style.visibility = "hidden";
  8392.    me.mCont.style.visibility = "hidden";
  8393.  
  8394.    me.mLink.style.visibility = "visible";
  8395.    me.mBase.style.backgroundColor = "#ff0000;"
  8396.    me.mCont.style.visibility = "visible";
  8397.    }
  8398.  
  8399.    function previewShowNoWebGL(me, shaderID)
  8400.    {
  8401.    me.mBase.style.visibility = "visible";
  8402.    me.mCanvas.style.visibility = "hidden";
  8403.    me.mCanvas2D.style.visibility = "hidden";
  8404.    me.mNoWebGL.style.visibility = "visible";
  8405.    me.mError.style.visibility = "visible";
  8406.    me.mThumbnailImgNoWebGL.onerror = function(ev)
  8407.                                      {
  8408.                                            me.mThumbnailImgNoWebGL.style.visibility="hidden";
  8409.                                            me.mMessageNoWebGL.style.visibility="visible";
  8410.                                      };
  8411.    me.mThumbnailImgNoWebGL.src = "/media/shaders/" + shaderID + ".jpg";
  8412.    }
  8413.  
  8414.    function previewShowError(me)
  8415.    {
  8416.    me.mBase.style.visibility = "visible";
  8417.    me.mCanvas.style.visibility = "hidden";
  8418.    me.mCanvas2D.style.visibility = "hidden";
  8419.    me.mNoWebGL.style.visibility = "hidden";
  8420.    me.mError.style.visibility = "visible";
  8421.    me.mCont.style.visibility = "visible";
  8422.    }
  8423.  
  8424.    function previewLoadScreenshot( me, cbSuccess, cbError, shaderID )
  8425.    {
  8426.    var url = "/media/shaders/" + shaderID + ".jpg";
  8427.    me.mThumbnailImg.onload = cbSuccess;
  8428.    me.mThumbnailImg.onerror = function(ev) { cbError(); };
  8429.    me.mThumbnailImg.src = url;
  8430.    }
  8431.        
  8432.    function createPreview(id)
  8433.    {
  8434.        var bar = document.getElementById( "Preview_"+id+"_Canvas" );
  8435.        bar.width = bar.offsetWidth;
  8436.        bar.height = bar.offsetHeight;
  8437.        bar.mId = id;
  8438.  
  8439.        return { mBase: document.getElementById( "Preview_"+id+"_Container" ),
  8440.        mLink: document.getElementById( "Preview_"+id+"_Link" ),
  8441.        mCanvas: bar,
  8442.        mCont: document.getElementById( "Preview_"+id+"_Info" ),
  8443.        mTextA: document.getElementById( "Preview_"+id+"_Text" ),
  8444.        mTextB: document.getElementById( "Preview_"+id+"_TextUser" ),
  8445.        mTextC: document.getElementById( "Preview_"+id+"_Stats" ),
  8446.        mNoWebGL: document.getElementById( "Preview_"+id+"_NoWebGL" ),
  8447.        mError: document.getElementById( "Preview_"+id+"_Error" ),
  8448.        mCanvas2D: document.getElementById( "Preview_"+id+"_Thumnail" ),
  8449.        mThumbnailImg: document.getElementById( "Preview_"+id+"_ThumnailImage" ),
  8450.        mThumbnailWar1: document.getElementById( "Preview_"+id+"_ThumnailWarning1" ),
  8451.        mThumbnailWar2: document.getElementById( "Preview_"+id+"_ThumnailWarning2" ),
  8452.        mThumbnailImgNoWebGL: document.getElementById( "Preview_"+id+"_ThumnailImageNoWebGL" ),
  8453.        mMessageNoWebGL: document.getElementById( "Preview_"+id+"_MessageNoWebGL"),
  8454.        mUI: document.getElementById( "Preview_"+id+"_UI" )
  8455.        };
  8456.    }
  8457. </script>
  8458.  
  8459.    <style>
  8460.  
  8461.    #content
  8462.    {
  8463.        user-select: text;
  8464.        -moz-user-select: -moz-text;
  8465.        -webkit-user-select: text;
  8466.        padding:0px;
  8467.        margin:0px;
  8468.        position:relative;
  8469.    }
  8470.  
  8471.    #divUser
  8472.    {
  8473.        padding:0px;
  8474.        padding-top:24px;
  8475.        padding-bottom:16px;
  8476.        width:100%;
  8477.    }
  8478.  
  8479.    div#controls
  8480.    {
  8481.        width:100%;
  8482.        padding-top:16px;
  8483.        padding-bottom:16px;
  8484.        display:flex;
  8485.        justify-content:space-between;
  8486.        flex-wrap:wrap;
  8487.    }
  8488.  
  8489.    div#controls > div
  8490.    {
  8491.        display:inline-flex;
  8492.    }
  8493.  
  8494.    .controlOptions
  8495.    {
  8496.        display:inline-block;
  8497.    }
  8498.  
  8499.    div#shaderGrid
  8500.    {
  8501.        width:100%;
  8502.        padding:0px;
  8503.        margin:0px;
  8504.        display: grid;
  8505.        grid-template-columns: repeat(4, 1fr);
  8506.        grid-template-rows: repeat(2, 1fr);
  8507.        grid-column-gap: 64px;
  8508.        grid-row-gap: 16px;
  8509.    }
  8510.  
  8511.    .searchResult
  8512.    {
  8513.        margin: 0px;
  8514.        padding: 0px;
  8515.        width: 100%;
  8516.    }
  8517.    .searchResultContainer
  8518.    {
  8519.        width: 100%;
  8520.        padding-bottom:56.25%;
  8521.        height: 0;
  8522.        position: relative;
  8523.    }
  8524.  
  8525.    div#navigation
  8526.    {
  8527.        text-align: center;
  8528.        width: 100%;
  8529.    }
  8530.  
  8531.  
  8532.    #userPicture
  8533.    {
  8534.        background-color:#808080;
  8535.        border: 1px solid #000000;
  8536.        padding:0px;
  8537.        left:0px;
  8538.        top:0px;
  8539.        width:128px;
  8540.        height:128px;
  8541.    }
  8542.  
  8543.    a.pageButtons, .pageButtonsCurrent
  8544.    {
  8545.        
  8546.        //background-color: #303030;
  8547.        border-style: solid;
  8548.        border-width: 1px;
  8549.        border-color: #808080;
  8550.        text-align: center;
  8551.        vertical-align: middle;
  8552.        margin-left: 12px;
  8553.        display: inline-block;
  8554.        border-radius: 4px;
  8555. font-weight:bold;
  8556.        cursor: pointer;
  8557.        padding-bottom:5px;
  8558.        padding-top:4px;
  8559.        padding-left: 8px;
  8560.        padding-right: 8px;
  8561.        margin:8px;
  8562.    }
  8563.  
  8564.    a.pageButtons
  8565.    {
  8566.        text-decoration: none;
  8567.        -moz-transition:    background-color 0.15s linear, color 0.15s linear;
  8568.        -webkit-transition: background-color 0.15s linear, color 0.15s linear;
  8569.        transition:         background-color 0.15s linear, color 0.15s linear;
  8570.    }
  8571.  
  8572.    a.pageButtons:hover
  8573.    {
  8574.      background-color:#808080;
  8575.      color : #ff8020;
  8576.    }
  8577.  
  8578.    .pageButtonsCurrent
  8579.    {
  8580.        background-color: #808080;
  8581.        color:#000000;
  8582.    }
  8583.  
  8584.    /* ----------------------- media resolutions ------------------------ */
  8585.  
  8586.    @media screen and (max-width:799px)
  8587.    {
  8588.        div#shaderGrid  { grid-template-columns: 1fr; grid-template-rows: repeat(8, 1fr); grid-column-gap: 0px; grid-row-gap: 16px; padding-bottom:16px; }
  8589.  
  8590.        div#controls
  8591.        {
  8592.            width:100%;
  8593.            display:flex;
  8594.            justify-content:flex-start;
  8595.            flex-wrap:wrap;
  8596.        }
  8597.  
  8598.        div#controls > div
  8599.        {
  8600.            display:inline-flex;
  8601.            width:100%;
  8602.            margin-left: 0px;
  8603.            margin-right: 0px;
  8604.            padding-bottom:16px;
  8605.        }
  8606.    }
  8607.    </style>
  8608.  
  8609.    <script>
  8610.  
  8611.    var gShaders=[];var gFollow = -1;
  8612.    var gUseScreenshots = piIsMobile();
  8613.    var gThemeName = "classic";
  8614.    </script>
  8615.  
  8616. </head>
  8617.  
  8618. <body onload="resultsInitStatic(8,null,null)">
  8619.  
  8620. <!-- header =================================================================================== -->
  8621.  
  8622.  
  8623. <div id="header">
  8624.  
  8625.    <div id="headerBlock1">
  8626.        <a href="/" id="headerTitle">Shadertoy</a>
  8627.        <form name="formSearch" action="/results" method="get" style="display:inline-block;">
  8628.        <div  id="headerSearch">
  8629.            <input type="search" id="mySearch" name="query" placeholder="Search..." value=""/>
  8630.        </div>
  8631.        </form>
  8632.    </div>
  8633.  
  8634.    <div id="headerBlock2">
  8635.            <a class="headerLinks" href="/browse">Browse</a>
  8636.        <a class="headerLinks" href="/new">New</a>
  8637.        <a class="headerLinks" href="/signin">Sign In</a>
  8638.        </div>
  8639. </div>
  8640. <!-- content ================================================================================== -->
  8641.  
  8642. <div id="content">
  8643.  
  8644.    
  8645.    <script>
  8646.    function follow()
  8647.    {
  8648.        if (gFollow < 0) return;
  8649.        try
  8650.        {
  8651.            var req = new XMLHttpRequest();
  8652.            req.onload = function()
  8653.            {
  8654.                var jsn = req.response;
  8655.                if( jsn==null ) return;
  8656.                let btnFollow = document.getElementById( "btnFollow");
  8657.                if (gFollow == 1) {
  8658.                    gFollow = 0;
  8659.                    btnFollow.value="Follow";
  8660.                } else if (gFollow == 0) {
  8661.                    gFollow = 1;
  8662.                    btnFollow.value="Unfollow";
  8663.                }
  8664.            }
  8665.            req.open( "POST", "/shadertoy", true );
  8666.            req.responseType = "json";
  8667.            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  8668.            if (gFollow == 1) {
  8669.                var str = "fu=1&uid=StephanUgli654";
  8670.            } else if (gFollow == 0) {
  8671.                var str = "fs=1&uid=StephanUgli654";
  8672.            }
  8673.            req.send( str );
  8674.        }
  8675.        catch(e)
  8676.        {
  8677.            alert( "exception: " + e );
  8678.        }
  8679.    }
  8680.    </script>
  8681.  
  8682.    <!-- ---------------------------------- -->
  8683.  
  8684.    <div id="divUser">
  8685.        <table style="border:0px;border-spacing:0px;border-collapse:collapse;"><tr>
  8686.        <td style="vertical-align:top;">
  8687.        <img id="userPicture" src="/img/profile.jpg"></img>        </td>
  8688.        <td style="vertical-align:top;padding-left:16px;">
  8689.        <b>Name</b>: StephanUgli654 <br/><b>Joined</b>: February 27, 2024 <br/> <br/><b>Shaders</b>: 0<br/><b>Playlists</b>: 0<br/><b>Comments</b>: 0<br/> <br/><b>Following</b>: 0<br/><b>Followers</b>: 0<br/>        </td>
  8690.        <td style="vertical-align:top;padding-left:32px;">
  8691.        <b>About</b><br><br>I'd highly recommend checking out <a href="https://1xbet-ar.biz/"  class="regular" target="_blank">https://1xbet-ar.biz/</a> . Not only does it offer a seamless online chess experience, but it also provides a plethora of other gaming options for those seeking variety.        </td>
  8692.        <td style="vertical-align:top;padding-left:32px;">
  8693.                    </td>
  8694.        </tr></table>
  8695.    </div>
  8696.  
  8697. <!-- --------------------------- -->
  8698.  
  8699.  <div id="controls">
  8700.  
  8701.    <div>
  8702.      <div style="text-align: center; vertical-align: middle; display: inline-block; padding-bottom:5px; padding-top:4px; margin-right:8px; margin-bottom:8px; margin-top:8px;">
  8703.      Sort:      </div>
  8704.      <div class="controlOptions"><div class="pageButtonsCurrent" href="/user/StephanUgli654/sort=popular">Popular</div><a class="pageButtons" href="/user/StephanUgli654/sort=newest">Newest</a><a class="pageButtons" href="/user/StephanUgli654/sort=love">Love</a></div>
  8705.    </div>
  8706.  
  8707.    <div id="controlFilter">
  8708.      <div style="display:flex;margin-right:8px;align-items:center;">Filter:</div>
  8709.      <div class="controlOptions"> <a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=multipass">Multipass</a><a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=soundoutput">GPU Sound</a><a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=vr">VR</a><a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=soundinput">Microphone</a><a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=musicstream">Soundcloud</a><a class="pageButtons" href="/user/StephanUgli654&sort=popular&filter=webcam">Webcam</a></div>
  8710.    </div>
  8711.  
  8712.    <div>
  8713.        <div style="text-align: center; vertical-align: middle; display: inline-block; padding-bottom:5px; padding-top:4px; margin-right:8px; margin-bottom:8px; margin-top:8px;">
  8714.        Results (0):        </div>
  8715.  
  8716.        <div class="controlOptions">
  8717.                      </div>
  8718.    </div>
  8719.  </div>
  8720.  
  8721.  
  8722.  <div id="shaderGrid">
  8723.    <div class='searchResult'><div class='searchResultContainer' id='Preview_0_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_0_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_0_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_0_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_0_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_0_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_0_Thumnail'>        <img class='previewThumbnailImage' id='Preview_0_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_0_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8724. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_0_ThumnailWarning2' title='You are using static shader previews.
  8725. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_0_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_0_Info'>  <span class='previewText'  id='Preview_0_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_0_TextUser'></span>  <span class='previewStats' id='Preview_0_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_1_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_1_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_1_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_1_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_1_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_1_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_1_Thumnail'>        <img class='previewThumbnailImage' id='Preview_1_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_1_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8726. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_1_ThumnailWarning2' title='You are using static shader previews.
  8727. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_1_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_1_Info'>  <span class='previewText'  id='Preview_1_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_1_TextUser'></span>  <span class='previewStats' id='Preview_1_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_2_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_2_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_2_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_2_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_2_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_2_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_2_Thumnail'>        <img class='previewThumbnailImage' id='Preview_2_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_2_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8728. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_2_ThumnailWarning2' title='You are using static shader previews.
  8729. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_2_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_2_Info'>  <span class='previewText'  id='Preview_2_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_2_TextUser'></span>  <span class='previewStats' id='Preview_2_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_3_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_3_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_3_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_3_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_3_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_3_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_3_Thumnail'>        <img class='previewThumbnailImage' id='Preview_3_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_3_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8730. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_3_ThumnailWarning2' title='You are using static shader previews.
  8731. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_3_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_3_Info'>  <span class='previewText'  id='Preview_3_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_3_TextUser'></span>  <span class='previewStats' id='Preview_3_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_4_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_4_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_4_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_4_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_4_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_4_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_4_Thumnail'>        <img class='previewThumbnailImage' id='Preview_4_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_4_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8732. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_4_ThumnailWarning2' title='You are using static shader previews.
  8733. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_4_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_4_Info'>  <span class='previewText'  id='Preview_4_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_4_TextUser'></span>  <span class='previewStats' id='Preview_4_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_5_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_5_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_5_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_5_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_5_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_5_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_5_Thumnail'>        <img class='previewThumbnailImage' id='Preview_5_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_5_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8734. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_5_ThumnailWarning2' title='You are using static shader previews.
  8735. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_5_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_5_Info'>  <span class='previewText'  id='Preview_5_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_5_TextUser'></span>  <span class='previewStats' id='Preview_5_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_6_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_6_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_6_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_6_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_6_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_6_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_6_Thumnail'>        <img class='previewThumbnailImage' id='Preview_6_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_6_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8736. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_6_ThumnailWarning2' title='You are using static shader previews.
  8737. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_6_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_6_Info'>  <span class='previewText'  id='Preview_6_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_6_TextUser'></span>  <span class='previewStats' id='Preview_6_Stats'></span></div></div><div class='searchResult'><div class='searchResultContainer' id='Preview_7_Container'>  <a class='shaderPreview searchResultCanvas' id='Preview_7_Link'>    <div class='previewNoGLContainter searchResultCanvas' id='Preview_7_NoWebGL'>        <img class='previewThumbnailImage' id='Preview_7_ThumnailImageNoWebGL'></img>        <div class='previewNoGLMessage' id='Preview_7_MessageNoWebGL'>No Screenshot Availabe</div>    </div>    <div class='previewErrorContainer searchResultCanvas' id='Preview_7_Error'>        <div class='previewErrorMessage'>Shader Error</div>    </div>    <div class='previewThumbnailContainer searchResultCanvas' id='Preview_7_Thumnail'>        <img class='previewThumbnailImage' id='Preview_7_ThumnailImage'></img>        <div class='previewThumbnailIcon' id='Preview_7_ThumnailWarning1' title='This shader takes too long to compile, a preview image is shown instead to improve browsing.
  8738. Click on the shader to see it in real-time.'>Warning</div>        <div class='previewThumbnailIcon' id='Preview_7_ThumnailWarning2' title='You are using static shader previews.
  8739. Click on the shader to see it in real-time.'>Preview</div>    </div>    <canvas class='previewCanvas searchResultCanvas' id='Preview_7_Canvas'></canvas>  </a></div><div class='previewInfo' id='Preview_7_Info'>  <span class='previewText'  id='Preview_7_Text'></span>  <span>by</span>  <span class='previewTextUser'  id='Preview_7_TextUser'></span>  <span class='previewStats' id='Preview_7_Stats'></span></div></div>  </div>
  8740. </div>
  8741.  
  8742. <!-- footer ================================================================================== -->
  8743.  
  8744. <div id="footer">
  8745.    
  8746.    <div><span style="color:#ffffff;">Community Forums</span>
  8747.      <ul>
  8748.      <li><a class="regular" href="/events">Official Events</a></li>
  8749.      <li><a class="regular" href="https://www.facebook.com/groups/147749602472741">In Facebook (english)</a></li>
  8750.      <li><a class="regular" href="https://www.facebook.com/groups/1339783682699494">In Facebook (korean)</a></li>
  8751.      <li><a class="regular" href="https://discord.gg/XtmMN6E">In Discord</a> (<a class="regular" href="https://discordapp.com/channels/578696555612209173/579531723348639754">direct link</a>)</li>
  8752.      </ul>
  8753.    </div>
  8754.  
  8755.    <div><span style="color:#ffffff;">Feedback and Support</span>
  8756.      <ul>
  8757.      <li><a class="regular" href="https://www.facebook.com/Shadertoy">Facebook</a></li>
  8758.      <li><a class="regular" href="https://twitter.com/shadertoy">Twitter</a></li>
  8759.      <li><a class="regular" href="https://www.patreon.com/shadertoy">Patreon</a></li>
  8760.      <li><a class="regular" href="https://trello.com/b/5hM0CjId">Roadmap</a></li>
  8761.  
  8762.      
  8763.      </ul>
  8764.    </div>
  8765.  
  8766.    <div><span style="color:#ffffff;">Shadertoy</span>
  8767.      <ul>
  8768.      <li><a class="regular" href="/store">Store</a></li>
  8769.      <li><a class="regular" href="/howto">Documentation</a></li>
  8770.      <li><a class="regular" href="/terms">Terms & Privacy</a></li>
  8771.      <li><a class="regular" href="/about">About</a></li>
  8772.      </ul>
  8773.    </div>
  8774.  
  8775.    <div><span style="color:#ffffff;">Apps and Plugins</span>
  8776.      <ul>
  8777.      <li><a class="regular" href="https://itunes.apple.com/us/app/shadertoy/id717961814">Official iPhone App</a> by <a class="user" href="/user/reinder">Reinder</a></li>
  8778.      <li><a class="regular" href="https://steamcommunity.com/sharedfiles/filedetails/?id=1726697188">Screensaver</a> by <a class="user" href="/user/kosro">Kosro</a></li>
  8779.      <li><a class="regular" href="https://chrome.google.com/webstore/detail/shadertoy-unofficial-plug/ohicbclhdmkhoabobgppffepcopomhgl">Shadertoy plugin</a> by <a class="user" href="/user/patu">Patu</a></li>
  8780.      </ul>
  8781.    </div>
  8782.  
  8783.    <div><span style="color:#ffffff;">Tutorials</span>
  8784.      <ul>
  8785.      <li><a class="regular" href="https://www.youtube.com/watch?v=0ifChJ0nJfM">Shader coding intro</a> by <a class="user" href="/user/iq">iq</a></li>
  8786.      <li><a class="regular" href="https://shadertoyunofficial.wordpress.com/">Shadertoy Unofficial</a> by <a class="user" href="/user/FabriceNeyret2">FabriceNeyret2</a></li>
  8787.      </ul>
  8788.    </div>
  8789.  
  8790. </div>
  8791.  
  8792. <div id="compliance" style="padding-bottom:6px;visibility:hidden;left:0;top:0px;width:100%;background-color:rgb(200,120,20,0.93);position:absolute;color:#FFFFFF">
  8793.    <div style="text-align: center; margin-top:8px">
  8794.        We use cookies to give you the best experience on our website. If you continue using Shadertoy, we'll assume that you are happy to receive all cookies on this website.
  8795.        For more information, please review our <a class="regular" href="/terms">Terms & Privacy</a>.
  8796.    </div>
  8797.    <div style="text-align: center;margin-top:6px">
  8798.        <button type="button" style="width:100px;font-size:inherit" onclick="acceptCompliance()">Accept</button>
  8799.    </div>
  8800. </div>
  8801.  
  8802. <script>
  8803. (function runCompliance()
  8804. {
  8805.    let showCompliance = 1;
  8806.    let allcookies = document.cookie;
  8807.    let cookiearray = allcookies.split(';');
  8808.    for (var i=0; i<cookiearray.length; i++)
  8809.    {
  8810.        let name  = cookiearray[i].split('=')[0];
  8811.        let value = cookiearray[i].split('=')[1];
  8812.        if (name.trim() == "scmp")
  8813.        {
  8814.            showCompliance = value;
  8815.            break;
  8816.        }
  8817.    }
  8818.  
  8819.    if (showCompliance === 1)
  8820.    {
  8821.        var ve = document.getElementById("compliance");
  8822.        ve.style.visibility="visible";
  8823.    }
  8824. })();
  8825.  
  8826. function acceptCompliance()
  8827. {
  8828.    let now = new Date();
  8829.    now.setTime( now.getTime() + (5*365*24*60*60*1000) );
  8830.    document.cookie="scmp=0;expires=" + now.toUTCString() + ";";
  8831.  
  8832.    var ve = document.getElementById("compliance");
  8833.    ve.style.visibility="hidden";
  8834. }
  8835. </script>
  8836.  
  8837.  
  8838. </body>
  8839. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda