Inicio Explorar Axuda
Iniciar sesión
java
/
jMonkeyEngine-wiki
réplica de https://github.com/jMonkeyEngine/wiki.git
2
0
Fork 0
Ficheiros Incidencias 0 Wiki
Árbore: eda43e4eb7
Ramas Etiquetas
jMonkeyEngine-w...
/
sdk
/
plugin
/
shaderblow.html

shaderblow.html 84 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
    6. 

  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7. <meta name="generator" content="Asciidoctor 1.5.4">
    8. 

  8. <title>ShaderBlow</title>
    9. 

  9. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
    10. 

  10. <style>
    11. 

  11. /* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
    12. 

  12. /* Remove comment around @import statement below when using as a custom stylesheet */
    13. 

  13. /*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";*/
    14. 

  14. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
    15. 

  15. audio,canvas,video{display:inline-block}
    16. 

  16. audio:not([controls]){display:none;height:0}
    17. 

  17. [hidden],template{display:none}
    18. 

  18. script{display:none!important}
    19. 

  19. html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
    20. 

  20. body{margin:0}
    21. 

  21. a{background:transparent}
    22. 

  22. a:focus{outline:thin dotted}
    23. 

  23. a:active,a:hover{outline:0}
    24. 

  24. h1{font-size:2em;margin:.67em 0}
    25. 

  25. abbr[title]{border-bottom:1px dotted}
    26. 

  26. b,strong{font-weight:bold}
    27. 

  27. dfn{font-style:italic}
    28. 

  28. hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
    29. 

  29. mark{background:#ff0;color:#000}
    30. 

  30. code,kbd,pre,samp{font-family:monospace;font-size:1em}
    31. 

  31. pre{white-space:pre-wrap}
    32. 

  32. q{quotes:"\201C" "\201D" "\2018" "\2019"}
    33. 

  33. small{font-size:80%}
    34. 

  34. sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
    35. 

  35. sup{top:-.5em}
    36. 

  36. sub{bottom:-.25em}
    37. 

  37. img{border:0}
    38. 

  38. svg:not(:root){overflow:hidden}
    39. 

  39. figure{margin:0}
    40. 

  40. fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
    41. 

  41. legend{border:0;padding:0}
    42. 

  42. button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
    43. 

  43. button,input{line-height:normal}
    44. 

  44. button,select{text-transform:none}
    45. 

  45. button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
    46. 

  46. button[disabled],html input[disabled]{cursor:default}
    47. 

  47. input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
    48. 

  48. input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
    49. 

  49. input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
    50. 

  50. button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
    51. 

  51. textarea{overflow:auto;vertical-align:top}
    52. 

  52. table{border-collapse:collapse;border-spacing:0}
    53. 

  53. *,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
    54. 

  54. html,body{font-size:100%}
    55. 

  55. body{background:#fff;color:rgba(0,0,0,.8);padding:0;margin:0;font-family:"Noto Serif","DejaVu Serif",serif;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:auto}
    56. 

  56. a:hover{cursor:pointer}
    57. 

  57. img,object,embed{max-width:100%;height:auto}
    58. 

  58. object,embed{height:100%}
    59. 

  59. img{-ms-interpolation-mode:bicubic}
    60. 

  60. .left{float:left!important}
    61. 

  61. .right{float:right!important}
    62. 

  62. .text-left{text-align:left!important}
    63. 

  63. .text-right{text-align:right!important}
    64. 

  64. .text-center{text-align:center!important}
    65. 

  65. .text-justify{text-align:justify!important}
    66. 

  66. .hide{display:none}
    67. 

  67. body{-webkit-font-smoothing:antialiased}
    68. 

  68. img,object,svg{display:inline-block;vertical-align:middle}
    69. 

  69. textarea{height:auto;min-height:50px}
    70. 

  70. select{width:100%}
    71. 

  71. .center{margin-left:auto;margin-right:auto}
    72. 

  72. .spread{width:100%}
    73. 

  73. p.lead,.paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{font-size:1.21875em;line-height:1.6}
    74. 

  74. .subheader,.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{line-height:1.45;color:#7a2518;font-weight:400;margin-top:0;margin-bottom:.25em}
    75. 

  75. div,dl,dt,dd,ul,ol,li,h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;direction:ltr}
    76. 

  76. a{color:#2156a5;text-decoration:underline;line-height:inherit}
    77. 

  77. a:hover,a:focus{color:#1d4b8f}
    78. 

  78. a img{border:none}
    79. 

  79. p{font-family:inherit;font-weight:400;font-size:1em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}
    80. 

  80. p aside{font-size:.875em;line-height:1.35;font-style:italic}
    81. 

  81. h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{font-family:"Open Sans","DejaVu Sans",sans-serif;font-weight:300;font-style:normal;color:#ba3925;text-rendering:optimizeLegibility;margin-top:1em;margin-bottom:.5em;line-height:1.0125em}
    82. 

  82. h1 small,h2 small,h3 small,#toctitle small,.sidebarblock>.content>.title small,h4 small,h5 small,h6 small{font-size:60%;color:#e99b8f;line-height:0}
    83. 

  83. h1{font-size:2.125em}
    84. 

  84. h2{font-size:1.6875em}
    85. 

  85. h3,#toctitle,.sidebarblock>.content>.title{font-size:1.375em}
    86. 

  86. h4,h5{font-size:1.125em}
    87. 

  87. h6{font-size:1em}
    88. 

  88. hr{border:solid #ddddd8;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}
    89. 

  89. em,i{font-style:italic;line-height:inherit}
    90. 

  90. strong,b{font-weight:bold;line-height:inherit}
    91. 

  91. small{font-size:60%;line-height:inherit}
    92. 

  92. code{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;color:rgba(0,0,0,.9)}
    93. 

  93. ul,ol,dl{font-size:1em;line-height:1.6;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}
    94. 

  94. ul,ol,ul.no-bullet,ol.no-bullet{margin-left:1.5em}
    95. 

  95. ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em}
    96. 

  96. ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}
    97. 

  97. ul.square{list-style-type:square}
    98. 

  98. ul.circle{list-style-type:circle}
    99. 

  99. ul.disc{list-style-type:disc}
    100. 

  100. ul.no-bullet{list-style:none}
    101. 

  101. ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}
    102. 

  102. dl dt{margin-bottom:.3125em;font-weight:bold}
    103. 

  103. dl dd{margin-bottom:1.25em}
    104. 

  104. abbr,acronym{text-transform:uppercase;font-size:90%;color:rgba(0,0,0,.8);border-bottom:1px dotted #ddd;cursor:help}
    105. 

  105. abbr{text-transform:none}
    106. 

  106. blockquote{margin:0 0 1.25em;padding:.5625em 1.25em 0 1.1875em;border-left:1px solid #ddd}
    107. 

  107. blockquote cite{display:block;font-size:.9375em;color:rgba(0,0,0,.6)}
    108. 

  108. blockquote cite:before{content:"\2014 \0020"}
    109. 

  109. blockquote cite a,blockquote cite a:visited{color:rgba(0,0,0,.6)}
    110. 

  110. blockquote,blockquote p{line-height:1.6;color:rgba(0,0,0,.85)}
    111. 

  111. @media only screen and (min-width:768px){h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2}
    112. 

  112. h1{font-size:2.75em}
    113. 

  113. h2{font-size:2.3125em}
    114. 

  114. h3,#toctitle,.sidebarblock>.content>.title{font-size:1.6875em}
    115. 

  115. h4{font-size:1.4375em}}
    116. 

  116. table{background:#fff;margin-bottom:1.25em;border:solid 1px #dedede}
    117. 

  117. table thead,table tfoot{background:#f7f8f7;font-weight:bold}
    118. 

  118. table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td{padding:.5em .625em .625em;font-size:inherit;color:rgba(0,0,0,.8);text-align:left}
    119. 

  119. table tr th,table tr td{padding:.5625em .625em;font-size:inherit;color:rgba(0,0,0,.8)}
    120. 

  120. table tr.even,table tr.alt,table tr:nth-of-type(even){background:#f8f8f7}
    121. 

  121. table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;line-height:1.6}
    122. 

  122. body{tab-size:4}
    123. 

  123. h1,h2,h3,#toctitle,.sidebarblock>.content>.title,h4,h5,h6{line-height:1.2;word-spacing:-.05em}
    124. 

  124. h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title strong,h4 strong,h5 strong,h6 strong{font-weight:400}
    125. 

  125. .clearfix:before,.clearfix:after,.float-group:before,.float-group:after{content:" ";display:table}
    126. 

  126. .clearfix:after,.float-group:after{clear:both}
    127. 

  127. *:not(pre)>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background-color:#f7f7f8;-webkit-border-radius:4px;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
    128. 

  128. pre,pre>code{line-height:1.45;color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;font-weight:400;text-rendering:optimizeSpeed}
    129. 

  129. .keyseq{color:rgba(51,51,51,.8)}
    130. 

  130. kbd{font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;display:inline-block;color:rgba(0,0,0,.8);font-size:.65em;line-height:1.45;background-color:#f7f7f7;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em white inset;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;margin:0 .15em;padding:.2em .5em;vertical-align:middle;position:relative;top:-.1em;white-space:nowrap}
    131. 

  131. .keyseq kbd:first-child{margin-left:0}
    132. 

  132. .keyseq kbd:last-child{margin-right:0}
    133. 

  133. .menuseq,.menu{color:rgba(0,0,0,.8)}
    134. 

  134. b.button:before,b.button:after{position:relative;top:-1px;font-weight:400}
    135. 

  135. b.button:before{content:"[";padding:0 3px 0 2px}
    136. 

  136. b.button:after{content:"]";padding:0 2px 0 3px}
    137. 

  137. p a>code:hover{color:rgba(0,0,0,.9)}
    138. 

  138. #header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em}
    139. 

  139. #header:before,#header:after,#content:before,#content:after,#footnotes:before,#footnotes:after,#footer:before,#footer:after{content:" ";display:table}
    140. 

  140. #header:after,#content:after,#footnotes:after,#footer:after{clear:both}
    141. 

  141. #content{margin-top:1.25em}
    142. 

  142. #content:before{content:none}
    143. 

  143. #header>h1:first-child{color:rgba(0,0,0,.85);margin-top:2.25rem;margin-bottom:0}
    144. 

  144. #header>h1:first-child+#toc{margin-top:8px;border-top:1px solid #ddddd8}
    145. 

  145. #header>h1:only-child,body.toc2 #header>h1:nth-last-child(2){border-bottom:1px solid #ddddd8;padding-bottom:8px}
    146. 

  146. #header .details{border-bottom:1px solid #ddddd8;line-height:1.45;padding-top:.25em;padding-bottom:.25em;padding-left:.25em;color:rgba(0,0,0,.6);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}
    147. 

  147. #header .details span:first-child{margin-left:-.125em}
    148. 

  148. #header .details span.email a{color:rgba(0,0,0,.85)}
    149. 

  149. #header .details br{display:none}
    150. 

  150. #header .details br+span:before{content:"\00a0\2013\00a0"}
    151. 

  151. #header .details br+span.author:before{content:"\00a0\22c5\00a0";color:rgba(0,0,0,.85)}
    152. 

  152. #header .details br+span#revremark:before{content:"\00a0|\00a0"}
    153. 

  153. #header #revnumber{text-transform:capitalize}
    154. 

  154. #header #revnumber:after{content:"\00a0"}
    155. 

  155. #content>h1:first-child:not([class]){color:rgba(0,0,0,.85);border-bottom:1px solid #ddddd8;padding-bottom:8px;margin-top:0;padding-top:1rem;margin-bottom:1.25rem}
    156. 

  156. #toc{border-bottom:1px solid #efefed;padding-bottom:.5em}
    157. 

  157. #toc>ul{margin-left:.125em}
    158. 

  158. #toc ul.sectlevel0>li>a{font-style:italic}
    159. 

  159. #toc ul.sectlevel0 ul.sectlevel1{margin:.5em 0}
    160. 

  160. #toc ul{font-family:"Open Sans","DejaVu Sans",sans-serif;list-style-type:none}
    161. 

  161. #toc li{line-height:1.3334;margin-top:.3334em}
    162. 

  162. #toc a{text-decoration:none}
    163. 

  163. #toc a:active{text-decoration:underline}
    164. 

  164. #toctitle{color:#7a2518;font-size:1.2em}
    165. 

  165. @media only screen and (min-width:768px){#toctitle{font-size:1.375em}
    166. 

  166. body.toc2{padding-left:15em;padding-right:0}
    167. 

  167. #toc.toc2{margin-top:0!important;background-color:#f8f8f7;position:fixed;width:15em;left:0;top:0;border-right:1px solid #efefed;border-top-width:0!important;border-bottom-width:0!important;z-index:1000;padding:1.25em 1em;height:100%;overflow:auto}
    168. 

  168. #toc.toc2 #toctitle{margin-top:0;margin-bottom:.8rem;font-size:1.2em}
    169. 

  169. #toc.toc2>ul{font-size:.9em;margin-bottom:0}
    170. 

  170. #toc.toc2 ul ul{margin-left:0;padding-left:1em}
    171. 

  171. #toc.toc2 ul.sectlevel0 ul.sectlevel1{padding-left:0;margin-top:.5em;margin-bottom:.5em}
    172. 

  172. body.toc2.toc-right{padding-left:0;padding-right:15em}
    173. 

  173. body.toc2.toc-right #toc.toc2{border-right-width:0;border-left:1px solid #efefed;left:auto;right:0}}
    174. 

  174. @media only screen and (min-width:1280px){body.toc2{padding-left:20em;padding-right:0}
    175. 

  175. #toc.toc2{width:20em}
    176. 

  176. #toc.toc2 #toctitle{font-size:1.375em}
    177. 

  177. #toc.toc2>ul{font-size:.95em}
    178. 

  178. #toc.toc2 ul ul{padding-left:1.25em}
    179. 

  179. body.toc2.toc-right{padding-left:0;padding-right:20em}}
    180. 

  180. #content #toc{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
    181. 

  181. #content #toc>:first-child{margin-top:0}
    182. 

  182. #content #toc>:last-child{margin-bottom:0}
    183. 

  183. #footer{max-width:100%;background-color:rgba(0,0,0,.8);padding:1.25em}
    184. 

  184. #footer-text{color:rgba(255,255,255,.8);line-height:1.44}
    185. 

  185. .sect1{padding-bottom:.625em}
    186. 

  186. @media only screen and (min-width:768px){.sect1{padding-bottom:1.25em}}
    187. 

  187. .sect1+.sect1{border-top:1px solid #efefed}
    188. 

  188. #content h1>a.anchor,h2>a.anchor,h3>a.anchor,#toctitle>a.anchor,.sidebarblock>.content>.title>a.anchor,h4>a.anchor,h5>a.anchor,h6>a.anchor{position:absolute;z-index:1001;width:1.5ex;margin-left:-1.5ex;display:block;text-decoration:none!important;visibility:hidden;text-align:center;font-weight:400}
    189. 

  189. #content h1>a.anchor:before,h2>a.anchor:before,h3>a.anchor:before,#toctitle>a.anchor:before,.sidebarblock>.content>.title>a.anchor:before,h4>a.anchor:before,h5>a.anchor:before,h6>a.anchor:before{content:"\00A7";font-size:.85em;display:block;padding-top:.1em}
    190. 

  190. #content h1:hover>a.anchor,#content h1>a.anchor:hover,h2:hover>a.anchor,h2>a.anchor:hover,h3:hover>a.anchor,#toctitle:hover>a.anchor,.sidebarblock>.content>.title:hover>a.anchor,h3>a.anchor:hover,#toctitle>a.anchor:hover,.sidebarblock>.content>.title>a.anchor:hover,h4:hover>a.anchor,h4>a.anchor:hover,h5:hover>a.anchor,h5>a.anchor:hover,h6:hover>a.anchor,h6>a.anchor:hover{visibility:visible}
    191. 

  191. #content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
    192. 

  192. #content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
    193. 

  193. .audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
    194. 

  194. .admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
    195. 

  195. table.tableblock>caption.title{white-space:nowrap;overflow:visible;max-width:0}
    196. 

  196. .paragraph.lead>p,#preamble>.sectionbody>.paragraph:first-of-type p{color:rgba(0,0,0,.85)}
    197. 

  197. table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p{font-size:inherit}
    198. 

  198. .admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
    199. 

  199. .admonitionblock>table td.icon{text-align:center;width:80px}
    200. 

  200. .admonitionblock>table td.icon img{max-width:none}
    201. 

  201. .admonitionblock>table td.icon .title{font-weight:bold;font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase}
    202. 

  202. .admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #ddddd8;color:rgba(0,0,0,.6)}
    203. 

  203. .admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
    204. 

  204. .exampleblock>.content{border-style:solid;border-width:1px;border-color:#e6e6e6;margin-bottom:1.25em;padding:1.25em;background:#fff;-webkit-border-radius:4px;border-radius:4px}
    205. 

  205. .exampleblock>.content>:first-child{margin-top:0}
    206. 

  206. .exampleblock>.content>:last-child{margin-bottom:0}
    207. 

  207. .sidebarblock{border-style:solid;border-width:1px;border-color:#e0e0dc;margin-bottom:1.25em;padding:1.25em;background:#f8f8f7;-webkit-border-radius:4px;border-radius:4px}
    208. 

  208. .sidebarblock>:first-child{margin-top:0}
    209. 

  209. .sidebarblock>:last-child{margin-bottom:0}
    210. 

  210. .sidebarblock>.content>.title{color:#7a2518;margin-top:0;text-align:center}
    211. 

  211. .exampleblock>.content>:last-child>:last-child,.exampleblock>.content .olist>ol>li:last-child>:last-child,.exampleblock>.content .ulist>ul>li:last-child>:last-child,.exampleblock>.content .qlist>ol>li:last-child>:last-child,.sidebarblock>.content>:last-child>:last-child,.sidebarblock>.content .olist>ol>li:last-child>:last-child,.sidebarblock>.content .ulist>ul>li:last-child>:last-child,.sidebarblock>.content .qlist>ol>li:last-child>:last-child{margin-bottom:0}
    212. 

  212. .literalblock pre,.listingblock pre:not(.highlight),.listingblock pre[class="highlight"],.listingblock pre[class^="highlight "],.listingblock pre.CodeRay,.listingblock pre.prettyprint{background:#f7f7f8}
    213. 

  213. .sidebarblock .literalblock pre,.sidebarblock .listingblock pre:not(.highlight),.sidebarblock .listingblock pre[class="highlight"],.sidebarblock .listingblock pre[class^="highlight "],.sidebarblock .listingblock pre.CodeRay,.sidebarblock .listingblock pre.prettyprint{background:#f2f1f1}
    214. 

  214. .literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{-webkit-border-radius:4px;border-radius:4px;word-wrap:break-word;padding:1em;font-size:.8125em}
    215. 

  215. .literalblock pre.nowrap,.literalblock pre[class].nowrap,.listingblock pre.nowrap,.listingblock pre[class].nowrap{overflow-x:auto;white-space:pre;word-wrap:normal}
    216. 

  216. @media only screen and (min-width:768px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:.90625em}}
    217. 

  217. @media only screen and (min-width:1280px){.literalblock pre,.literalblock pre[class],.listingblock pre,.listingblock pre[class]{font-size:1em}}
    218. 

  218. .literalblock.output pre{color:#f7f7f8;background-color:rgba(0,0,0,.9)}
    219. 

  219. .listingblock pre.highlightjs{padding:0}
    220. 

  220. .listingblock pre.highlightjs>code{padding:1em;-webkit-border-radius:4px;border-radius:4px}
    221. 

  221. .listingblock pre.prettyprint{border-width:0}
    222. 

  222. .listingblock>.content{position:relative}
    223. 

  223. .listingblock code[data-lang]:before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:#999}
    224. 

  224. .listingblock:hover code[data-lang]:before{display:block}
    225. 

  225. .listingblock.terminal pre .command:before{content:attr(data-prompt);padding-right:.5em;color:#999}
    226. 

  226. .listingblock.terminal pre .command:not([data-prompt]):before{content:"$"}
    227. 

  227. table.pyhltable{border-collapse:separate;border:0;margin-bottom:0;background:none}
    228. 

  228. table.pyhltable td{vertical-align:top;padding-top:0;padding-bottom:0;line-height:1.45}
    229. 

  229. table.pyhltable td.code{padding-left:.75em;padding-right:0}
    230. 

  230. pre.pygments .lineno,table.pyhltable td:not(.code){color:#999;padding-left:0;padding-right:.5em;border-right:1px solid #ddddd8}
    231. 

  231. pre.pygments .lineno{display:inline-block;margin-right:.25em}
    232. 

  232. table.pyhltable .linenodiv{background:none!important;padding-right:0!important}
    233. 

  233. .quoteblock{margin:0 1em 1.25em 1.5em;display:table}
    234. 

  234. .quoteblock>.title{margin-left:-1.5em;margin-bottom:.75em}
    235. 

  235. .quoteblock blockquote,.quoteblock blockquote p{color:rgba(0,0,0,.85);font-size:1.15rem;line-height:1.75;word-spacing:.1em;letter-spacing:0;font-style:italic;text-align:justify}
    236. 

  236. .quoteblock blockquote{margin:0;padding:0;border:0}
    237. 

  237. .quoteblock blockquote:before{content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;color:#7a2518;text-shadow:0 1px 2px rgba(0,0,0,.1)}
    238. 

  238. .quoteblock blockquote>.paragraph:last-child p{margin-bottom:0}
    239. 

  239. .quoteblock .attribution{margin-top:.5em;margin-right:.5ex;text-align:right}
    240. 

  240. .quoteblock .quoteblock{margin-left:0;margin-right:0;padding:.5em 0;border-left:3px solid rgba(0,0,0,.6)}
    241. 

  241. .quoteblock .quoteblock blockquote{padding:0 0 0 .75em}
    242. 

  242. .quoteblock .quoteblock blockquote:before{display:none}
    243. 

  243. .verseblock{margin:0 1em 1.25em 1em}
    244. 

  244. .verseblock pre{font-family:"Open Sans","DejaVu Sans",sans;font-size:1.15rem;color:rgba(0,0,0,.85);font-weight:300;text-rendering:optimizeLegibility}
    245. 

  245. .verseblock pre strong{font-weight:400}
    246. 

  246. .verseblock .attribution{margin-top:1.25rem;margin-left:.5ex}
    247. 

  247. .quoteblock .attribution,.verseblock .attribution{font-size:.9375em;line-height:1.45;font-style:italic}
    248. 

  248. .quoteblock .attribution br,.verseblock .attribution br{display:none}
    249. 

  249. .quoteblock .attribution cite,.verseblock .attribution cite{display:block;letter-spacing:-.025em;color:rgba(0,0,0,.6)}
    250. 

  250. .quoteblock.abstract{margin:0 0 1.25em 0;display:block}
    251. 

  251. .quoteblock.abstract blockquote,.quoteblock.abstract blockquote p{text-align:left;word-spacing:0}
    252. 

  252. .quoteblock.abstract blockquote:before,.quoteblock.abstract blockquote p:first-of-type:before{display:none}
    253. 

  253. table.tableblock{max-width:100%;border-collapse:separate}
    254. 

  254. table.tableblock td>.paragraph:last-child p>p:last-child,table.tableblock th>p:last-child,table.tableblock td>p:last-child{margin-bottom:0}
    255. 

  255. table.tableblock,th.tableblock,td.tableblock{border:0 solid #dedede}
    256. 

  256. table.grid-all th.tableblock,table.grid-all td.tableblock{border-width:0 1px 1px 0}
    257. 

  257. table.grid-all tfoot>tr>th.tableblock,table.grid-all tfoot>tr>td.tableblock{border-width:1px 1px 0 0}
    258. 

  258. table.grid-cols th.tableblock,table.grid-cols td.tableblock{border-width:0 1px 0 0}
    259. 

  259. table.grid-all *>tr>.tableblock:last-child,table.grid-cols *>tr>.tableblock:last-child{border-right-width:0}
    260. 

  260. table.grid-rows th.tableblock,table.grid-rows td.tableblock{border-width:0 0 1px 0}
    261. 

  261. table.grid-all tbody>tr:last-child>th.tableblock,table.grid-all tbody>tr:last-child>td.tableblock,table.grid-all thead:last-child>tr>th.tableblock,table.grid-rows tbody>tr:last-child>th.tableblock,table.grid-rows tbody>tr:last-child>td.tableblock,table.grid-rows thead:last-child>tr>th.tableblock{border-bottom-width:0}
    262. 

  262. table.grid-rows tfoot>tr>th.tableblock,table.grid-rows tfoot>tr>td.tableblock{border-width:1px 0 0 0}
    263. 

  263. table.frame-all{border-width:1px}
    264. 

  264. table.frame-sides{border-width:0 1px}
    265. 

  265. table.frame-topbot{border-width:1px 0}
    266. 

  266. th.halign-left,td.halign-left{text-align:left}
    267. 

  267. th.halign-right,td.halign-right{text-align:right}
    268. 

  268. th.halign-center,td.halign-center{text-align:center}
    269. 

  269. th.valign-top,td.valign-top{vertical-align:top}
    270. 

  270. th.valign-bottom,td.valign-bottom{vertical-align:bottom}
    271. 

  271. th.valign-middle,td.valign-middle{vertical-align:middle}
    272. 

  272. table thead th,table tfoot th{font-weight:bold}
    273. 

  273. tbody tr th{display:table-cell;line-height:1.6;background:#f7f8f7}
    274. 

  274. tbody tr th,tbody tr th p,tfoot tr th,tfoot tr th p{color:rgba(0,0,0,.8);font-weight:bold}
    275. 

  275. p.tableblock>code:only-child{background:none;padding:0}
    276. 

  276. p.tableblock{font-size:1em}
    277. 

  277. td>div.verse{white-space:pre}
    278. 

  278. ol{margin-left:1.75em}
    279. 

  279. ul li ol{margin-left:1.5em}
    280. 

  280. dl dd{margin-left:1.125em}
    281. 

  281. dl dd:last-child,dl dd:last-child>:last-child{margin-bottom:0}
    282. 

  282. ol>li p,ul>li p,ul dd,ol dd,.olist .olist,.ulist .ulist,.ulist .olist,.olist .ulist{margin-bottom:.625em}
    283. 

  283. ul.unstyled,ol.unnumbered,ul.checklist,ul.none{list-style-type:none}
    284. 

  284. ul.unstyled,ol.unnumbered,ul.checklist{margin-left:.625em}
    285. 

  285. ul.checklist li>p:first-child>.fa-square-o:first-child,ul.checklist li>p:first-child>.fa-check-square-o:first-child{width:1em;font-size:.85em}
    286. 

  286. ul.checklist li>p:first-child>input[type="checkbox"]:first-child{width:1em;position:relative;top:1px}
    287. 

  287. ul.inline{margin:0 auto .625em auto;margin-left:-1.375em;margin-right:0;padding:0;list-style:none;overflow:hidden}
    288. 

  288. ul.inline>li{list-style:none;float:left;margin-left:1.375em;display:block}
    289. 

  289. ul.inline>li>*{display:block}
    290. 

  290. .unstyled dl dt{font-weight:400;font-style:normal}
    291. 

  291. ol.arabic{list-style-type:decimal}
    292. 

  292. ol.decimal{list-style-type:decimal-leading-zero}
    293. 

  293. ol.loweralpha{list-style-type:lower-alpha}
    294. 

  294. ol.upperalpha{list-style-type:upper-alpha}
    295. 

  295. ol.lowerroman{list-style-type:lower-roman}
    296. 

  296. ol.upperroman{list-style-type:upper-roman}
    297. 

  297. ol.lowergreek{list-style-type:lower-greek}
    298. 

  298. .hdlist>table,.colist>table{border:0;background:none}
    299. 

  299. .hdlist>table>tbody>tr,.colist>table>tbody>tr{background:none}
    300. 

  300. td.hdlist1,td.hdlist2{vertical-align:top;padding:0 .625em}
    301. 

  301. td.hdlist1{font-weight:bold;padding-bottom:1.25em}
    302. 

  302. .literalblock+.colist,.listingblock+.colist{margin-top:-.5em}
    303. 

  303. .colist>table tr>td:first-of-type{padding:0 .75em;line-height:1}
    304. 

  304. .colist>table tr>td:last-of-type{padding:.25em 0}
    305. 

  305. .thumb,.th{line-height:0;display:inline-block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px #ddd;box-shadow:0 0 0 1px #ddd}
    306. 

  306. .imageblock.left,.imageblock[style*="float: left"]{margin:.25em .625em 1.25em 0}
    307. 

  307. .imageblock.right,.imageblock[style*="float: right"]{margin:.25em 0 1.25em .625em}
    308. 

  308. .imageblock>.title{margin-bottom:0}
    309. 

  309. .imageblock.thumb,.imageblock.th{border-width:6px}
    310. 

  310. .imageblock.thumb>.title,.imageblock.th>.title{padding:0 .125em}
    311. 

  311. .image.left,.image.right{margin-top:.25em;margin-bottom:.25em;display:inline-block;line-height:0}
    312. 

  312. .image.left{margin-right:.625em}
    313. 

  313. .image.right{margin-left:.625em}
    314. 

  314. a.image{text-decoration:none;display:inline-block}
    315. 

  315. a.image object{pointer-events:none}
    316. 

  316. sup.footnote,sup.footnoteref{font-size:.875em;position:static;vertical-align:super}
    317. 

  317. sup.footnote a,sup.footnoteref a{text-decoration:none}
    318. 

  318. sup.footnote a:active,sup.footnoteref a:active{text-decoration:underline}
    319. 

  319. #footnotes{padding-top:.75em;padding-bottom:.75em;margin-bottom:.625em}
    320. 

  320. #footnotes hr{width:20%;min-width:6.25em;margin:-.25em 0 .75em 0;border-width:1px 0 0 0}
    321. 

  321. #footnotes .footnote{padding:0 .375em 0 .225em;line-height:1.3334;font-size:.875em;margin-left:1.2em;text-indent:-1.05em;margin-bottom:.2em}
    322. 

  322. #footnotes .footnote a:first-of-type{font-weight:bold;text-decoration:none}
    323. 

  323. #footnotes .footnote:last-of-type{margin-bottom:0}
    324. 

  324. #content #footnotes{margin-top:-.625em;margin-bottom:0;padding:.75em 0}
    325. 

  325. .gist .file-data>table{border:0;background:#fff;width:100%;margin-bottom:0}
    326. 

  326. .gist .file-data>table td.line-data{width:99%}
    327. 

  327. div.unbreakable{page-break-inside:avoid}
    328. 

  328. .big{font-size:larger}
    329. 

  329. .small{font-size:smaller}
    330. 

  330. .underline{text-decoration:underline}
    331. 

  331. .overline{text-decoration:overline}
    332. 

  332. .line-through{text-decoration:line-through}
    333. 

  333. .aqua{color:#00bfbf}
    334. 

  334. .aqua-background{background-color:#00fafa}
    335. 

  335. .black{color:#000}
    336. 

  336. .black-background{background-color:#000}
    337. 

  337. .blue{color:#0000bf}
    338. 

  338. .blue-background{background-color:#0000fa}
    339. 

  339. .fuchsia{color:#bf00bf}
    340. 

  340. .fuchsia-background{background-color:#fa00fa}
    341. 

  341. .gray{color:#606060}
    342. 

  342. .gray-background{background-color:#7d7d7d}
    343. 

  343. .green{color:#006000}
    344. 

  344. .green-background{background-color:#007d00}
    345. 

  345. .lime{color:#00bf00}
    346. 

  346. .lime-background{background-color:#00fa00}
    347. 

  347. .maroon{color:#600000}
    348. 

  348. .maroon-background{background-color:#7d0000}
    349. 

  349. .navy{color:#000060}
    350. 

  350. .navy-background{background-color:#00007d}
    351. 

  351. .olive{color:#606000}
    352. 

  352. .olive-background{background-color:#7d7d00}
    353. 

  353. .purple{color:#600060}
    354. 

  354. .purple-background{background-color:#7d007d}
    355. 

  355. .red{color:#bf0000}
    356. 

  356. .red-background{background-color:#fa0000}
    357. 

  357. .silver{color:#909090}
    358. 

  358. .silver-background{background-color:#bcbcbc}
    359. 

  359. .teal{color:#006060}
    360. 

  360. .teal-background{background-color:#007d7d}
    361. 

  361. .white{color:#bfbfbf}
    362. 

  362. .white-background{background-color:#fafafa}
    363. 

  363. .yellow{color:#bfbf00}
    364. 

  364. .yellow-background{background-color:#fafa00}
    365. 

  365. span.icon>.fa{cursor:default}
    366. 

  366. .admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
    367. 

  367. .admonitionblock td.icon .icon-note:before{content:"\f05a";color:#19407c}
    368. 

  368. .admonitionblock td.icon .icon-tip:before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
    369. 

  369. .admonitionblock td.icon .icon-warning:before{content:"\f071";color:#bf6900}
    370. 

  370. .admonitionblock td.icon .icon-caution:before{content:"\f06d";color:#bf3400}
    371. 

  371. .admonitionblock td.icon .icon-important:before{content:"\f06a";color:#bf0000}
    372. 

  372. .conum[data-value]{display:inline-block;color:#fff!important;background-color:rgba(0,0,0,.8);-webkit-border-radius:100px;border-radius:100px;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
    373. 

  373. .conum[data-value] *{color:#fff!important}
    374. 

  374. .conum[data-value]+b{display:none}
    375. 

  375. .conum[data-value]:after{content:attr(data-value)}
    376. 

  376. pre .conum[data-value]{position:relative;top:-.125em}
    377. 

  377. b.conum *{color:inherit!important}
    378. 

  378. .conum:not([data-value]):empty{display:none}
    379. 

  379. dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
    380. 

  380. h1,h2,p,td.content,span.alt{letter-spacing:-.01em}
    381. 

  381. p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
    382. 

  382. p,blockquote,dt,td.content,span.alt{font-size:1.0625rem}
    383. 

  383. p{margin-bottom:1.25rem}
    384. 

  384. .sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
    385. 

  385. .exampleblock>.content{background-color:#fffef7;border-color:#e0e0dc;-webkit-box-shadow:0 1px 4px #e0e0dc;box-shadow:0 1px 4px #e0e0dc}
    386. 

  386. .print-only{display:none!important}
    387. 

  387. @media print{@page{margin:1.25cm .75cm}
    388. 

  388. *{-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
    389. 

  389. a{color:inherit!important;text-decoration:underline!important}
    390. 

  390. a.bare,a[href^="#"],a[href^="mailto:"]{text-decoration:none!important}
    391. 

  391. a[href^="http:"]:not(.bare):after,a[href^="https:"]:not(.bare):after{content:"(" attr(href) ")";display:inline-block;font-size:.875em;padding-left:.25em}
    392. 

  392. abbr[title]:after{content:" (" attr(title) ")"}
    393. 

  393. pre,blockquote,tr,img,object,svg{page-break-inside:avoid}
    394. 

  394. thead{display:table-header-group}
    395. 

  395. svg{max-width:100%}
    396. 

  396. p,blockquote,dt,td.content{font-size:1em;orphans:3;widows:3}
    397. 

  397. h2,h3,#toctitle,.sidebarblock>.content>.title{page-break-after:avoid}
    398. 

  398. #toc,.sidebarblock,.exampleblock>.content{background:none!important}
    399. 

  399. #toc{border-bottom:1px solid #ddddd8!important;padding-bottom:0!important}
    400. 

  400. .sect1{padding-bottom:0!important}
    401. 

  401. .sect1+.sect1{border:0!important}
    402. 

  402. #header>h1:first-child{margin-top:1.25rem}
    403. 

  403. body.book #header{text-align:center}
    404. 

  404. body.book #header>h1:first-child{border:0!important;margin:2.5em 0 1em 0}
    405. 

  405. body.book #header .details{border:0!important;display:block;padding:0!important}
    406. 

  406. body.book #header .details span:first-child{margin-left:0!important}
    407. 

  407. body.book #header .details br{display:block}
    408. 

  408. body.book #header .details br+span:before{content:none!important}
    409. 

  409. body.book #toc{border:0!important;text-align:left!important;padding:0!important;margin:0!important}
    410. 

  410. body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-break-before:always}
    411. 

  411. .listingblock code[data-lang]:before{display:block}
    412. 

  412. #footer{background:none!important;padding:0 .9375em}
    413. 

  413. #footer-text{color:rgba(0,0,0,.6)!important;font-size:.9em}
    414. 

  414. .hide-on-print{display:none!important}
    415. 

  415. .print-only{display:block!important}
    416. 

  416. .hide-for-print{display:none!important}
    417. 

  417. .show-for-print{display:inherit!important}}
    418. 

  418. </style>
    419. 

  419. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    420. 

  420. <style>
    421. 

  421. /* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */
    422. 

  422. /*pre.CodeRay {background-color:#f7f7f8;}*/
    423. 

  423. .CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em}
    424. 

  424. .CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)}
    425. 

  425. .CodeRay .line-numbers strong{color:rgba(0,0,0,.4)}
    426. 

  426. table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none}
    427. 

  427. table.CodeRay td{vertical-align: top;line-height:1.45}
    428. 

  428. table.CodeRay td.line-numbers{text-align:right}
    429. 

  429. table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)}
    430. 

  430. table.CodeRay td.code{padding:0 0 0 .5em}
    431. 

  431. table.CodeRay td.code>pre{padding:0}
    432. 

  432. .CodeRay .debug{color:#fff !important;background:#000080 !important}
    433. 

  433. .CodeRay .annotation{color:#007}
    434. 

  434. .CodeRay .attribute-name{color:#000080}
    435. 

  435. .CodeRay .attribute-value{color:#700}
    436. 

  436. .CodeRay .binary{color:#509}
    437. 

  437. .CodeRay .comment{color:#998;font-style:italic}
    438. 

  438. .CodeRay .char{color:#04d}
    439. 

  439. .CodeRay .char .content{color:#04d}
    440. 

  440. .CodeRay .char .delimiter{color:#039}
    441. 

  441. .CodeRay .class{color:#458;font-weight:bold}
    442. 

  442. .CodeRay .complex{color:#a08}
    443. 

  443. .CodeRay .constant,.CodeRay .predefined-constant{color:#008080}
    444. 

  444. .CodeRay .color{color:#099}
    445. 

  445. .CodeRay .class-variable{color:#369}
    446. 

  446. .CodeRay .decorator{color:#b0b}
    447. 

  447. .CodeRay .definition{color:#099}
    448. 

  448. .CodeRay .delimiter{color:#000}
    449. 

  449. .CodeRay .doc{color:#970}
    450. 

  450. .CodeRay .doctype{color:#34b}
    451. 

  451. .CodeRay .doc-string{color:#d42}
    452. 

  452. .CodeRay .escape{color:#666}
    453. 

  453. .CodeRay .entity{color:#800}
    454. 

  454. .CodeRay .error{color:#808}
    455. 

  455. .CodeRay .exception{color:inherit}
    456. 

  456. .CodeRay .filename{color:#099}
    457. 

  457. .CodeRay .function{color:#900;font-weight:bold}
    458. 

  458. .CodeRay .global-variable{color:#008080}
    459. 

  459. .CodeRay .hex{color:#058}
    460. 

  460. .CodeRay .integer,.CodeRay .float{color:#099}
    461. 

  461. .CodeRay .include{color:#555}
    462. 

  462. .CodeRay .inline{color:#000}
    463. 

  463. .CodeRay .inline .inline{background:#ccc}
    464. 

  464. .CodeRay .inline .inline .inline{background:#bbb}
    465. 

  465. .CodeRay .inline .inline-delimiter{color:#d14}
    466. 

  466. .CodeRay .inline-delimiter{color:#d14}
    467. 

  467. .CodeRay .important{color:#555;font-weight:bold}
    468. 

  468. .CodeRay .interpreted{color:#b2b}
    469. 

  469. .CodeRay .instance-variable{color:#008080}
    470. 

  470. .CodeRay .label{color:#970}
    471. 

  471. .CodeRay .local-variable{color:#963}
    472. 

  472. .CodeRay .octal{color:#40e}
    473. 

  473. .CodeRay .predefined{color:#369}
    474. 

  474. .CodeRay .preprocessor{color:#579}
    475. 

  475. .CodeRay .pseudo-class{color:#555}
    476. 

  476. .CodeRay .directive{font-weight:bold}
    477. 

  477. .CodeRay .type{font-weight:bold}
    478. 

  478. .CodeRay .predefined-type{color:inherit}
    479. 

  479. .CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold}
    480. 

  480. .CodeRay .key{color:#808}
    481. 

  481. .CodeRay .key .delimiter{color:#606}
    482. 

  482. .CodeRay .key .char{color:#80f}
    483. 

  483. .CodeRay .value{color:#088}
    484. 

  484. .CodeRay .regexp .delimiter{color:#808}
    485. 

  485. .CodeRay .regexp .content{color:#808}
    486. 

  486. .CodeRay .regexp .modifier{color:#808}
    487. 

  487. .CodeRay .regexp .char{color:#d14}
    488. 

  488. .CodeRay .regexp .function{color:#404;font-weight:bold}
    489. 

  489. .CodeRay .string{color:#d20}
    490. 

  490. .CodeRay .string .string .string{background:#ffd0d0}
    491. 

  491. .CodeRay .string .content{color:#d14}
    492. 

  492. .CodeRay .string .char{color:#d14}
    493. 

  493. .CodeRay .string .delimiter{color:#d14}
    494. 

  494. .CodeRay .shell{color:#d14}
    495. 

  495. .CodeRay .shell .delimiter{color:#d14}
    496. 

  496. .CodeRay .symbol{color:#990073}
    497. 

  497. .CodeRay .symbol .content{color:#a60}
    498. 

  498. .CodeRay .symbol .delimiter{color:#630}
    499. 

  499. .CodeRay .tag{color:#008080}
    500. 

  500. .CodeRay .tag-special{color:#d70}
    501. 

  501. .CodeRay .variable{color:#036}
    502. 

  502. .CodeRay .insert{background:#afa}
    503. 

  503. .CodeRay .delete{background:#faa}
    504. 

  504. .CodeRay .change{color:#aaf;background:#007}
    505. 

  505. .CodeRay .head{color:#f8f;background:#505}
    506. 

  506. .CodeRay .insert .insert{color:#080}
    507. 

  507. .CodeRay .delete .delete{color:#800}
    508. 

  508. .CodeRay .change .change{color:#66f}
    509. 

  509. .CodeRay .head .head{color:#f4f}
    510. 

  510. </style>
    511. 

  511. </head>
    512. 

  512. <body class="article toc2 toc-left">
    513. 

  513. <div id="header">
    514. 

  514. <h1>ShaderBlow</h1>
    515. 

  515. <div class="details">
    516. 

  516. <span id="author" class="author"></span><br>
    517. 

  517. <span id="revnumber">version ,</span>
    518. 

  518. <span id="revdate">2016/03/17 20:48</span>
    519. 

  519. </div>
    520. 

  520. <div id="toc" class="toc2">
    521. 

  521. <div id="toctitle">Table of Contents</div>
    522. 

  522. <ul class="sectlevel2">
    523. 

  523. <li><a href="#colorscale-filter">ColorScale Filter</a></li>
    524. 

  524. <li><a href="#grayscale-filter">GrayScale Filter</a></li>
    525. 

  525. <li><a href="#old-film-effect-filter">Old Film Effect Filter</a></li>
    526. 

  526. <li><a href="#lightblow-shader">LightBlow Shader</a></li>
    527. 

  527. <li><a href="#dissolver-shader">Dissolver Shader</a></li>
    528. 

  528. <li><a href="#fakeparticleblow-shader">FakeParticleBlow Shader</a></li>
    529. 

  529. <li><a href="#forceshield-shader">Forceshield Shader</a></li>
    530. 

  530. <li><a href="#matcap-shader">MatCap Shader</a></li>
    531. 

  531. <li><a href="#glass-shader">Glass Shader</a></li>
    532. 

  532. <li><a href="#simplerefraction-postprocessor-filter">SimpleRefraction PostProcessor/Filter</a></li>
    533. 

  533. <li><a href="#basicssao-filter">BasicSSAO Filter</a></li>
    534. 

  534. <li><a href="#electricity-shaders">Electricity Shaders</a></li>
    535. 

  535. <li><a href="#simplesprite-shader">SimpleSprite Shader</a></li>
    536. 

  536. <li><a href="#bubble-shader">Bubble Shader</a></li>
    537. 

  537. <li><a href="#simplespriteparticle-shader">SimpleSpriteParticle Shader</a></li>
    538. 

  538. <li><a href="#texture-bombing">Texture Bombing</a></li>
    539. 

  539. <li><a href="#night-vision">Night Vision</a></li>
    540. 

  540. <li><a href="#predator-thermal-vision">Predator Thermal Vision</a></li>
    541. 

  541. <li><a href="#frosted-glass-effect">Frosted glass effect</a></li>
    542. 

  542. </ul>
    543. 

  543. </div>
    544. 

  544. </div>
    545. 

  545. <div id="content">
    546. 

  546. <div id="preamble">
    547. 

  547. <div class="sectionbody">
    548. 

  548. <div class="paragraph">
    549. 

  549. <p><span class="image"><img src="../../sdk/plugin/shaderblow_intro_01.jpg" alt="shaderblow_intro_01.jpg" height=""></span></p>
    550. 

  550. </div>
    551. 

  551. <div class="literalblock">
    552. 

  552. <div class="content">
    553. 

  553. <pre> Collections of effects for jMonkeyEngine 3. To install the ShaderBlow plugin into the jMonkeyEngine SDK, go to Tools→Plugins→Available Plugins.
    554. 

  554.  You can always get the source of ShaderBlow project here:
    555. 

  555. link:http://code.google.com/p/jmonkeyplatform-contributions/source/browse/#svn%2Ftrunk%2Fshaderblowlib%2FShaderBlow[ShaderBlow project SVN]</pre>
    556. 

  556. </div>
    557. 

  557. </div>
    558. 

  558. <div class="paragraph">
    559. 

  559. <p>The source has many examples and tests to explain the capacity of shaders much better.</p>
    560. 

  560. </div>
    561. 

  561. <div class="ulist">
    562. 

  562. <ul>
    563. 

  563. <li>
    564. 

  564. <p>Filters:</p>
    565. 

  565. <div class="ulist">
    566. 

  566. <ul>
    567. 

  567. <li>
    568. 

  568. <p>Basic SSAO</p>
    569. 

  569. </li>
    570. 

  570. <li>
    571. 

  571. <p>ColorScale (added by @H)</p>
    572. 

  572. </li>
    573. 

  573. <li>
    574. 

  574. <p>GrayScale (added by @H)</p>
    575. 

  575. </li>
    576. 

  576. <li>
    577. 

  577. <p>Simple Refraction (added by @mifth)</p>
    578. 

  578. </li>
    579. 

  579. <li>
    580. 

  580. <p>Old Film Effect (added by @H)</p>
    581. 

  581. </li>
    582. 

  582. <li>
    583. 

  583. <p>Night Vision (added by @wezrule)</p>
    584. 

  584. </li>
    585. 

  585. <li>
    586. 

  586. <p>Predator Thermal Vision (added by @wezrule)</p>
    587. 

  587. </li>
    588. 

  588. <li>
    589. 

  589. <p>Frosted Glass effect (added by @wezrule)</p>
    590. 

  590. </li>
    591. 

  591. </ul>
    592. 

  592. </div>
    593. 

  593. </li>
    594. 

  594. <li>
    595. 

  595. <p>Shaders</p>
    596. 

  596. <div class="ulist">
    597. 

  597. <ul>
    598. 

  598. <li>
    599. 

  599. <p>Dissolver (added by @thetoucher)</p>
    600. 

  600. </li>
    601. 

  601. <li>
    602. 

  602. <p>FakeParticleBlow (added by @mifth)</p>
    603. 

  603. </li>
    604. 

  604. <li>
    605. 

  605. <p>Forceshield (added by @ficik)</p>
    606. 

  606. </li>
    607. 

  607. <li>
    608. 

  608. <p>MatCap (added by @mifth)</p>
    609. 

  609. </li>
    610. 

  610. <li>
    611. 

  611. <p>Glass (added by @mifth)</p>
    612. 

  612. </li>
    613. 

  613. <li>
    614. 

  614. <p>Texture Bombing (added by @wezrule)</p>
    615. 

  615. </li>
    616. 

  616. </ul>
    617. 

  617. </div>
    618. 

  618. </li>
    619. 

  619. </ul>
    620. 

  620. </div>
    621. 

  621. <div class="paragraph">
    622. 

  622. <p><a href="http://hub.jmonkeyengine.org/forum/topic/shaderblow-project/">http://hub.jmonkeyengine.org/forum/topic/shaderblow-project/</a></p>
    623. 

  623. </div>
    624. 

  624. <hr>
    625. 

  625. </div>
    626. 

  626. </div>
    627. 

  627. <div class="sect2">
    628. 

  628. <h3 id="colorscale-filter">ColorScale Filter</h3>
    629. 

  629. <div class="paragraph">
    630. 

  630. <p>The ColorScale filter applys a color to the render image. You can use this filter to tint the render according to one particular color without change any material (underwater scene, night scene, fire scene) or to achieve fade-in/fade-out effect.</p>
    631. 

  631. </div>
    632. 

  632. <div class="paragraph">
    633. 

  633. <p>Features:</p>
    634. 

  634. </div>
    635. 

  635. <div class="ulist">
    636. 

  636. <ul>
    637. 

  637. <li>
    638. 

  638. <p>Allow to set the color to apply. Default is red.</p>
    639. 

  639. </li>
    640. 

  640. <li>
    641. 

  641. <p>Allow to set intensity of the color. Default is 0.7f. Frag shader clamps color intensity between 0 and 1.</p>
    642. 

  642. </li>
    643. 

  643. </ul>
    644. 

  644. </div>
    645. 

  645. <table class="tableblock frame-all grid-all spread">
    646. 

  646. <colgroup>
    647. 

  647. <col style="width: 100%;">
    648. 

  648. </colgroup>
    649. 

  649. <tbody>
    650. 

  650. <tr>
    651. 

  651. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    652. 

  652. <p><span class="image"><img src="../../sdk/plugin/colorfilter2.png" alt="ColorScale Filter OFF" height=""></span></p>
    653. 

  653. </div></div></td>
    654. 

  654. </tr>
    655. 

  655. <tr>
    656. 

  656. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    657. 

  657. <p><span class="image"><img src="../../sdk/plugin/colorfilter1.png" alt="ColorScale filter ON" height=""></span></p>
    658. 

  658. </div></div></td>
    659. 

  659. </tr>
    660. 

  660. <tr>
    661. 

  661. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    662. 

  662. <p><span class="image"><img src="../../sdk/plugin/colorfilter3.png" alt="ColorScale Filter ON" height=""></span></p>
    663. 

  663. </div></div></td>
    664. 

  664. </tr>
    665. 

  665. <tr>
    666. 

  666. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    667. 

  667. <p><span class="image"><img src="../../sdk/plugin/colorfilter4.png" alt="ColorScale Filter" height=""></span></p>
    668. 

  668. </div></div></td>
    669. 

  669. </tr>
    670. 

  670. </tbody>
    671. 

  671. </table>
    672. 

  672. <div class="sect3">
    673. 

  673. <h4 id="usage">Usage</h4>
    674. 

  674. <div class="paragraph">
    675. 

  675. <p>Add a <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/src/com/shaderblow/filter/colorscale/ColorScaleFilter.java">ColorScaleFilter</a> instance to a FilterPostProccesor instance. Set color and color intensity. Then add the FilterPostProccesor instance to Application&#8217;s viewPort attribute.</p>
    676. 

  676. </div>
    677. 

  677. <div class="listingblock">
    678. 

  678. <div class="content">
    679. 

  679. <pre class="CodeRay highlight"><code data-lang="java">                <span class="local-variable">this</span>.fpp = <span class="keyword">new</span> FilterPostProcessor(<span class="local-variable">this</span>.assetManager);
    680. 

  680.                 <span class="local-variable">this</span>.fpp.setNumSamples(<span class="integer">4</span>);
    681. 

  681.                 <span class="local-variable">this</span>.colorScale = <span class="keyword">new</span> ColorScaleFilter();
    682. 

  682.                 <span class="local-variable">this</span>.fpp.addFilter(<span class="local-variable">this</span>.colorScale);
    683. 

  683. 

  684.                 <span class="comment">// colorScale.setFilterColor(ColorRGBA.Red.clone()); // Set Filter color</span>
    685. 

  685.                 <span class="comment">// colorScale.setColorDensity(0.5f); // Set Color intensity (between 0 and 1);</span>
    686. 

  686. 

  687.                 <span class="local-variable">this</span>.viewPort.addProcessor(<span class="local-variable">this</span>.fpp);</code></pre>
    688. 

  688. </div>
    689. 

  689. </div>
    690. 

  690. <div class="paragraph">
    691. 

  691. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/filter/color/TestColorScale.java">TestCase</a></p>
    692. 

  692. </div>
    693. 

  693. <div class="paragraph">
    694. 

  694. <p><a href="http://jmonkeyengine.org/groups/contribution-depot-jme3/forum/topic/colorscale-filter/">Forum threat</a></p>
    695. 

  695. </div>
    696. 

  696. <hr>
    697. 

  697. </div>
    698. 

  698. </div>
    699. 

  699. <div class="sect2">
    700. 

  700. <h3 id="grayscale-filter">GrayScale Filter</h3>
    701. 

  701. <div class="paragraph">
    702. 

  702. <p>The GrayScale filter converts the render image to grayscale.</p>
    703. 

  703. </div>
    704. 

  704. <table class="tableblock frame-all grid-all spread">
    705. 

  705. <colgroup>
    706. 

  706. <col style="width: 50%;">
    707. 

  707. <col style="width: 50%;">
    708. 

  708. </colgroup>
    709. 

  709. <thead>
    710. 

  710. <tr>
    711. 

  711. <th class="tableblock halign-left valign-top"><strong>GrayScale Filter OFF</strong></th>
    712. 

  712. <th class="tableblock halign-left valign-top"><strong>GrayScale Filter ON</strong></th>
    713. 

  713. </tr>
    714. 

  714. </thead>
    715. 

  715. <tbody>
    716. 

  716. <tr>
    717. 

  717. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    718. 

  718. <p><span class="image"><img src="../../sdk/plugin/grayscalefilter-off.jpg" alt="GrayScale Filter OFF" height=""></span></p>
    719. 

  719. </div></div></td>
    720. 

  720. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    721. 

  721. <p><span class="image"><img src="../../sdk/plugin/grayscalefilter-on.png" alt="GrayScale Filter ON" height=""></span></p>
    722. 

  722. </div></div></td>
    723. 

  723. </tr>
    724. 

  724. </tbody>
    725. 

  725. </table>
    726. 

  726. <div class="sect3">
    727. 

  727. <h4 id="usage-2">Usage</h4>
    728. 

  728. <div class="paragraph">
    729. 

  729. <p>Add a <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/src/com/shaderblow/filter/grayscale/GrayScaleFilter.java">GrayScaleFilter</a> instance to a FilterPostProccesor instance. Then add the FilterPostProccesor instance to Application&#8217;s viewPort attribute.</p>
    730. 

  730. </div>
    731. 

  731. <div class="listingblock">
    732. 

  732. <div class="content">
    733. 

  733. <pre class="CodeRay highlight"><code data-lang="java">        <span class="local-variable">this</span>.fpp = <span class="keyword">new</span> FilterPostProcessor(<span class="local-variable">this</span>.assetManager); <span class="comment">// Create FilterPostProcessor instance</span>
    734. 

  734.         <span class="local-variable">this</span>.grayScale = <span class="keyword">new</span> GrayScaleFilter();  <span class="comment">// Create GrayScaleFilter instance</span>
    735. 

  735.         <span class="local-variable">this</span>.fpp.addFilter(<span class="local-variable">this</span>.grayScale);  <span class="comment">// Add GrayScaleFilter instance to FilterPostProcessor instance</span>
    736. 

  736.         <span class="local-variable">this</span>.viewPort.addProcessor(<span class="local-variable">this</span>.fpp);  <span class="comment">// Add FilterPostProcessor instance to ViewPort</span></code></pre>
    737. 

  737. </div>
    738. 

  738. </div>
    739. 

  739. <div class="paragraph">
    740. 

  740. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/filter/grayscale/TestGrayScale.java">TestCase</a></p>
    741. 

  741. </div>
    742. 

  742. <div class="paragraph">
    743. 

  743. <p><a href="http://jmonkeyengine.org/forum/topic/solved-grayscale-filter/">Forum thread</a></p>
    744. 

  744. </div>
    745. 

  745. <hr>
    746. 

  746. </div>
    747. 

  747. </div>
    748. 

  748. <div class="sect2">
    749. 

  749. <h3 id="old-film-effect-filter">Old Film Effect Filter</h3>
    750. 

  750. <div class="paragraph">
    751. 

  751. <p>Old Film filter simulate the effect of a classic looking film effect. It&#8217;s a port of this <a href="http://devmaster.net/posts/2989/shader-effects-old-film">shader effect</a>.</p>
    752. 

  752. </div>
    753. 

  753. <div class="paragraph">
    754. 

  754. <p>Features:</p>
    755. 

  755. </div>
    756. 

  756. <div class="ulist">
    757. 

  757. <ul>
    758. 

  758. <li>
    759. 

  759. <p>Allow to set the <strong>filter&#8217;s color</strong>. Default is sepia (ColorRGBA(112f / 255f, 66f / 255f, 20f / 255f, 1.0f)).</p>
    760. 

  760. </li>
    761. 

  761. <li>
    762. 

  762. <p>Allow to set the <strong>color&#8217;s density</strong>. Default is 0.7. Shader clamps this value between 0 to 1. The color image gets grayscale when color&#8217;s densite is set to 0.</p>
    763. 

  763. </li>
    764. 

  764. <li>
    765. 

  765. <p>Allow to set the <strong>noise&#8217;s density</strong>. Default is 0.4. Shader clamps this value between 0 to 1.</p>
    766. 

  766. </li>
    767. 

  767. <li>
    768. 

  768. <p>Allow to set the <strong>scratches' density</strong>. Default is 0.3. Shader clamps this value between 0 to 1.</p>
    769. 

  769. </li>
    770. 

  770. <li>
    771. 

  771. <p>Allow to set the <strong>vignetting&#8217;s diameter</strong>. Default is 0.9. Shader clamps this value between 0 to 1.4. Vignetting effect is made using two circles. The inner circle represents the region untouched by vignetting. The region between the inner and outer circle represent the area where vignetting starts to take place, which is a gradual fade to black from the inner to outer ring. Any part of the frame outside of the outer ring would be completely black.</p>
    772. 

  772. </li>
    773. 

  773. </ul>
    774. 

  774. </div>
    775. 

  775. <div class="paragraph">
    776. 

  776. <p><strong>NOTE</strong>: I chose to clamp this value inside the frag shader code instead of using java code because I thought this way is faster (better from preformace point of view). You can clamp this values using java code if you want.</p>
    777. 

  777. </div>
    778. 

  778. <table class="tableblock frame-all grid-all spread">
    779. 

  779. <colgroup>
    780. 

  780. <col style="width: 50%;">
    781. 

  781. <col style="width: 50%;">
    782. 

  782. </colgroup>
    783. 

  783. <thead>
    784. 

  784. <tr>
    785. 

  785. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/youtube_cgfzhkq-mkk" alt="youtube_cgfzhkq-mkk" height=""></span></th>
    786. 

  786. <th class="tableblock halign-left valign-top"></th>
    787. 

  787. </tr>
    788. 

  788. </thead>
    789. 

  789. </table>
    790. 

  790. <div class="sect3">
    791. 

  791. <h4 id="usage-3">Usage</h4>
    792. 

  792. <div class="paragraph">
    793. 

  793. <p>Add a <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/src/com/shaderblow/filter/oldfilm/OldFilmFilter.java">OldFilmFilter</a> instance to a FilterPostProccesor instance. Then add the FilterPostProccesor instance to Application&#8217;s viewPort attribute.</p>
    794. 

  794. </div>
    795. 

  795. <div class="listingblock">
    796. 

  796. <div class="content">
    797. 

  797. <pre class="CodeRay highlight"><code data-lang="java">        <span class="local-variable">this</span>.fpp = <span class="keyword">new</span> FilterPostProcessor(<span class="local-variable">this</span>.assetManager); <span class="comment">// Create FilterPostProcessor instance</span>
    798. 

  798.         <span class="local-variable">this</span>.oldFilmFilter= <span class="keyword">new</span> OldFilmFilter();  <span class="comment">// Create OldFilmFilter instance</span>
    799. 

  799.         <span class="local-variable">this</span>.fpp.addFilter(<span class="local-variable">this</span>.oldFilmFilter);  <span class="comment">// Add OldFilmFilter instance to FilterPostProcessor instance</span>
    800. 

  800.         <span class="local-variable">this</span>.viewPort.addProcessor(<span class="local-variable">this</span>.fpp);  <span class="comment">// Add FilterPostProcessor instance to ViewPort</span></code></pre>
    801. 

  801. </div>
    802. 

  802. </div>
    803. 

  803. <div class="paragraph">
    804. 

  804. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/oldfilm/TestOldFilm.java">TestCase</a></p>
    805. 

  805. </div>
    806. 

  806. <div class="paragraph">
    807. 

  807. <p><a href="http://jmonkeyengine.org/forum/topic/old-film-effect-filter/">Forum thread</a></p>
    808. 

  808. </div>
    809. 

  809. <hr>
    810. 

  810. </div>
    811. 

  811. </div>
    812. 

  812. <div class="sect2">
    813. 

  813. <h3 id="lightblow-shader">LightBlow Shader</h3>
    814. 

  814. <div class="paragraph">
    815. 

  815. <p>The Lightblow shader is an improved Lighting shader for JME.</p>
    816. 

  816. </div>
    817. 

  817. <div class="paragraph">
    818. 

  818. <p>Features:
    819. 

  819.  * Improved lighting calculations.
    820. 

  820.  * Improved reflection calculations.
    821. 

  821.  * Reflection map implementation with alpha normal map.
    822. 

  822.  * Improved Minnaert calculations.
    823. 

  823.  * Hemispherical lighting.
    824. 

  824.  * Image Based Lighting with Albedo.
    825. 

  825.  * Emissive map implementation with diffuse alpha.
    826. 

  826.  * normalization of normals by default.
    827. 

  827.  * Specular map implementation with normal map alpha.
    828. 

  828.  * Specular intensity implementation.
    829. 

  829.  * Switching -x/-y/-z normals for different normal maps. (3dmax, blender, xnormal have different approaches).
    830. 

  830.  * Specular Color now works with specular maps
    831. 

  831.  * Glowblow fragment shader is added with m_GlowIntensity? uniform. It&#8217;s possible to change glow intensity  for objects. Please, use DiffuseMap? as GlowMap? instead of new additional Glow rgb texture.
    832. 

  832.  * Lightmaps are added.
    833. 

  833.  * Rim Lighting is added. Thanks to Thetoucher from JME Blog!
    834. 

  834.  * Fog is added. Fog is used without post-processing!
    835. 

  835.  * Texture Blending: 4 diffuse, 4 normal textures can be blended (Like Terrain System).</p>
    836. 

  836. </div>
    837. 

  837. <div class="paragraph">
    838. 

  838. <p>Forum: <a href="http://jmonkeyengine.org/forum/topic/lightblow-shader/">http://jmonkeyengine.org/forum/topic/lightblow-shader/</a>
    839. 

  839. Software for NormalMaps? making: <a href="http://shadermap.com/shadermap_pro.php">http://shadermap.com/shadermap_pro.php</a>
    840. 

  840. Software for CubeMaps? editing: <a href="http://developer.amd.com/archive/gpu/cubemapgen/pages/default.aspx">http://developer.amd.com/archive/gpu/cubemapgen/pages/default.aspx</a>
    841. 

  841. Watch following videos:</p>
    842. 

  842. </div>
    843. 

  843. <table class="tableblock frame-all grid-all spread">
    844. 

  844. <colgroup>
    845. 

  845. <col style="width: 100%;">
    846. 

  846. </colgroup>
    847. 

  847. <thead>
    848. 

  848. <tr>
    849. 

  849. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/youtube_knroh_3o2uo" alt="youtube_knroh_3o2uo" height=""></span></th>
    850. 

  850. </tr>
    851. 

  851. </thead>
    852. 

  852. </table>
    853. 

  853. <div class="paragraph">
    854. 

  854. <p><a href="http://jmonkeyengine.org/forum/topic/lightblow-shader/">Forum thread</a></p>
    855. 

  855. </div>
    856. 

  856. <hr>
    857. 

  857. </div>
    858. 

  858. <div class="sect2">
    859. 

  859. <h3 id="dissolver-shader">Dissolver Shader</h3>
    860. 

  860. <div class="paragraph">
    861. 

  861. <p>The Dissolve Shader uses a simple grey scale image as an animated mask to hide a material.</p>
    862. 

  862. </div>
    863. 

  863. <div class="paragraph">
    864. 

  864. <p>The shader incrementally clamps off the colour value, dark to light, and uses that for a masking texture to discard pixels.
    865. 

  865. It is currently capped for convenience at 255 frames of animation and is only using one colour channel.
    866. 

  866. In simple terms, in starts by only discarding the darkest parts of the texture map, then the slightly lighter parts, then the slightly lighter again and again until it eventually cant get any lighter (white), at which point the proccess is complete.</p>
    867. 

  867. </div>
    868. 

  868. <table class="tableblock frame-all grid-all spread">
    869. 

  869. <colgroup>
    870. 

  870. <col style="width: 50%;">
    871. 

  871. <col style="width: 50%;">
    872. 

  872. </colgroup>
    873. 

  873. <thead>
    874. 

  874. <tr>
    875. 

  875. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/dissolver-screen.png" alt="Dissolver screenshot" height=""></span></th>
    876. 

  876. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/dissolver-maps.png" alt="Mask maps" height=""></span></th>
    877. 

  877. </tr>
    878. 

  878. </thead>
    879. 

  879. </table>
    880. 

  880. <div class="paragraph">
    881. 

  881. <p>Starting at the top left we have: simple linear dissolve, organic dissolve and pixel dissolve.
    882. 

  882. And bottom row: organic growth, texture masking, organic burn.
    883. 

  883. Mask texture maps on the second image.</p>
    884. 

  884. </div>
    885. 

  885. <div class="paragraph">
    886. 

  886. <p>The test is occolating the dissolve amount between 0 and 1. It demonstrates 6 different uses for the shader, all running at the same speed. The top row are straight forward dissolves. The bottom row shows 3 potential applications:</p>
    887. 

  887. </div>
    888. 

  888. <div class="olist arabic">
    889. 

  889. <ol class="arabic">
    890. 

  890. <li>
    891. 

  891. <p>Organic Growth (bottom left) over a mesh, this could work both animating rapidly for a fast grow effect, or set to a fixed value e.g. set to 0.5f is “50% covered in growth”;</p>
    892. 

  892. </li>
    893. 

  893. <li>
    894. 

  894. <p>Texture Masking (bottom middle) , I see this is probably where the most practical applications will come from. The demonstration shows a poorely photoshoped clean street, peices of garbage are then scattered around dependant on the dissolve amount, this would work best with a fixed value eg set to .75 is “75% dirty”. Texture Masking could be also be used for:</p>
    895. 

  895. <div class="olist loweralpha">
    896. 

  896. <ol class="loweralpha" type="a">
    897. 

  897. <li>
    898. 

  898. <p>paint damage on a car;</p>
    899. 

  899. </li>
    900. 

  900. <li>
    901. 

  901. <p>lacerations on a character;</p>
    902. 

  902. </li>
    903. 

  903. <li>
    904. 

  904. <p>the blood shot eye effect that creeps in from the sides of the screen when you’ve taken too much damage in a modern FPS.</p>
    905. 

  905. </li>
    906. 

  906. </ol>
    907. 

  907. </div>
    908. 

  908. </li>
    909. 

  909. <li>
    910. 

  910. <p>Organic Burn (bottom right) is comprised of 2 cubes, one blue, one orange, both with the same organic dissolve, however the orange one is slightly offset ahead of the blue so it shows first (ie the dissolve amount is always slight advanced).</p>
    911. 

  911. </li>
    912. 

  912. </ol>
    913. 

  913. </div>
    914. 

  914. <div class="paragraph">
    915. 

  915. <p>Watch following videos:</p>
    916. 

  916. </div>
    917. 

  917. <table class="tableblock frame-all grid-all spread">
    918. 

  918. <colgroup>
    919. 

  919. <col style="width: 50%;">
    920. 

  920. <col style="width: 50%;">
    921. 

  921. </colgroup>
    922. 

  922. <thead>
    923. 

  923. <tr>
    924. 

  924. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/youtube_ry0r_qwfqlq" alt="youtube_ry0r_qwfqlq" height=""></span></th>
    925. 

  925. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/youtube_wufmcn1uv48" alt="youtube_wufmcn1uv48" height=""></span></th>
    926. 

  926. </tr>
    927. 

  927. </thead>
    928. 

  928. </table>
    929. 

  929. <div class="sect3">
    930. 

  930. <h4 id="usage-4">Usage</h4>
    931. 

  931. <div class="paragraph">
    932. 

  932. <p>The shader requires 2 parameters:</p>
    933. 

  933. </div>
    934. 

  934. <div class="ulist">
    935. 

  935. <ul>
    936. 

  936. <li>
    937. 

  937. <p>a Texture2D texture map to use as the dissolve map; and</p>
    938. 

  938. </li>
    939. 

  939. <li>
    940. 

  940. <p>a Vector2 of internal params params:</p>
    941. 

  941. <div class="ulist">
    942. 

  942. <ul>
    943. 

  943. <li>
    944. 

  944. <p>the first is a float value being the amount of dissolve, a value from 0-1 : 0 being no dissolve, being fully dissolved; and</p>
    945. 

  945. </li>
    946. 

  946. <li>
    947. 

  947. <p>the second value is an int use as an inversion switch, 1 to invert the dissolve/discard, 0 to leave as is.</p>
    948. 

  948. </li>
    949. 

  949. </ul>
    950. 

  950. </div>
    951. 

  951. </li>
    952. 

  952. </ul>
    953. 

  953. </div>
    954. 

  954. <div class="listingblock">
    955. 

  955. <div class="content">
    956. 

  956. <pre class="CodeRay highlight"><code data-lang="java">        <span class="comment">// Create a material instance using ShaderBlow's Lighting.j3md</span>
    957. 

  957.         <span class="directive">final</span> Material mat = <span class="keyword">new</span> Material(<span class="local-variable">this</span>.assetManager, <span class="string"><span class="delimiter">&quot;</span><span class="content">ShaderBlow/MatDefs/Dissolve/Lighting.j3md</span><span class="delimiter">&quot;</span></span>);
    958. 

  958.         mat.setColor(<span class="string"><span class="delimiter">&quot;</span><span class="content">Ambient</span><span class="delimiter">&quot;</span></span>, ColorRGBA.Blue);
    959. 

  959.         mat.setColor(<span class="string"><span class="delimiter">&quot;</span><span class="content">Diffuse</span><span class="delimiter">&quot;</span></span>, ColorRGBA.White);
    960. 

  960.         mat.setColor(<span class="string"><span class="delimiter">&quot;</span><span class="content">Specular</span><span class="delimiter">&quot;</span></span>, ColorRGBA.Black);
    961. 

  961.         mat.setBoolean(<span class="string"><span class="delimiter">&quot;</span><span class="content">UseMaterialColors</span><span class="delimiter">&quot;</span></span>, <span class="predefined-constant">true</span>);
    962. 

  962. 

  963.         <span class="local-variable">this</span>.assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">TestTextures/Dissolve/burnMap.png</span><span class="delimiter">&quot;</span></span>
    964. 

  964.         mat.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">DissolveMap</span><span class="delimiter">&quot;</span></span>, map); <span class="comment">// Set mask texture map</span>
    965. 

  965. 

  966.         <span class="local-variable">this</span>.DSParams = <span class="keyword">new</span> Vector2f(<span class="integer">0</span>, <span class="integer">0</span>); <span class="comment">// standard dissolver</span>
    967. 

  967.         <span class="comment">//this.DSParamsInv = new Vector2f(0, 1); // inverted dissolver</span>
    968. 

  968.         mat.setVector2(<span class="string"><span class="delimiter">&quot;</span><span class="content">DissolveParams</span><span class="delimiter">&quot;</span></span>, <span class="local-variable">this</span>.DSParams); <span class="comment">// Set params</span>
    969. 

  969. 

  970.         <span class="directive">final</span> <span class="predefined-type">Box</span> b = <span class="keyword">new</span> <span class="predefined-type">Box</span>(Vector3f.ZERO, <span class="integer">1</span>, <span class="integer">1</span>, <span class="integer">1</span>);
    971. 

  971.         <span class="directive">final</span> Geometry geom = <span class="keyword">new</span> Geometry(<span class="string"><span class="delimiter">&quot;</span><span class="content">Box</span><span class="delimiter">&quot;</span></span>, b);
    972. 

  972.         geom.setMaterial(mat);</code></pre>
    973. 

  973. </div>
    974. 

  974. </div>
    975. 

  975. <div class="paragraph">
    976. 

  976. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/dissolve/TestDissolve.java">TestCase</a></p>
    977. 

  977. </div>
    978. 

  978. <div class="paragraph">
    979. 

  979. <p><a href="http://jmonkeyengine.org/groups/user-code-projects/forum/topic/dissolve-shader-1/">Forum thread</a></p>
    980. 

  980. </div>
    981. 

  981. <hr>
    982. 

  982. </div>
    983. 

  983. </div>
    984. 

  984. <div class="sect2">
    985. 

  985. <h3 id="fakeparticleblow-shader">FakeParticleBlow Shader</h3>
    986. 

  986. <div class="literalblock">
    987. 

  987. <div class="content">
    988. 

  988. <pre>Effect for fire or engine of a ship. Such an effect is used in the “Eve Online game for ship engines.</pre>
    989. 

  989. </div>
    990. 

  990. </div>
    991. 

  991. <div class="paragraph">
    992. 

  992. <p>Features:</p>
    993. 

  993. </div>
    994. 

  994. <div class="olist arabic">
    995. 

  995. <ol class="arabic">
    996. 

  996. <li>
    997. 

  997. <p>GPU animation (now you don’t need simpleUpdate(float tpf) for the shader). Animation is made displacing the texture according to X and/or Y axis.</p>
    998. 

  998. </li>
    999. 

  999. <li>
    1000. 

  1000. <p>X and/or Y animation direction. No animation is supported also.</p>
    1001. 

  1001. </li>
    1002. 

  1002. <li>
    1003. 

  1003. <p>Animation direction changer. By default the Y axis animation&#8217;s direction is up-to-down and the X axis animation&#8217;s direction is right-to-left.</p>
    1004. 

  1004. </li>
    1005. 

  1005. <li>
    1006. 

  1006. <p>Allow to set animation speed.</p>
    1007. 

  1007. </li>
    1008. 

  1008. <li>
    1009. 

  1009. <p>Allow to set mask texture in order to set particle shape.</p>
    1010. 

  1010. </li>
    1011. 

  1011. <li>
    1012. 

  1012. <p>Allow to set particle color.</p>
    1013. 

  1013. </li>
    1014. 

  1014. <li>
    1015. 

  1015. <p>Allow to set fog color. Fog color is applyed to the material using for color&#8217;s alpha value as fog distance factor.</p>
    1016. 

  1016. </li>
    1017. 

  1017. </ol>
    1018. 

  1018. </div>
    1019. 

  1019. <table class="tableblock frame-all grid-all spread">
    1020. 

  1020. <colgroup>
    1021. 

  1021. <col style="width: 100%;">
    1022. 

  1022. </colgroup>
    1023. 

  1023. <tbody>
    1024. 

  1024. <tr>
    1025. 

  1025. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1026. 

  1026. <p><span class="image"><img src="../../sdk/plugin/fakeparticleblow.png" alt="FakeParticleBlow" height=""></span></p>
    1027. 

  1027. </div></div></td>
    1028. 

  1028. </tr>
    1029. 

  1029. <tr>
    1030. 

  1030. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1031. 

  1031. <p><span class="image"><img src="../../sdk/plugin/fakeparticleblow3.png" alt="FakeParticleBlow" height=""></span> Fog applyed to blue fire</p>
    1032. 

  1032. </div></div></td>
    1033. 

  1033. </tr>
    1034. 

  1034. <tr>
    1035. 

  1035. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1036. 

  1036. <p><span class="image"><img src="../../sdk/plugin/youtube_hdqop4yz-la" alt="youtube_hdqop4yz-la" height=""></span></p>
    1037. 

  1037. </div></div></td>
    1038. 

  1038. </tr>
    1039. 

  1039. <tr>
    1040. 

  1040. <td class="tableblock halign-left valign-top"><div></div></td>
    1041. 

  1041. </tr>
    1042. 

  1042. </tbody>
    1043. 

  1043. </table>
    1044. 

  1044. <div class="sect3">
    1045. 

  1045. <h4 id="usage-5">Usage</h4>
    1046. 

  1046. <div class="paragraph">
    1047. 

  1047. <p>Create a material (by SDK or by code) using <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/assets/ShaderBlow/MatDefs/FakeParticleBlow/FakeParticleBlow.j3md">FakeParticleBlow.j3md</a>.
    1048. 

  1048. Set material&#8217;s parameters and set the material to a spatial.</p>
    1049. 

  1049. </div>
    1050. 

  1050. <div class="paragraph">
    1051. 

  1051. <p>Most of the cases the spatial will be 4 to 10 planes in the same location but rotated on Y axis using different angles for each plane. Something similar to this:</p>
    1052. 

  1052. </div>
    1053. 

  1053. <div class="paragraph">
    1054. 

  1054. <p><span class="image"><img src="../../sdk/plugin/fakeobject.png" alt="fakeobject.png" height=""></span></p>
    1055. 

  1055. </div>
    1056. 

  1056. <div class="listingblock">
    1057. 

  1057. <div class="content">
    1058. 

  1058. <pre class="CodeRay highlight"><code data-lang="java">        <span class="comment">// Create the material</span>
    1059. 

  1059.         <span class="directive">final</span> Material mat = <span class="keyword">new</span> Material(<span class="local-variable">this</span>.assetManager,
    1060. 

  1060.                 <span class="string"><span class="delimiter">&quot;</span><span class="content">ShaderBlow/MatDefs/FakeParticleBlow/FakeParticleBlow.j3md</span><span class="delimiter">&quot;</span></span>);
    1061. 

  1061. 

  1062.         <span class="comment">// Create the mask texture to use</span>
    1063. 

  1063.         <span class="directive">final</span> Texture maskTex = <span class="local-variable">this</span>.assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">TestTextures/FakeParticleBlow/mask.png</span><span class="delimiter">&quot;</span></span>);
    1064. 

  1064.         mat.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">MaskMap</span><span class="delimiter">&quot;</span></span>, maskTex);
    1065. 

  1065. 

  1066.         <span class="comment">// Create the texture to use for the spatial.</span>
    1067. 

  1067.         <span class="directive">final</span> Texture aniTex = <span class="local-variable">this</span>.assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">TestTextures/FakeParticleBlow/particles.png</span><span class="delimiter">&quot;</span></span>);
    1068. 

  1068.         aniTex.setWrap(WrapMode.MirroredRepeat); <span class="comment">// NOTE: Set WrapMode = MirroredRepeat in order to animate the texture</span>
    1069. 

  1069.         mat.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">AniTexMap</span><span class="delimiter">&quot;</span></span>, aniTex); <span class="comment">// Set texture</span>
    1070. 

  1070. 

  1071.         mat.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">TimeSpeed</span><span class="delimiter">&quot;</span></span>, <span class="integer">2</span>); <span class="comment">// Set animation speed</span>
    1072. 

  1072. 

  1073.         mat.setColor(<span class="string"><span class="delimiter">&quot;</span><span class="content">BaseColor</span><span class="delimiter">&quot;</span></span>, ColorRGBA.Green.clone()); <span class="comment">// Set base color to apply to the texture</span>
    1074. 

  1074. 

  1075.         <span class="comment">// mat.setBoolean(&quot;Animation_X&quot;, true); // Enable X axis animation</span>
    1076. 

  1076.         mat.setBoolean(<span class="string"><span class="delimiter">&quot;</span><span class="content">Animation_Y</span><span class="delimiter">&quot;</span></span>, <span class="predefined-constant">true</span>); <span class="comment">// Enable Y axis animation</span>
    1077. 

  1077.         mat.setBoolean(<span class="string"><span class="delimiter">&quot;</span><span class="content">Change_Direction</span><span class="delimiter">&quot;</span></span>, <span class="predefined-constant">true</span>); <span class="comment">// Change direction of the texture animation</span>
    1078. 

  1078. 

  1079.         mat.getAdditionalRenderState().setFaceCullMode(FaceCullMode.Off); <span class="comment">// Allow to see both sides of a face</span>
    1080. 

  1080.         mat.getAdditionalRenderState().setBlendMode(BlendMode.Additive);
    1081. 

  1081. 

  1082.         <span class="directive">final</span> ColorRGBA fogColor = ColorRGBA.Black.clone();
    1083. 

  1083.         fogColor.a = <span class="integer">10</span>; <span class="comment">// fogColor's alpha value is used to calculate the intensity of the fog (distance to apply fog)</span>
    1084. 

  1084.         mat.setColor(<span class="string"><span class="delimiter">&quot;</span><span class="content">FogColor</span><span class="delimiter">&quot;</span></span>, fogColor); <span class="comment">// Set fog color to apply to the spatial.</span>
    1085. 

  1085. 

  1086.         <span class="directive">final</span> Quad quad = <span class="keyword">new</span> Quad(<span class="integer">3</span>, <span class="integer">3</span>); <span class="comment">// Create an spatial. A plane in this case</span>
    1087. 

  1087.         <span class="directive">final</span> Geometry geom = <span class="keyword">new</span> Geometry(<span class="string"><span class="delimiter">&quot;</span><span class="content">Particle</span><span class="delimiter">&quot;</span></span>, quad);
    1088. 

  1088.         geom.setMaterial(mat); <span class="comment">// Assign the material to the spatial</span>
    1089. 

  1089.         TangentBinormalGenerator.generate(geom);
    1090. 

  1090.         geom.setQueueBucket(Bucket.Transparent); <span class="comment">// Remenber to set the queue bucket to transparent for the spatial</span></code></pre>
    1091. 

  1091. </div>
    1092. 

  1092. </div>
    1093. 

  1093. <div class="paragraph">
    1094. 

  1094. <p>To get green/yellow/blue fog (not transparency):</p>
    1095. 

  1095. </div>
    1096. 

  1096. <div class="listingblock">
    1097. 

  1097. <div class="content">
    1098. 

  1098. <pre class="CodeRay highlight"><code data-lang="java">        mat.getAdditionalRenderState().setBlendMode(BlendMode.AlphaAdditive);
    1099. 

  1099.         <span class="directive">final</span> ColorRGBA fogColor = ColorRGBA.Blue.clone();</code></pre>
    1100. 

  1100. </div>
    1101. 

  1101. </div>
    1102. 

  1102. <div class="paragraph">
    1103. 

  1103. <p>Several planes geometries will be required as there will be AlphaAdditive material.</p>
    1104. 

  1104. </div>
    1105. 

  1105. <div class="paragraph">
    1106. 

  1106. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/fakeparticleblow/TestFakeParticleBlow.java">TestCase 1</a>
    1107. 

  1107. <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/fakeparticleblow/TestFakeParticleBlow2.java">TestCase 2</a></p>
    1108. 

  1108. </div>
    1109. 

  1109. <div class="paragraph">
    1110. 

  1110. <p><a href="http://jmonkeyengine.org/groups/contribution-depot-jme3/forum/topic/fakeparticleblow-shader/">Forum thread</a></p>
    1111. 

  1111. </div>
    1112. 

  1112. <hr>
    1113. 

  1113. </div>
    1114. 

  1114. </div>
    1115. 

  1115. <div class="sect2">
    1116. 

  1116. <h3 id="forceshield-shader">Forceshield Shader</h3>
    1117. 

  1117. <div class="paragraph">
    1118. 

  1118. <p>Forcefield shader adds shield effect to a spatial.
    1119. 

  1119. The spatial will be a sphere most of the cases, but box or oval should be possible to use. Only problem is that it has to be higher-poly because distace is calculated from vertex.</p>
    1120. 

  1120. </div>
    1121. 

  1121. <div class="paragraph">
    1122. 

  1122. <p>Hits are registred as contact point position using this control and effect animation is based on distance from contact point and time.
    1123. 

  1123. Max number of hits displayed is 4.</p>
    1124. 

  1124. </div>
    1125. 

  1125. <div class="paragraph">
    1126. 

  1126. <p>Features:</p>
    1127. 

  1127. </div>
    1128. 

  1128. <div class="ulist">
    1129. 

  1129. <ul>
    1130. 

  1130. <li>
    1131. 

  1131. <p>Allow to set texture of the shield.</p>
    1132. 

  1132. </li>
    1133. 

  1133. <li>
    1134. 

  1134. <p>Allow to set color of the shield.</p>
    1135. 

  1135. </li>
    1136. 

  1136. <li>
    1137. 

  1137. <p>Allow to set minimal visibility (similar to alpha value). Default is 0, that means shield is no displayed, only hit animations.</p>
    1138. 

  1138. </li>
    1139. 

  1139. <li>
    1140. 

  1140. <p>Allow to set effect duration. Default is 0.5s.</p>
    1141. 

  1141. </li>
    1142. 

  1142. <li>
    1143. 

  1143. <p>Allow to set effect size. Default is 1.</p>
    1144. 

  1144. </li>
    1145. 

  1145. <li>
    1146. 

  1146. <p>Allow to enable/disable hit animations.</p>
    1147. 

  1147. </li>
    1148. 

  1148. </ul>
    1149. 

  1149. </div>
    1150. 

  1150. <table class="tableblock frame-all grid-all spread">
    1151. 

  1151. <colgroup>
    1152. 

  1152. <col style="width: 100%;">
    1153. 

  1153. </colgroup>
    1154. 

  1154. <tbody>
    1155. 

  1155. <tr>
    1156. 

  1156. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1157. 

  1157. <p><span class="image"><img src="../../sdk/plugin/youtube_uu2nbabm9pk" alt="youtube_uu2nbabm9pk" height=""></span></p>
    1158. 

  1158. </div></div></td>
    1159. 

  1159. </tr>
    1160. 

  1160. <tr>
    1161. 

  1161. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1162. 

  1162. <p><span class="image"><img src="../../sdk/plugin/youtube_urzmiuehscc" alt="youtube_urzmiuehscc" height=""></span></p>
    1163. 

  1163. </div></div></td>
    1164. 

  1164. </tr>
    1165. 

  1165. </tbody>
    1166. 

  1166. </table>
    1167. 

  1167. <div class="sect3">
    1168. 

  1168. <h4 id="usage-6">Usage</h4>
    1169. 

  1169. <div class="paragraph">
    1170. 

  1170. <p>Create a Spatial instance. Create a <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/src/com/shaderblow/forceshield/ForceShieldControl.java">ForceShieldControl</a> instance.
    1171. 

  1171. Add the control instance to the spatial.</p>
    1172. 

  1172. </div>
    1173. 

  1173. <div class="listingblock">
    1174. 

  1174. <div class="content">
    1175. 

  1175. <pre class="CodeRay highlight"><code data-lang="java">        <span class="comment">// Create spatial to be the shield</span>
    1176. 

  1176.         <span class="directive">final</span> Sphere sphere = <span class="keyword">new</span> Sphere(<span class="integer">30</span>, <span class="integer">30</span>, <span class="float">1.2f</span>);
    1177. 

  1177.         <span class="directive">final</span> Geometry shield = <span class="keyword">new</span> Geometry(<span class="string"><span class="delimiter">&quot;</span><span class="content">forceshield</span><span class="delimiter">&quot;</span></span>, sphere);
    1178. 

  1178.         shield.setQueueBucket(Bucket.Transparent); <span class="comment">// Remenber to set the queue bucket to transparent for the spatial</span>
    1179. 

  1179. 

  1180.         <span class="comment">// Create ForceShieldControl</span>
    1181. 

  1181.         <span class="local-variable">this</span>.forceShieldControl = <span class="keyword">new</span> ForceShieldControl(<span class="local-variable">this</span>.assetManager, <span class="float">0.5f</span>);
    1182. 

  1182.         shield.addControl(<span class="local-variable">this</span>.forceShieldControl); <span class="comment">// Add the control to the spatial</span>
    1183. 

  1183.         <span class="local-variable">this</span>.forceShieldControl.setEffectSize(<span class="float">2f</span>); <span class="comment">// Set the effect size</span>
    1184. 

  1184.         <span class="local-variable">this</span>.forceShieldControl.setColor(<span class="keyword">new</span> ColorRGBA(<span class="integer">1</span>, <span class="integer">0</span>, <span class="integer">0</span>, <span class="integer">3</span>)); <span class="comment">// Set effect color</span>
    1185. 

  1185.         <span class="local-variable">this</span>.forceShieldControl.setVisibility(<span class="float">0.1f</span>); <span class="comment">// Set shield visibility.</span>
    1186. 

  1186. 

  1187.         <span class="comment">// Set a texture to the shield</span>
    1188. 

  1188.         <span class="local-variable">this</span>.forceShieldControl.setTexture(<span class="local-variable">this</span>.assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">TestTextures/ForceShield/fs_texture.png</span><span class="delimiter">&quot;</span></span>));
    1189. 

  1189. 

  1190.         <span class="comment">// this.forceShieldControl.setEnabled(false); // Enable, disable animation.</span></code></pre>
    1191. 

  1191. </div>
    1192. 

  1192. </div>
    1193. 

  1193. <div class="paragraph">
    1194. 

  1194. <p>Use <em>forceShieldControl.registerHit(final Vector3f position)</em> method to register a hit.</p>
    1195. 

  1195. </div>
    1196. 

  1196. <div class="listingblock">
    1197. 

  1197. <div class="content">
    1198. 

  1198. <pre class="CodeRay highlight"><code data-lang="java">            <span class="directive">final</span> CollisionResults crs = <span class="keyword">new</span> CollisionResults();
    1199. 

  1199.             <span class="local-variable">this</span>.rootNode.collideWith(<span class="keyword">new</span> Ray(<span class="local-variable">this</span>.cam.getLocation(), <span class="local-variable">this</span>.cam.getDirection()), crs);
    1200. 

  1200.             <span class="keyword">if</span> (crs.getClosestCollision() != <span class="predefined-constant">null</span>) {
    1201. 

  1201. 

  1202.                 <span class="comment">// Register a hit</span>
    1203. 

  1203.                 <span class="local-variable">this</span>.forceShieldControl.registerHit(crs.getClosestCollision().getContactPoint());
    1204. 

  1204. 

  1205.             }</code></pre>
    1206. 

  1206. </div>
    1207. 

  1207. </div>
    1208. 

  1208. <div class="paragraph">
    1209. 

  1209. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/forceshield/TestShield.java">TestCase</a></p>
    1210. 

  1210. </div>
    1211. 

  1211. <div class="paragraph">
    1212. 

  1212. <p><a href="http://jmonkeyengine.org/groups/user-code-projects/forum/topic/forceshield-my-very-first-shader/">Forum thread</a></p>
    1213. 

  1213. </div>
    1214. 

  1214. <hr>
    1215. 

  1215. </div>
    1216. 

  1216. </div>
    1217. 

  1217. <div class="sect2">
    1218. 

  1218. <h3 id="matcap-shader">MatCap Shader</h3>
    1219. 

  1219. <div class="paragraph">
    1220. 

  1220. <p>MatCap shader will be very useful for scrollshooters to imitate different materials like glass, gold, metals.
    1221. 

  1221. The shader does not use any lights, only one texture.</p>
    1222. 

  1222. </div>
    1223. 

  1223. <div class="paragraph">
    1224. 

  1224. <p>Features:</p>
    1225. 

  1225. </div>
    1226. 

  1226. <div class="ulist">
    1227. 

  1227. <ul>
    1228. 

  1228. <li>
    1229. 

  1229. <p>Fog color and fog skybox.</p>
    1230. 

  1230. </li>
    1231. 

  1231. <li>
    1232. 

  1232. <p>Toon edge effect.</p>
    1233. 

  1233. </li>
    1234. 

  1234. <li>
    1235. 

  1235. <p>Multiply color: set a color to change texture&#8217;s color.</p>
    1236. 

  1236. </li>
    1237. 

  1237. <li>
    1238. 

  1238. <p>Normal map.</p>
    1239. 

  1239. </li>
    1240. 

  1240. </ul>
    1241. 

  1241. </div>
    1242. 

  1242. <table class="tableblock frame-all grid-all spread">
    1243. 

  1243. <colgroup>
    1244. 

  1244. <col style="width: 100%;">
    1245. 

  1245. </colgroup>
    1246. 

  1246. <tbody>
    1247. 

  1247. <tr>
    1248. 

  1248. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1249. 

  1249. <p><span class="image"><img src="../../sdk/plugin/shaderblow_matcap.jpg" alt="MatCap shader" height=""></span></p>
    1250. 

  1250. </div></div></td>
    1251. 

  1251. </tr>
    1252. 

  1252. <tr>
    1253. 

  1253. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1254. 

  1254. <p><span class="image"><img src="../../sdk/plugin/matcap3.png" alt="Multiply color" height=""></span></p>
    1255. 

  1255. </div></div></td>
    1256. 

  1256. </tr>
    1257. 

  1257. <tr>
    1258. 

  1258. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1259. 

  1259. <p><span class="image"><img src="../../sdk/plugin/matcap1.png" alt="Toon edge effect" height=""></span></p>
    1260. 

  1260. </div></div></td>
    1261. 

  1261. </tr>
    1262. 

  1262. <tr>
    1263. 

  1263. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1264. 

  1264. <p><span class="image"><img src="../../sdk/plugin/matcap2.png" alt="Fog effect" height=""></span></p>
    1265. 

  1265. </div></div></td>
    1266. 

  1266. </tr>
    1267. 

  1267. </tbody>
    1268. 

  1268. </table>
    1269. 

  1269. <div class="sect3">
    1270. 

  1270. <h4 id="usage-7">Usage</h4>
    1271. 

  1271. <div class="paragraph">
    1272. 

  1272. <p>Create a material (by SDK or by code) using <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/assets/ShaderBlow/MatDefs/MatCap/MatCap.j3md">MatCap.j3md</a>. Set material&#8217;s parameters and set the material to a spatial.</p>
    1273. 

  1273. </div>
    1274. 

  1274. <div class="listingblock">
    1275. 

  1275. <div class="content">
    1276. 

  1276. <pre class="CodeRay highlight"><code>Material My Material : ShaderBlow/MatDefs/MatCap/MatCap.j3md {
    1277. 

  1277.      MaterialParameters {
    1278. 

  1278.         DiffuseMap : Flip TestTextures/matcaps/met2.png
    1279. 

  1279.         Nor_Inv_Y : true
    1280. 

  1280.         Nor_Inv_X : false
    1281. 

  1281.         Nor_Inv_Z : false
    1282. 

  1282.         NormalMap : TestModels/LightBlow/jme_lightblow_nor.png
    1283. 

  1283.         FogSkyBox : Flip TestTextures/Water256.dds
    1284. 

  1284. 

  1285.         Toon : true
    1286. 

  1286.         EdgesColor : 1.0 0.0 0.0 1.0
    1287. 

  1287.         EdgeSize : 0.01
    1288. 

  1288.         Fog_Edges : true
    1289. 

  1289.      }
    1290. 

  1290.     AdditionalRenderState {
    1291. 

  1291.     }
    1292. 

  1292. }</code></pre>
    1293. 

  1293. </div>
    1294. 

  1294. </div>
    1295. 

  1295. <div class="paragraph">
    1296. 

  1296. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/matcap/TestMatCap.java">TestCase</a></p>
    1297. 

  1297. </div>
    1298. 

  1298. <div class="paragraph">
    1299. 

  1299. <p><a href="http://jmonkeyengine.org/groups/graphics/forum/topic/glsl-matcap-shader-advice-needed/">Forum thread</a></p>
    1300. 

  1300. </div>
    1301. 

  1301. <hr>
    1302. 

  1302. </div>
    1303. 

  1303. </div>
    1304. 

  1304. <div class="sect2">
    1305. 

  1305. <h3 id="glass-shader">Glass Shader</h3>
    1306. 

  1306. <div class="paragraph">
    1307. 

  1307. <p>Features:</p>
    1308. 

  1308. </div>
    1309. 

  1309. <div class="ulist">
    1310. 

  1310. <ul>
    1311. 

  1311. <li>
    1312. 

  1312. <p>Fog color and fog skybox.</p>
    1313. 

  1313. </li>
    1314. 

  1314. <li>
    1315. 

  1315. <p>Toon edge effect.</p>
    1316. 

  1316. </li>
    1317. 

  1317. <li>
    1318. 

  1318. <p>Multiply color: set a color to change texture&#8217;s color.</p>
    1319. 

  1319. </li>
    1320. 

  1320. <li>
    1321. 

  1321. <p>Normal map.</p>
    1322. 

  1322. </li>
    1323. 

  1323. </ul>
    1324. 

  1324. </div>
    1325. 

  1325. <table class="tableblock frame-all grid-all spread">
    1326. 

  1326. <colgroup>
    1327. 

  1327. <col style="width: 100%;">
    1328. 

  1328. </colgroup>
    1329. 

  1329. <tbody>
    1330. 

  1330. <tr>
    1331. 

  1331. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1332. 

  1332. <p><span class="image"><img src="../../sdk/plugin/glass-shader.png" alt="Glass shader" height=""></span></p>
    1333. 

  1333. </div></div></td>
    1334. 

  1334. </tr>
    1335. 

  1335. <tr>
    1336. 

  1336. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1337. 

  1337. <p><span class="image"><img src="../../sdk/plugin/glass-shader2.png" alt="Glass Shader and Fog Color effect" height=""></span></p>
    1338. 

  1338. </div></div></td>
    1339. 

  1339. </tr>
    1340. 

  1340. </tbody>
    1341. 

  1341. </table>
    1342. 

  1342. <div class="sect3">
    1343. 

  1343. <h4 id="usage-8">Usage</h4>
    1344. 

  1344. <div class="paragraph">
    1345. 

  1345. <p>Create a material (by SDK or by code) using <a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/assets/ShaderBlow/MatDefs/Glass/Glass.j3md">Glass.j3md</a>. Set material&#8217;s parameters and set the material to a spatial.</p>
    1346. 

  1346. </div>
    1347. 

  1347. <div class="listingblock">
    1348. 

  1348. <div class="content">
    1349. 

  1349. <pre class="CodeRay highlight"><code>Material My Material : ShaderBlow/MatDefs/Glass/Glass.j3md {
    1350. 

  1350.      MaterialParameters {
    1351. 

  1351. 

  1352.         RefMap : Flip TestTextures/Water256.dds
    1353. 

  1353.         Multiply_Color : 1.1 1.5 1.1 1.0
    1354. 

  1354.         colorIntensity : 0.79999995
    1355. 

  1355.         Nor_Inv_Y : true
    1356. 

  1356.         NormalMap : TestModels/LightBlow/jme_lightblow_nor.png
    1357. 

  1357.         ChromaticAbberation : true
    1358. 

  1358.         abberIndex : 0.04
    1359. 

  1359.         specularIntensity : 0.59999996
    1360. 

  1360. 

  1361.         Toon : true
    1362. 

  1362.         EdgesColor : 0.2 1.0 0.0 1.0
    1363. 

  1363.         EdgeSize : 0.01
    1364. 

  1364.         Fog_Edges : true
    1365. 

  1365.      }
    1366. 

  1366.     AdditionalRenderState {
    1367. 

  1367.     }
    1368. 

  1368. }</code></pre>
    1369. 

  1369. </div>
    1370. 

  1370. </div>
    1371. 

  1371. <div class="paragraph">
    1372. 

  1372. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/ShaderBlow/test-src/com/shaderblow/test/glass/TestGlass.java">TestCase</a></p>
    1373. 

  1373. </div>
    1374. 

  1374. <div class="paragraph">
    1375. 

  1375. <p><a href="http://jmonkeyengine.org/groups/graphics/forum/topic/glsl-glass-shader-advice-is-needed/">Forum thread</a></p>
    1376. 

  1376. </div>
    1377. 

  1377. <hr>
    1378. 

  1378. </div>
    1379. 

  1379. </div>
    1380. 

  1380. <div class="sect2">
    1381. 

  1381. <h3 id="simplerefraction-postprocessor-filter">SimpleRefraction PostProcessor/Filter</h3>
    1382. 

  1382. <div class="paragraph">
    1383. 

  1383. <p>Features:</p>
    1384. 

  1384. </div>
    1385. 

  1385. <div class="ulist">
    1386. 

  1386. <ul>
    1387. 

  1387. <li>
    1388. 

  1388. <p>Cool refraction effect</p>
    1389. 

  1389. </li>
    1390. 

  1390. </ul>
    1391. 

  1391. </div>
    1392. 

  1392. <table class="tableblock frame-all grid-all spread">
    1393. 

  1393. <colgroup>
    1394. 

  1394. <col style="width: 100%;">
    1395. 

  1395. </colgroup>
    1396. 

  1396. <tbody>
    1397. 

  1397. <tr>
    1398. 

  1398. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1399. 

  1399. <p><span class="image"><img src="../../sdk/plugin/youtube_eaukcu5grmc" alt="youtube_eaukcu5grmc" height=""></span></p>
    1400. 

  1400. </div></div></td>
    1401. 

  1401. </tr>
    1402. 

  1402. </tbody>
    1403. 

  1403. </table>
    1404. 

  1404. <div class="sect3">
    1405. 

  1405. <h4 id="usage-9">Usage</h4>
    1406. 

  1406. <div class="paragraph">
    1407. 

  1407. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/simplerefraction/TestSimpleRefraction.java">TestCase for PostProcessor</a></p>
    1408. 

  1408. </div>
    1409. 

  1409. <div class="paragraph">
    1410. 

  1410. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/simplerefractionfilter/TestSimpleRefractionFilter.java">TestCase for Filter</a></p>
    1411. 

  1411. </div>
    1412. 

  1412. <hr>
    1413. 

  1413. </div>
    1414. 

  1414. </div>
    1415. 

  1415. <div class="sect2">
    1416. 

  1416. <h3 id="basicssao-filter">BasicSSAO Filter</h3>
    1417. 

  1417. <div class="paragraph">
    1418. 

  1418. <p>Features:</p>
    1419. 

  1419. </div>
    1420. 

  1420. <div class="ulist">
    1421. 

  1421. <ul>
    1422. 

  1422. <li>
    1423. 

  1423. <p>Cool Shadows.</p>
    1424. 

  1424. </li>
    1425. 

  1425. </ul>
    1426. 

  1426. </div>
    1427. 

  1427. <table class="tableblock frame-all grid-all spread">
    1428. 

  1428. <colgroup>
    1429. 

  1429. <col style="width: 100%;">
    1430. 

  1430. </colgroup>
    1431. 

  1431. <tbody>
    1432. 

  1432. <tr>
    1433. 

  1433. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1434. 

  1434. <p><span class="image"><img src="../../sdk/plugin/shaderblow_ssao.png" alt="Glass shader" height=""></span></p>
    1435. 

  1435. </div></div></td>
    1436. 

  1436. </tr>
    1437. 

  1437. </tbody>
    1438. 

  1438. </table>
    1439. 

  1439. <div class="sect3">
    1440. 

  1440. <h4 id="usage-10">Usage</h4>
    1441. 

  1441. <div class="paragraph">
    1442. 

  1442. <p><a href="http://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/basicssao/TestBasicSSAO.java">TestCase</a></p>
    1443. 

  1443. </div>
    1444. 

  1444. <div class="paragraph">
    1445. 

  1445. <p><a href="http://jmonkeyengine.org/groups/user-code-projects/forum/topic/wip-custom-ambient-occlusion-filter/">Forum thread</a></p>
    1446. 

  1446. </div>
    1447. 

  1447. <hr>
    1448. 

  1448. </div>
    1449. 

  1449. </div>
    1450. 

  1450. <div class="sect2">
    1451. 

  1451. <h3 id="electricity-shaders">Electricity Shaders</h3>
    1452. 

  1452. <div class="paragraph">
    1453. 

  1453. <p>Features:</p>
    1454. 

  1454. </div>
    1455. 

  1455. <div class="ulist">
    1456. 

  1456. <ul>
    1457. 

  1457. <li>
    1458. 

  1458. <p>Cool Electricity effect</p>
    1459. 

  1459. </li>
    1460. 

  1460. </ul>
    1461. 

  1461. </div>
    1462. 

  1462. <table class="tableblock frame-all grid-all spread">
    1463. 

  1463. <colgroup>
    1464. 

  1464. <col style="width: 100%;">
    1465. 

  1465. </colgroup>
    1466. 

  1466. <tbody>
    1467. 

  1467. <tr>
    1468. 

  1468. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1469. 

  1469. <p><span class="image"><img src="../../sdk/plugin/youtube_jdtes95hnpe" alt="youtube_jdtes95hnpe" height=""></span></p>
    1470. 

  1470. </div></div></td>
    1471. 

  1471. </tr>
    1472. 

  1472. </tbody>
    1473. 

  1473. </table>
    1474. 

  1474. <div class="paragraph">
    1475. 

  1475. <p><a href="http://jmonkeyengine.org/forum/topic/electricity-shaders/">Forum thread</a></p>
    1476. 

  1476. </div>
    1477. 

  1477. <hr>
    1478. 

  1478. </div>
    1479. 

  1479. <div class="sect2">
    1480. 

  1480. <h3 id="simplesprite-shader">SimpleSprite Shader</h3>
    1481. 

  1481. <div class="paragraph">
    1482. 

  1482. <p>Features:</p>
    1483. 

  1483. </div>
    1484. 

  1484. <div class="ulist">
    1485. 

  1485. <ul>
    1486. 

  1486. <li>
    1487. 

  1487. <p>GPU animated texture.</p>
    1488. 

  1488. </li>
    1489. 

  1489. </ul>
    1490. 

  1490. </div>
    1491. 

  1491. <table class="tableblock frame-all grid-all spread">
    1492. 

  1492. <colgroup>
    1493. 

  1493. <col style="width: 100%;">
    1494. 

  1494. </colgroup>
    1495. 

  1495. <tbody>
    1496. 

  1496. <tr>
    1497. 

  1497. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1498. 

  1498. <p><span class="image"><img src="../../sdk/plugin/shaderblow_simplesprite_shader.png" alt="Glass shader" height=""></span></p>
    1499. 

  1499. </div></div></td>
    1500. 

  1500. </tr>
    1501. 

  1501. </tbody>
    1502. 

  1502. </table>
    1503. 

  1503. <table class="tableblock frame-all grid-all spread">
    1504. 

  1504. <colgroup>
    1505. 

  1505. <col style="width: 100%;">
    1506. 

  1506. </colgroup>
    1507. 

  1507. <thead>
    1508. 

  1508. <tr>
    1509. 

  1509. <th class="tableblock halign-left valign-top"><span class="image"><img src="../../sdk/plugin/youtube_7xfxbt-dw3i" alt="youtube_7xfxbt-dw3i" height=""></span></th>
    1510. 

  1510. </tr>
    1511. 

  1511. </thead>
    1512. 

  1512. </table>
    1513. 

  1513. <div class="paragraph">
    1514. 

  1514. <p><a href="http://jmonkeyengine.org/groups/graphics/forum/topic/texture-animation-shader-help-needed/">Forum thread</a></p>
    1515. 

  1515. </div>
    1516. 

  1516. <hr>
    1517. 

  1517. </div>
    1518. 

  1518. <div class="sect2">
    1519. 

  1519. <h3 id="bubble-shader">Bubble Shader</h3>
    1520. 

  1520. <div class="paragraph">
    1521. 

  1521. <p>Features:</p>
    1522. 

  1522. </div>
    1523. 

  1523. <div class="ulist">
    1524. 

  1524. <ul>
    1525. 

  1525. <li>
    1526. 

  1526. <p>Cool nice bubble.</p>
    1527. 

  1527. </li>
    1528. 

  1528. </ul>
    1529. 

  1529. </div>
    1530. 

  1530. <table class="tableblock frame-all grid-all spread">
    1531. 

  1531. <colgroup>
    1532. 

  1532. <col style="width: 100%;">
    1533. 

  1533. </colgroup>
    1534. 

  1534. <tbody>
    1535. 

  1535. <tr>
    1536. 

  1536. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1537. 

  1537. <p><span class="image"><img src="../../sdk/plugin/youtube_rkfblz1eohg" alt="youtube_rkfblz1eohg" height=""></span></p>
    1538. 

  1538. </div></div></td>
    1539. 

  1539. </tr>
    1540. 

  1540. </tbody>
    1541. 

  1541. </table>
    1542. 

  1542. <div class="paragraph">
    1543. 

  1543. <p><a href="http://jmonkeyengine.org/forum/topic/bubble-shader/">Forum thread</a></p>
    1544. 

  1544. </div>
    1545. 

  1545. <hr>
    1546. 

  1546. </div>
    1547. 

  1547. <div class="sect2">
    1548. 

  1548. <h3 id="simplespriteparticle-shader">SimpleSpriteParticle Shader</h3>
    1549. 

  1549. <div class="paragraph">
    1550. 

  1550. <p>Features:
    1551. 

  1551. static sprite speed: can render 1500000 sprites at 149 fps ( 0% cpu load, speed limited only by graphics card ). As long as you don’t change them (add, move, delete, change image).
    1552. 

  1552. FULL LIBRARY PLUGIN: <a href="http://code.google.com/p/petomancer/downloads/detail?name=SpriteLibrary.zip&amp;can=2&amp;q=">http://code.google.com/p/petomancer/downloads/detail?name=SpriteLibrary.zip&amp;can=2&amp;q=</a></p>
    1553. 

  1553. </div>
    1554. 

  1554. <div class="paragraph">
    1555. 

  1555. <p><span class="image"><img src="../../sdk/plugin/shaderblow_simplespriteparticle_shader.png" alt="shaderblow_simplespriteparticle_shader.png" height=""></span></p>
    1556. 

  1556. </div>
    1557. 

  1557. <div class="paragraph">
    1558. 

  1558. <p><a href="http://jmonkeyengine.org/groups/contribution-depot-jme3/forum/topic/spritelibrary-efficient-render-of-sprites/">Forum thread</a></p>
    1559. 

  1559. </div>
    1560. 

  1560. <hr>
    1561. 

  1561. </div>
    1562. 

  1562. <div class="sect2">
    1563. 

  1563. <h3 id="texture-bombing">Texture Bombing</h3>
    1564. 

  1564. <div class="paragraph">
    1565. 

  1565. <p>Features:</p>
    1566. 

  1566. </div>
    1567. 

  1567. <div class="ulist">
    1568. 

  1568. <ul>
    1569. 

  1569. <li>
    1570. 

  1570. <p>Applying random images from a texture atlas to a model by dividing up the model&#8217;s UV textures into cells.</p>
    1571. 

  1571. </li>
    1572. 

  1572. </ul>
    1573. 

  1573. </div>
    1574. 

  1574. <table class="tableblock frame-all grid-all spread">
    1575. 

  1575. <colgroup>
    1576. 

  1576. <col style="width: 100%;">
    1577. 

  1577. </colgroup>
    1578. 

  1578. <tbody>
    1579. 

  1579. <tr>
    1580. 

  1580. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1581. 

  1581. <p><span class="image"><img src="../../sdk/plugin/youtube_3lbhu2c5v8o" alt="youtube_3lbhu2c5v8o" height=""></span></p>
    1582. 

  1582. </div></div></td>
    1583. 

  1583. </tr>
    1584. 

  1584. </tbody>
    1585. 

  1585. </table>
    1586. 

  1586. <div class="sect3">
    1587. 

  1587. <h4 id="usage-11">Usage</h4>
    1588. 

  1588. <div class="paragraph">
    1589. 

  1589. <p><a href="https://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/texturebombing/TestTextureBombing.java">TestCase</a></p>
    1590. 

  1590. </div>
    1591. 

  1591. <div class="paragraph">
    1592. 

  1592. <p><a href="http://hub.jmonkeyengine.org/forum/topic/textureglyph-bombing-shader/">Forum thread</a></p>
    1593. 

  1593. </div>
    1594. 

  1594. <hr>
    1595. 

  1595. </div>
    1596. 

  1596. </div>
    1597. 

  1597. <div class="sect2">
    1598. 

  1598. <h3 id="night-vision">Night Vision</h3>
    1599. 

  1599. <div class="paragraph">
    1600. 

  1600. <p>Features:</p>
    1601. 

  1601. </div>
    1602. 

  1602. <div class="ulist">
    1603. 

  1603. <ul>
    1604. 

  1604. <li>
    1605. 

  1605. <p>Apply a mask (Binoculars) and color to emulate night vision mode.</p>
    1606. 

  1606. </li>
    1607. 

  1607. </ul>
    1608. 

  1608. </div>
    1609. 

  1609. <table class="tableblock frame-all grid-all spread">
    1610. 

  1610. <colgroup>
    1611. 

  1611. <col style="width: 100%;">
    1612. 

  1612. </colgroup>
    1613. 

  1613. <tbody>
    1614. 

  1614. <tr>
    1615. 

  1615. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1616. 

  1616. <p><span class="image"><img src="../../sdk/plugin/youtube_mnsjavutdps" alt="youtube_mnsjavutdps" height=""></span></p>
    1617. 

  1617. </div></div></td>
    1618. 

  1618. </tr>
    1619. 

  1619. </tbody>
    1620. 

  1620. </table>
    1621. 

  1621. <div class="sect3">
    1622. 

  1622. <h4 id="usage-12">Usage</h4>
    1623. 

  1623. <div class="paragraph">
    1624. 

  1624. <p><a href="https://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/nightvision/TestNightVision.java">TestCase</a></p>
    1625. 

  1625. </div>
    1626. 

  1626. <div class="paragraph">
    1627. 

  1627. <p><a href="http://hub.jmonkeyengine.org/forum/topic/night-vision-filter-available-in-shaderblow-plugin/">Forum thread</a></p>
    1628. 

  1628. </div>
    1629. 

  1629. <hr>
    1630. 

  1630. </div>
    1631. 

  1631. </div>
    1632. 

  1632. <div class="sect2">
    1633. 

  1633. <h3 id="predator-thermal-vision">Predator Thermal Vision</h3>
    1634. 

  1634. <div class="paragraph">
    1635. 

  1635. <p>Features:</p>
    1636. 

  1636. </div>
    1637. 

  1637. <div class="ulist">
    1638. 

  1638. <ul>
    1639. 

  1639. <li>
    1640. 

  1640. <p>Changes the color in the scene to emulate the predator thermal vision effect</p>
    1641. 

  1641. </li>
    1642. 

  1642. </ul>
    1643. 

  1643. </div>
    1644. 

  1644. <table class="tableblock frame-all grid-all spread">
    1645. 

  1645. <colgroup>
    1646. 

  1646. <col style="width: 100%;">
    1647. 

  1647. </colgroup>
    1648. 

  1648. <tbody>
    1649. 

  1649. <tr>
    1650. 

  1650. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1651. 

  1651. <p><span class="image"><img src="../../sdk/plugin/youtube_dqbwcwvwtfq" alt="youtube_dqbwcwvwtfq" height=""></span></p>
    1652. 

  1652. </div></div></td>
    1653. 

  1653. </tr>
    1654. 

  1654. </tbody>
    1655. 

  1655. </table>
    1656. 

  1656. <div class="sect3">
    1657. 

  1657. <h4 id="usage-13">Usage</h4>
    1658. 

  1658. <div class="paragraph">
    1659. 

  1659. <p><a href="https://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/predatorvision/TestPredatorVision.java?spec=svn1097&amp;r=1097">TestCase</a></p>
    1660. 

  1660. </div>
    1661. 

  1661. <div class="paragraph">
    1662. 

  1662. <p><a href="http://hub.jmonkeyengine.org/forum/topic/predator-thermal-vision-filter-available-in-the-shaderblow-plugin/">Forum thread</a></p>
    1663. 

  1663. </div>
    1664. 

  1664. <hr>
    1665. 

  1665. </div>
    1666. 

  1666. </div>
    1667. 

  1667. <div class="sect2">
    1668. 

  1668. <h3 id="frosted-glass-effect">Frosted glass effect</h3>
    1669. 

  1669. <div class="paragraph">
    1670. 

  1670. <p>Features:</p>
    1671. 

  1671. </div>
    1672. 

  1672. <div class="ulist">
    1673. 

  1673. <ul>
    1674. 

  1674. <li>
    1675. 

  1675. <p>Displays a frosted glass effect over the current scene</p>
    1676. 

  1676. </li>
    1677. 

  1677. </ul>
    1678. 

  1678. </div>
    1679. 

  1679. <table class="tableblock frame-all grid-all spread">
    1680. 

  1680. <colgroup>
    1681. 

  1681. <col style="width: 100%;">
    1682. 

  1682. </colgroup>
    1683. 

  1683. <tbody>
    1684. 

  1684. <tr>
    1685. 

  1685. <td class="tableblock halign-left valign-top"><div><div class="paragraph">
    1686. 

  1686. <p><span class="image"><img src="../../sdk/plugin/youtube_bb0jvjqvurw" alt="youtube_bb0jvjqvurw" height=""></span></p>
    1687. 

  1687. </div></div></td>
    1688. 

  1688. </tr>
    1689. 

  1689. </tbody>
    1690. 

  1690. </table>
    1691. 

  1691. <div class="sect3">
    1692. 

  1692. <h4 id="usage-14">Usage</h4>
    1693. 

  1693. <div class="paragraph">
    1694. 

  1694. <p><a href="https://code.google.com/p/jmonkeyplatform-contributions/source/browse/trunk/shaderblowlib/ShaderBlow/test-src/com/shaderblow/test/filter/frostedglass/TestFrostedGlass.java">TestCase</a></p>
    1695. 

  1695. </div>
    1696. 

  1696. <div class="paragraph">
    1697. 

  1697. <p><a href="http://hub.jmonkeyengine.org/forum/topic/frosted-glass-filter-available-in-the-shaderblow-plugin/">Forum thread</a></p>
    1698. 

  1698. </div>
    1699. 

  1699. <hr>
    1700. 

  1700. </div>
    1701. 

  1701. </div>
    1702. 

  1702. </div>
    1703. 

  1703. <div id="footer">
    1704. 

  1704. <div id="footer-text">
    1705. 

  1705. Version <br>
    1706. 

  1706. Last updated 2016-06-05 15:58:32 UTC
    1707. 

  1707. </div>
    1708. 

  1708. </div>
    1709. 

  1709. </body>
    1710. 

  1710. </html>
    1711.