Inicio Explorar Ayuda
Iniciar sesión
java
/
jMonkeyEngine-wiki
espejo de https://github.com/jMonkeyEngine/wiki.git
2
0
Fork 0
Archivos Incidencias 0 Wiki
Árbol: eda43e4eb7
Ramas Etiquetas
jMonkeyEngine-w...
/
sdk
/
neotexture.html

neotexture.html 42 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711 
  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. <meta name="keywords" content="documentation, sdk, tool, texture, material">
    9. 

  9. <title>jMonkeyEngine SDK: Procedural Textures with NeoTexture</title>
    10. 

  10. <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">
    11. 

  11. <style>
    12. 

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

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

  14. /*@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";*/
    15. 

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

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

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

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

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

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

  21. body{margin:0}
    22. 

  22. a{background:transparent}
    23. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  38. img{border:0}
    39. 

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

  40. figure{margin:0}
    41. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  56. 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}
    57. 

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

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

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

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

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

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

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

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

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

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

  67. .hide{display:none}
    68. 

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

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

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

  71. select{width:100%}
    72. 

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

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

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

  75. .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}
    76. 

  76. 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}
    77. 

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

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

  79. a img{border:none}
    80. 

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

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

  82. 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}
    83. 

  83. 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}
    84. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  119. 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}
    120. 

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

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

  122. 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}
    123. 

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

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

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

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

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

  128. *: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}
    129. 

  129. 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}
    130. 

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

  131. 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}
    132. 

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

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

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

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

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

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

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

  139. #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}
    140. 

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

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

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

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

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

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

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

  147. #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}
    148. 

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

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

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

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

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

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

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

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

  156. #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}
    157. 

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

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

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

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

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

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

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

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

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

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

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

  168. #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}
    169. 

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

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

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

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

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

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

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

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

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

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

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

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

  181. #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}
    182. 

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

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

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

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

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

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

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

  189. #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}
    190. 

  190. #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}
    191. 

  191. #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}
    192. 

  192. #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}
    193. 

  193. #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}
    194. 

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

  195. .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}
    196. 

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

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

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

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

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

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

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

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

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

  205. .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}
    206. 

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

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

  208. .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}
    209. 

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

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

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

  212. .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}
    213. 

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

  214. .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}
    215. 

  215. .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}
    216. 

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

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

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

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

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

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

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

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

  224. .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}
    225. 

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

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

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

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

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

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

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

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

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

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

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

  236. .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}
    237. 

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

  238. .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)}
    239. 

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

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

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

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

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

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

  245. .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}
    246. 

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

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

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

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

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

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

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

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

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

  255. 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}
    256. 

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

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

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

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

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

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

  262. 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}
    263. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  286. 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}
    287. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  306. .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}
    307. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  322. #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}
    323. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  373. .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}
    374. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  419. </style>
    420. 

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

  421. <style>
    422. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  511. </style>
    512. 

  512. </head>
    513. 

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

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

  515. <h1>jMonkeyEngine SDK: Procedural Textures with NeoTexture</h1>
    516. 

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

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

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

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

  520. </div>
    521. 

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

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

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

  524. <li><a href="#creating-and-editing-a-neotexture-file">Creating and Editing a NeoTexture file</a></li>
    525. 

  525. <li><a href="#adding-the-neotexture-libraries-to-your-project">Adding the NeoTexture libraries to your project</a></li>
    526. 

  526. <li><a href="#loading-tgr-files-as-material">Loading tgr files as material</a></li>
    527. 

  527. <li><a href="#using-tgr-files-like-normal-textures-in-j3m-files">Using tgr files like normal textures in j3m files</a></li>
    528. 

  528. </ul>
    529. 

  529. </div>
    530. 

  530. </div>
    531. 

  531. <div id="content">
    532. 

  532. <div id="preamble">
    533. 

  533. <div class="sectionbody">
    534. 

  534. <div class="paragraph">
    535. 

  535. <p>The NeoTextureEditor allows creating tiled textures procedurally using a simple node interface for generating images, blending them, creating normal maps and much more. You can directly load the .tgr files as a material or export the generated images as .png files and use them in a jMonkeyEngine-based game.</p>
    536. 

  536. </div>
    537. 

  537. <div class="paragraph">
    538. 

  538. <p>Textures usually make up most of the size of a game distribution. This is why NeoTexture is not only an editor, but also a library that generates textures from .tgr files. Use the library to load .tgr files directly in jME3 as a material, without having to export the textures before. This means high-quality textures for your models, but just tiny description files in your distribution.</p>
    539. 

  539. </div>
    540. 

  540. </div>
    541. 

  541. </div>
    542. 

  542. <div class="sect2">
    543. 

  543. <h3 id="creating-and-editing-a-neotexture-file">Creating and Editing a NeoTexture file</h3>
    544. 

  544. <div class="imageblock" style="text-align: right">
    545. 

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

  546. <img src="../wp-uploads/2010/10/neotexture-300x189.jpg" alt="neotexture-300x189.jpg" height="">
    547. 

  547. </div>
    548. 

  548. </div>
    549. 

  549. <div class="olist arabic">
    550. 

  550. <ol class="arabic">
    551. 

  551. <li>
    552. 

  552. <p>Right-click the <code>assets/Textures</code> directory and choose New… &gt; Other.</p>
    553. 

  553. </li>
    554. 

  554. <li>
    555. 

  555. <p>In the New File Wizard, choose NeoTexture &gt; Empty NeoTextureFile and click Next.</p>
    556. 

  556. </li>
    557. 

  557. <li>
    558. 

  558. <p>Give the file a name, for exmaple <code>neoMaterial</code>.</p>
    559. 

  559. </li>
    560. 

  560. <li>
    561. 

  561. <p>A new file <code>neoMaterial.tgr</code> is created in the Textures directory and opens in the NeoTexture Editor.</p>
    562. 

  562. </li>
    563. 

  563. </ol>
    564. 

  564. </div>
    565. 

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

  566. <p>Edit the .tgr file and create your procedural texture: (<a href="http://neotextureedit.sourceforge.net/">Learn more about creating Procedural Textures here</a>)</p>
    567. 

  567. </div>
    568. 

  568. <div class="olist arabic">
    569. 

  569. <ol class="arabic">
    570. 

  570. <li>
    571. 

  571. <p>Drag any pattern from the left bar to the editor area.</p>
    572. 

  572. </li>
    573. 

  573. <li>
    574. 

  574. <p>Right-click the editor area and paste a NormalMap filter node.</p>
    575. 

  575. </li>
    576. 

  576. <li>
    577. 

  577. <p>Connect the green output mark of the pattern with the red input mark of the filter.<br>
    578. 

  578. This generates a Normal Map that can be used as bump map.</p>
    579. 

  579. </li>
    580. 

  580. </ol>
    581. 

  581. </div>
    582. 

  582. </div>
    583. 

  583. <div class="sect2">
    584. 

  584. <h3 id="adding-the-neotexture-libraries-to-your-project">Adding the NeoTexture libraries to your project</h3>
    585. 

  585. <div class="paragraph">
    586. 

  586. <p>To use NeoTexture tgr files directly in your application, you have to add the NeoTexture libraries to your project:</p>
    587. 

  587. </div>
    588. 

  588. <div class="olist arabic">
    589. 

  589. <ol class="arabic">
    590. 

  590. <li>
    591. 

  591. <p>Right-click your project and select “Properties</p>
    592. 

  592. </li>
    593. 

  593. <li>
    594. 

  594. <p>Go to the “Libraries section of the properties window</p>
    595. 

  595. </li>
    596. 

  596. <li>
    597. 

  597. <p>Press “Add Library..</p>
    598. 

  598. </li>
    599. 

  599. <li>
    600. 

  600. <p>Select “NeoTexture-Libraries and press “add</p>
    601. 

  601. </li>
    602. 

  602. </ol>
    603. 

  603. </div>
    604. 

  604. </div>
    605. 

  605. <div class="sect2">
    606. 

  606. <h3 id="loading-tgr-files-as-material">Loading tgr files as material</h3>
    607. 

  607. <div class="imageblock" style="text-align: right">
    608. 

  608. <div class="content">
    609. 

  609. <img src="../wp-uploads/2010/10/neotexture-2-300x149.jpg" alt="neotexture-2-300x149.jpg" height="">
    610. 

  610. </div>
    611. 

  611. </div>
    612. 

  612. <div class="paragraph">
    613. 

  613. <p>We want to use the procedural texture as a material based on <code>Lighting.j3md</code> (the default). We know that Lighting.j3md supports DiffuseMap, NormalMap, SpecularMap, and ParallaxMap.</p>
    614. 

  614. </div>
    615. 

  615. <div class="olist arabic">
    616. 

  616. <ol class="arabic">
    617. 

  617. <li>
    618. 

  618. <p>Click the Normal Map filter to select it. We want to use it as the Normal Map of the texture.</p>
    619. 

  619. <div class="olist loweralpha">
    620. 

  620. <ol class="loweralpha" type="a">
    621. 

  621. <li>
    622. 

  622. <p>In the NeoTextures Properties window under <code>Export name</code>, enter the name of the texture layer as it would appear in a .j3m file, e.g. “NormalMap”.</p>
    623. 

  623. </li>
    624. 

  624. </ol>
    625. 

  625. </div>
    626. 

  626. </li>
    627. 

  627. <li>
    628. 

  628. <p>Click the pattern to select it. We want to (re)use it as Diffuse Map of the texture.</p>
    629. 

  629. <div class="olist loweralpha">
    630. 

  630. <ol class="loweralpha" type="a">
    631. 

  631. <li>
    632. 

  632. <p>In the NeoTextures Properties window under <code>Export name</code>, enter the name of the texture layer as it would appear in a .j3m file, e.g. “DiffuseMap”.</p>
    633. 

  633. </li>
    634. 

  634. </ol>
    635. 

  635. </div>
    636. 

  636. </li>
    637. 

  637. <li>
    638. 

  638. <p>Click the Save button in the NeoTextures Editor. The .tgr file is saved with two layers. (We could add SpecularMap and ParallaxMap the same way, if we wanted.)</p>
    639. 

  639. </li>
    640. 

  640. </ol>
    641. 

  641. </div>
    642. 

  642. <div class="paragraph">
    643. 

  643. <p>Let&#8217;s assign the newly created texture to a mesh to see what it looks like.</p>
    644. 

  644. </div>
    645. 

  645. <div class="olist arabic">
    646. 

  646. <ol class="arabic">
    647. 

  647. <li>
    648. 

  648. <p>Open your Main.java file.</p>
    649. 

  649. </li>
    650. 

  650. <li>
    651. 

  651. <p>Choose Window→Palette to open the Palette. You will find two NeoTexture code snippets, one for adding the NeoTexture loader to the assetManager, and one for loading a NeoTexture material.</p>
    652. 

  652. </li>
    653. 

  653. <li>
    654. 

  654. <p>Drag&amp;Drop one of each into the simpleInitApp() method of your application.</p>
    655. 

  655. </li>
    656. 

  656. <li>
    657. 

  657. <p>Adjust the .tgr file path names to match the file that we just created: “Materials/neoMaterial.tgr.</p>
    658. 

  658. </li>
    659. 

  659. </ol>
    660. 

  660. </div>
    661. 

  661. <div class="paragraph">
    662. 

  662. <p>Clean, build and run. You’re ready to load your procedural material!</p>
    663. 

  663. </div>
    664. 

  664. <div class="listingblock">
    665. 

  665. <div class="content">
    666. 

  666. <pre class="CodeRay highlight"><code data-lang="java">assetManager.registerLoader(com.jme3.material.plugins.NeoTextureMaterialLoader.class,<span class="string"><span class="delimiter">&quot;</span><span class="content">tgr</span><span class="delimiter">&quot;</span></span>);
    667. 

  667. NeoTextureMaterialKey key = <span class="keyword">new</span> NeoTextureMaterialKey(<span class="string"><span class="delimiter">&quot;</span><span class="content">Materials/neoMaterial.tgr</span><span class="delimiter">&quot;</span></span>);
    668. 

  668. 

  669. Material mat = assetManager.loadAsset(key);
    670. 

  670. mat.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Shininess</span><span class="delimiter">&quot;</span></span>,<span class="integer">12</span>); <span class="comment">/* Lighting.j3md has non-map parameters too that we can set. */</span>
    671. 

  671. thing.setMaterial(mat);</code></pre>
    672. 

  672. </div>
    673. 

  673. </div>
    674. 

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

  675. <p>The default Material Definition for NeoTextures is <code>Lighting.j3md</code>, and it&#8217;s probably the one you will use most often. In case that you want to use additional texture parameters, other than DiffuseMap, SpecularMap, ParallaxMap, and NormalMap, you can switch to another Material Definition using setMaterialDef(), for instance:</p>
    676. 

  676. </div>
    677. 

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

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

  679. <pre class="CodeRay highlight"><code data-lang="java">key.setMaterialDef(<span class="string"><span class="delimiter">&quot;</span><span class="content">Commons/MatDefs/Misc/ColoredTextured.j3md</span><span class="delimiter">&quot;</span></span>);</code></pre>
    680. 

  680. </div>
    681. 

  681. </div>
    682. 

  682. <div class="paragraph">
    683. 

  683. <p>Remember that the layer names in the .tgr file must match the ones declared in the .j3md file. In our example of <code>ColoredTextured.j3md</code>, the .tgr file must contain a <code>ColorMap</code> and you need to set a RGBAColor.</p>
    684. 

  684. </div>
    685. 

  685. </div>
    686. 

  686. <div class="sect2">
    687. 

  687. <h3 id="using-tgr-files-like-normal-textures-in-j3m-files">Using tgr files like normal textures in j3m files</h3>
    688. 

  688. <div class="paragraph">
    689. 

  689. <p>You can use the .tgr files like normal textures in j3m files, with a syntax like this:
    690. 

  690. <code>Materials/neoMaterial?DiffuseMap.tgr</code>
    691. 

  691. The part between the <code>?</code> and the suffix is the name of the node you want to load as a texture. If you dont supply a name, <code>texture</code> is used.</p>
    692. 

  692. </div>
    693. 

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

  694. <p>To be able to load these textures, you have to register a Locator and a Loader in the AssetManager, note that you can only register one loader per extension so you cannot load .tgr files as materials and as textures with the same assetManager.</p>
    695. 

  695. </div>
    696. 

  696. <div class="listingblock">
    697. 

  697. <div class="content">
    698. 

  698. <pre class="CodeRay highlight"><code data-lang="java">assetManager.registerLocator(<span class="string"><span class="delimiter">&quot;</span><span class="content">/</span><span class="delimiter">&quot;</span></span>, com.jme3.texture.plugins.NeoTextureLocator.class );
    699. 

  699. assetManager.registerLoader(com.jme3.texture.plugins.NeoTextureLoader.class,<span class="string"><span class="delimiter">&quot;</span><span class="content">tgr</span><span class="delimiter">&quot;</span></span>);</code></pre>
    700. 

  700. </div>
    701. 

  701. </div>
    702. 

  702. </div>
    703. 

  703. </div>
    704. 

  704. <div id="footer">
    705. 

  705. <div id="footer-text">
    706. 

  706. Version <br>
    707. 

  707. Last updated 2016-06-05 15:58:32 UTC
    708. 

  708. </div>
    709. 

  709. </div>
    710. 

  710. </body>
    711. 

  711. </html>
    712.