material_specification.html 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <title>jMonkeyEngine3 Material Specification :: jMonkeyEngine Docs</title>
  7. <link rel="canonical" href="https://wiki.jmonkeyengine.org/docs/3.8/core/material/material_specification.html">
  8. <meta name="generator" content="Antora 3.0.1">
  9. <link rel="stylesheet" href="../../../../_/css/site.css">
  10. <meta property="og:image" content="https://wiki.jmonkeyengine.org/_/img/iconx128.png">
  11. <meta property="og:description" content="jMonkeyEngine3 Material Specification">
  12. <meta property="og:title" content="jMonkeyEngine Docs">
  13. <link rel="stylesheet" href="../../../../_/css/site-extra.css">
  14. <link rel="stylesheet" href="../../../../_/css/vendor/docsearch.min.css">
  15. <!-- fetched from https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css -->
  16. <link rel="icon" href="../../../../_/img/favicon.ico" type="image/x-icon">
  17. </head>
  18. <body class="article">
  19. <header class="header">
  20. <nav class="navbar">
  21. <div class="navbar-brand">
  22. <a class="navbar-item" href="https://wiki.jmonkeyengine.org">
  23. <img alt="" src="../../../../_/img/jme-logo.png" height="32" type="image/x-icon">
  24. </a>
  25. <div class="navbar-item hide-for-print">
  26. <input id="search-input" type="text" placeholder="Search docs">
  27. </div>
  28. <button class="navbar-burger" data-target="topbar-nav">
  29. <span></span>
  30. <span></span>
  31. <span></span>
  32. </button>
  33. </div>
  34. <div id="topbar-nav" class="navbar-menu">
  35. <div class="navbar-end">
  36. <div class="navbar-item theme-switch-wrapper">
  37. <label class="theme-switch" for="checkbox">
  38. <input type="checkbox" id="checkbox" />
  39. <div class="slider round"></div>
  40. </label>
  41. </div>
  42. <a class="navbar-item" href="https://github.com/jmonkeyengine/wiki">Github</a>
  43. </div>
  44. </div>
  45. </nav>
  46. </header>
  47. <div class="body">
  48. <div class="nav-container" data-component="docs" data-version="3.4">
  49. <aside class="nav">
  50. <div class="panels">
  51. <div class="nav-panel-menu is-active" data-panel="menu">
  52. <nav class="nav-menu">
  53. <h3 class="title"><a href="../../documentation.html">JME</a></h3>
  54. <ul class="nav-list">
  55. <li class="nav-item" data-depth="0">
  56. <ul class="nav-list">
  57. <li class="nav-item" data-depth="1">
  58. <a class="nav-link" href="../../documentation.html">Getting Started</a>
  59. </li>
  60. <li class="nav-item" data-depth="1">
  61. <a class="nav-link" href="https://javadoc.jmonkeyengine.org/v3.4.1-stable">JavaDoc</a>
  62. </li>
  63. <li class="nav-item" data-depth="1">
  64. <a class="nav-link" href="../../release.html">Release Guide</a>
  65. </li>
  66. </ul>
  67. </li>
  68. <li class="nav-item" data-depth="0">
  69. <ul class="nav-list">
  70. <li class="nav-item" data-depth="1">
  71. <button class="nav-item-toggle"></button>
  72. <a class="nav-link" href="../../tutorials/beginner/beginner.html">Beginner Tutorials</a>
  73. <ul class="nav-list">
  74. <li class="nav-item" data-depth="2">
  75. <a class="nav-link" href="../../tutorials/beginner/hello_simpleapplication.html">Hello SimpleApplication</a>
  76. </li>
  77. <li class="nav-item" data-depth="2">
  78. <a class="nav-link" href="../../tutorials/beginner/hello_node.html">Hello Node</a>
  79. </li>
  80. <li class="nav-item" data-depth="2">
  81. <a class="nav-link" href="../../tutorials/beginner/hello_asset.html">Hello Asset</a>
  82. </li>
  83. <li class="nav-item" data-depth="2">
  84. <a class="nav-link" href="../../tutorials/beginner/hello_main_event_loop.html">Hello Update Loop</a>
  85. </li>
  86. <li class="nav-item" data-depth="2">
  87. <a class="nav-link" href="../../tutorials/beginner/hello_input_system.html">Hello Input System</a>
  88. </li>
  89. <li class="nav-item" data-depth="2">
  90. <a class="nav-link" href="../../tutorials/beginner/hello_material.html">Hello Material</a>
  91. </li>
  92. <li class="nav-item" data-depth="2">
  93. <a class="nav-link" href="../../tutorials/beginner/hello_animation.html">Hello Animation</a>
  94. </li>
  95. <li class="nav-item" data-depth="2">
  96. <a class="nav-link" href="../../tutorials/beginner/hello_picking.html">Hello Picking</a>
  97. </li>
  98. <li class="nav-item" data-depth="2">
  99. <a class="nav-link" href="../../tutorials/beginner/hello_collision.html">Hello Collision</a>
  100. </li>
  101. <li class="nav-item" data-depth="2">
  102. <a class="nav-link" href="../../tutorials/beginner/hello_terrain.html">Hello Terrain</a>
  103. </li>
  104. <li class="nav-item" data-depth="2">
  105. <a class="nav-link" href="../../tutorials/beginner/hello_audio.html">Hello Audio</a>
  106. </li>
  107. <li class="nav-item" data-depth="2">
  108. <a class="nav-link" href="../../tutorials/beginner/hello_effects.html">Hello Effects</a>
  109. </li>
  110. <li class="nav-item" data-depth="2">
  111. <a class="nav-link" href="../../tutorials/beginner/hello_physics.html">Hello Physics</a>
  112. </li>
  113. </ul>
  114. </li>
  115. <li class="nav-item" data-depth="1">
  116. <button class="nav-item-toggle"></button>
  117. <span class="nav-text">Key Concepts</span>
  118. <ul class="nav-list">
  119. <li class="nav-item" data-depth="2">
  120. <a class="nav-link" href="../../tutorials/concepts/best_practices.html">Best Practices</a>
  121. </li>
  122. <li class="nav-item" data-depth="2">
  123. <a class="nav-link" href="../../tutorials/concepts/optimization.html">Optimization</a>
  124. </li>
  125. <li class="nav-item" data-depth="2">
  126. <a class="nav-link" href="../../tutorials/concepts/faq.html">Frequently Asked Questions</a>
  127. </li>
  128. <li class="nav-item" data-depth="2">
  129. <a class="nav-link" href="../../tutorials/concepts/math_for_dummies.html">Math for Dummies</a>
  130. </li>
  131. <li class="nav-item" data-depth="2">
  132. <a class="nav-link" href="../../tutorials/concepts/math.html">Math overview</a>
  133. </li>
  134. <li class="nav-item" data-depth="2">
  135. <a class="nav-link" href="../../tutorials/concepts/math_cheet_sheet.html">3D math "cheat sheet"</a>
  136. </li>
  137. <li class="nav-item" data-depth="2">
  138. <a class="nav-link" href="../../tutorials/concepts/rotate.html">3-D Rotation</a>
  139. </li>
  140. <li class="nav-item" data-depth="2">
  141. <a class="nav-link" href="../../tutorials/concepts/math_video_tutorials.html">Math video tutorial series</a>
  142. </li>
  143. <li class="nav-item" data-depth="2">
  144. <a class="nav-link" href="../../tutorials/concepts/multi-media_asset_pipeline.html">Multi-Media Asset Pipeline</a>
  145. </li>
  146. <li class="nav-item" data-depth="2">
  147. <a class="nav-link" href="../../tutorials/concepts/the_scene_graph.html">The Scene Graph</a>
  148. </li>
  149. <li class="nav-item" data-depth="2">
  150. <a class="nav-link" href="../../tutorials/concepts/scenegraph_for_dummies.html">Scene Graph for Dummies</a>
  151. </li>
  152. <li class="nav-item" data-depth="2">
  153. <a class="nav-link" href="../../tutorials/concepts/terminology.html">3D Graphics Terminology</a>
  154. </li>
  155. <li class="nav-item" data-depth="2">
  156. <a class="nav-link" href="../../tutorials/concepts/transparency_sorting.html">Transparency Sorting</a>
  157. </li>
  158. </ul>
  159. </li>
  160. <li class="nav-item" data-depth="1">
  161. <button class="nav-item-toggle"></button>
  162. <span class="nav-text">Articles and How-to&#8217;s</span>
  163. <ul class="nav-list">
  164. <li class="nav-item" data-depth="2">
  165. <button class="nav-item-toggle"></button>
  166. <span class="nav-text">How to Model</span>
  167. <ul class="nav-list">
  168. <li class="nav-item" data-depth="3">
  169. <a class="nav-link" href="../../tutorials/how-to/modeling/3dsmax/3dsmax.html">3dsmax</a>
  170. </li>
  171. <li class="nav-item" data-depth="3">
  172. <button class="nav-item-toggle"></button>
  173. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/blender.html">Blender</a>
  174. <ul class="nav-list">
  175. <li class="nav-item" data-depth="4">
  176. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/blender_buffer_clearing.html">Buffer Clearing</a>
  177. </li>
  178. <li class="nav-item" data-depth="4">
  179. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/blender_gltf.html">Export as GlTF</a>
  180. </li>
  181. <li class="nav-item" data-depth="4">
  182. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/blender_ogre_export.html">Export as Ogre XML</a>
  183. </li>
  184. <li class="nav-item" data-depth="4">
  185. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/blender_ogre_compatibility.html">Ogre Compatibility</a>
  186. </li>
  187. <li class="nav-item" data-depth="4">
  188. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/makehuman.html">MakeHuman</a>
  189. </li>
  190. <li class="nav-item" data-depth="4">
  191. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/makehuman_blender_ogrexml_toolchain.html">MakeHuman toolchain</a>
  192. </li>
  193. </ul>
  194. </li>
  195. </ul>
  196. </li>
  197. <li class="nav-item" data-depth="2">
  198. <button class="nav-item-toggle"></button>
  199. <span class="nav-text">How to Animate</span>
  200. <ul class="nav-list">
  201. <li class="nav-item" data-depth="3">
  202. <button class="nav-item-toggle"></button>
  203. <span class="nav-text">Mixamo</span>
  204. <ul class="nav-list">
  205. <li class="nav-item" data-depth="4">
  206. <a class="nav-link" href="../../tutorials/how-to/modeling/blender/mixamo.html">Blender Models</a>
  207. </li>
  208. <li class="nav-item" data-depth="4">
  209. <button class="nav-item-toggle"></button>
  210. <span class="nav-text">Video</span>
  211. <ul class="nav-list">
  212. <li class="nav-item" data-depth="5">
  213. <a class="nav-link" href="https://youtu.be/jHgAgTWIers?list=PLv6qR9TGkz8RcUr-fOHI2SksWA4BAU9TS">Part 1- Download Model</a>
  214. </li>
  215. <li class="nav-item" data-depth="5">
  216. <a class="nav-link" href="https://youtu.be/GQJSrOpNQwI?list=PLv6qR9TGkz8RcUr-fOHI2SksWA4BAU9TS">Part 2- Rig and Animate</a>
  217. </li>
  218. <li class="nav-item" data-depth="5">
  219. <a class="nav-link" href="https://youtu.be/JzRe2Dxbcmc?list=PLv6qR9TGkz8RcUr-fOHI2SksWA4BAU9TS">Part 3- Import to JME</a>
  220. </li>
  221. <li class="nav-item" data-depth="5">
  222. <a class="nav-link" href="https://youtu.be/8wwDRDJop7k?list=PLv6qR9TGkz8RcUr-fOHI2SksWA4BAU9TS">Part 4- Play Animation</a>
  223. </li>
  224. </ul>
  225. </li>
  226. </ul>
  227. </li>
  228. </ul>
  229. </li>
  230. <li class="nav-item" data-depth="2">
  231. <a class="nav-link" href="../../tutorials/how-to/debugging.html">Debugging with Wireframes</a>
  232. </li>
  233. <li class="nav-item" data-depth="2">
  234. <a class="nav-link" href="../../tutorials/how-to/util/free_skymaps.html">How to create free skymaps</a>
  235. </li>
  236. <li class="nav-item" data-depth="2">
  237. <button class="nav-item-toggle"></button>
  238. <span class="nav-text">Java Tips</span>
  239. <ul class="nav-list">
  240. <li class="nav-item" data-depth="3">
  241. <a class="nav-link" href="../../tutorials/how-to/java/localization.html">Localization</a>
  242. </li>
  243. <li class="nav-item" data-depth="3">
  244. <a class="nav-link" href="../../tutorials/how-to/java/swing_canvas.html">Swing Canvas</a>
  245. </li>
  246. <li class="nav-item" data-depth="3">
  247. <a class="nav-link" href="../../tutorials/how-to/java/logging.html">Logging</a>
  248. </li>
  249. <li class="nav-item" data-depth="3">
  250. <a class="nav-link" href="../../tutorials/how-to/java/read_graphic_card_capabilites.html">Read Graphics Capabilities</a>
  251. </li>
  252. </ul>
  253. </li>
  254. <li class="nav-item" data-depth="2">
  255. <button class="nav-item-toggle"></button>
  256. <span class="nav-text">Articles</span>
  257. <ul class="nav-list">
  258. <li class="nav-item" data-depth="3">
  259. <button class="nav-item-toggle"></button>
  260. <span class="nav-text">Physically Based Rendering</span>
  261. <ul class="nav-list">
  262. <li class="nav-item" data-depth="4">
  263. <a class="nav-link" href="../../tutorials/how-to/articles/pbr/pbr_part1.html">PBR – Part one</a>
  264. </li>
  265. <li class="nav-item" data-depth="4">
  266. <a class="nav-link" href="../../tutorials/how-to/articles/pbr/pbr_part2.html">PBR – Part two</a>
  267. </li>
  268. <li class="nav-item" data-depth="4">
  269. <a class="nav-link" href="../../tutorials/how-to/articles/pbr/pbr_part3.html">PBR – Part three</a>
  270. </li>
  271. </ul>
  272. </li>
  273. </ul>
  274. </li>
  275. </ul>
  276. </li>
  277. </ul>
  278. </li>
  279. <li class="nav-item" data-depth="0">
  280. <ul class="nav-list">
  281. <li class="nav-item" data-depth="1">
  282. <button class="nav-item-toggle"></button>
  283. <span class="nav-text">Core Engine</span>
  284. <ul class="nav-list">
  285. <li class="nav-item" data-depth="2">
  286. <a class="nav-link" href="../app/simpleapplication.html">SimpleApplication</a>
  287. </li>
  288. <li class="nav-item" data-depth="2">
  289. <a class="nav-link" href="../system/appsettings.html">AppSettings</a>
  290. </li>
  291. </ul>
  292. </li>
  293. <li class="nav-item" data-depth="1">
  294. <button class="nav-item-toggle"></button>
  295. <span class="nav-text">Controlling Game Logic</span>
  296. <ul class="nav-list">
  297. <li class="nav-item" data-depth="2">
  298. <a class="nav-link" href="../app/update_loop.html">Update Loop</a>
  299. </li>
  300. <li class="nav-item" data-depth="2">
  301. <a class="nav-link" href="../app/state/application_states.html">Application States</a>
  302. </li>
  303. <li class="nav-item" data-depth="2">
  304. <button class="nav-item-toggle"></button>
  305. <a class="nav-link" href="../scene/control/custom_controls.html">Custom Controls</a>
  306. <ul class="nav-list">
  307. <li class="nav-item" data-depth="3">
  308. <button class="nav-item-toggle"></button>
  309. <span class="nav-text">Video</span>
  310. <ul class="nav-list">
  311. <li class="nav-item" data-depth="4">
  312. <a class="nav-link" href="https://www.youtube.com/watch?v=MNDiZ9YHIpM">Control any scene node</a>
  313. </li>
  314. <li class="nav-item" data-depth="4">
  315. <a class="nav-link" href="https://www.youtube.com/watch?v=-OzRZscLlHY">Control a character</a>
  316. </li>
  317. <li class="nav-item" data-depth="4">
  318. <a class="nav-link" href="https://wiki.jmonkeyengine.org/Scenes/SDK-UsecaseDemo_1.zip">Video Source Code</a>
  319. </li>
  320. </ul>
  321. </li>
  322. </ul>
  323. </li>
  324. <li class="nav-item" data-depth="2">
  325. <a class="nav-link" href="../app/multithreading.html">Multithreading</a>
  326. </li>
  327. </ul>
  328. </li>
  329. <li class="nav-item" data-depth="1">
  330. <button class="nav-item-toggle"></button>
  331. <span class="nav-text">Scene Graph</span>
  332. <ul class="nav-list">
  333. <li class="nav-item" data-depth="2">
  334. <a class="nav-link" href="../scene/traverse_scenegraph.html">Traverse SceneGraph</a>
  335. </li>
  336. <li class="nav-item" data-depth="2">
  337. <a class="nav-link" href="../scene/spatial.html">Spatial: Node vs Geometry</a>
  338. </li>
  339. <li class="nav-item" data-depth="2">
  340. <button class="nav-item-toggle"></button>
  341. <a class="nav-link" href="../scene/mesh.html">Mesh</a>
  342. <ul class="nav-list">
  343. <li class="nav-item" data-depth="3">
  344. <a class="nav-link" href="../scene/custom_meshes.html">Custom Meshes</a>
  345. </li>
  346. <li class="nav-item" data-depth="3">
  347. <a class="nav-link" href="../scene/shape/shape.html">Shape</a>
  348. </li>
  349. <li class="nav-item" data-depth="3">
  350. <a class="nav-link" href="../scene/3d_models.html">3D Models</a>
  351. </li>
  352. </ul>
  353. </li>
  354. <li class="nav-item" data-depth="2">
  355. <a class="nav-link" href="../asset/asset_manager.html">Asset Manager</a>
  356. </li>
  357. <li class="nav-item" data-depth="2">
  358. <a class="nav-link" href="../export/save_and_load.html">Saving and Loading Nodes</a>
  359. </li>
  360. <li class="nav-item" data-depth="2">
  361. <a class="nav-link" href="../collision/collision_and_intersection.html">Collision and Intersection</a>
  362. </li>
  363. <li class="nav-item" data-depth="2">
  364. <a class="nav-link" href="../scene/control/level_of_detail.html">Level of Detail</a>
  365. </li>
  366. </ul>
  367. </li>
  368. <li class="nav-item" data-depth="1">
  369. <button class="nav-item-toggle"></button>
  370. <span class="nav-text">Animation, Scene</span>
  371. <ul class="nav-list">
  372. <li class="nav-item" data-depth="2">
  373. <a class="nav-link" href="../animation/animation.html">Animation-Old</a>
  374. </li>
  375. <li class="nav-item" data-depth="2">
  376. <a class="nav-link" href="../cinematic/cinematics.html">Cinematics (cutscenes, fake destruction physics)</a>
  377. </li>
  378. <li class="nav-item" data-depth="2">
  379. <a class="nav-link" href="../cinematic/motionpath.html">MotionPaths and Waypoints</a>
  380. </li>
  381. </ul>
  382. </li>
  383. <li class="nav-item" data-depth="1">
  384. <button class="nav-item-toggle"></button>
  385. <span class="nav-text">Material, Light, Shadow</span>
  386. <ul class="nav-list">
  387. <li class="nav-item" data-depth="2">
  388. <a class="nav-link" href="how_to_use_materials.html">How to use Materials</a>
  389. </li>
  390. <li class="nav-item" data-depth="2">
  391. <a class="nav-link" href="j3m_material_files.html">.j3m Material Files</a>
  392. </li>
  393. <li class="nav-item" data-depth="2">
  394. <a class="nav-link" href="material_definitions.html">.j3md Material Definitions</a>
  395. </li>
  396. <li class="nav-item" data-depth="2">
  397. <a class="nav-link" href="materials_overview.html">.j3md Properties</a>
  398. </li>
  399. <li class="nav-item" data-depth="2">
  400. <a class="nav-link" href="../shader/jme3_shaders.html">Shaders and JME3</a>
  401. </li>
  402. <li class="nav-item" data-depth="2">
  403. <a class="nav-link" href="../shader/jme3_shadernodes.html">Shader Node System</a>
  404. </li>
  405. <li class="nav-item" data-depth="2">
  406. <a class="nav-link" href="../shader/shader_video_tutorials.html">Shader Video Tutorials</a>
  407. </li>
  408. <li class="nav-item" data-depth="2">
  409. <a class="nav-link" href="../light/light_and_shadow.html">Light and Shadow</a>
  410. </li>
  411. <li class="nav-item" data-depth="2">
  412. <a class="nav-link" href="../texture/anisotropic_filtering.html">Anisotropic Filtering</a>
  413. </li>
  414. <li class="nav-item" data-depth="2">
  415. <a class="nav-link" href="../system/jme3_srgbpipeline.html">Gamma Correction</a>
  416. </li>
  417. </ul>
  418. </li>
  419. <li class="nav-item" data-depth="1">
  420. <button class="nav-item-toggle"></button>
  421. <span class="nav-text">Audio, Video</span>
  422. <ul class="nav-list">
  423. <li class="nav-item" data-depth="2">
  424. <a class="nav-link" href="../audio/audio.html">Playing Sounds</a>
  425. </li>
  426. <li class="nav-item" data-depth="2">
  427. <a class="nav-link" href="../audio/audio_environment_presets.html">Audio Environment Presets</a>
  428. </li>
  429. <li class="nav-item" data-depth="2">
  430. <a class="nav-link" href="../app/state/screenshots.html">Capture Screenshots</a>
  431. </li>
  432. <li class="nav-item" data-depth="2">
  433. <a class="nav-link" href="../app/state/capture_audio_video_to_a_file.html">Capture Audio/Video</a>
  434. </li>
  435. </ul>
  436. </li>
  437. <li class="nav-item" data-depth="1">
  438. <button class="nav-item-toggle"></button>
  439. <span class="nav-text">Filter, Effect</span>
  440. <ul class="nav-list">
  441. <li class="nav-item" data-depth="2">
  442. <a class="nav-link" href="../effect/effects_overview.html">Overview</a>
  443. </li>
  444. <li class="nav-item" data-depth="2">
  445. <a class="nav-link" href="../effect/bloom_and_glow.html">Bloom and Glow</a>
  446. </li>
  447. <li class="nav-item" data-depth="2">
  448. <a class="nav-link" href="../effect/particle_emitters.html">Particle Emitters</a>
  449. </li>
  450. </ul>
  451. </li>
  452. <li class="nav-item" data-depth="1">
  453. <button class="nav-item-toggle"></button>
  454. <span class="nav-text">Landscapes</span>
  455. <ul class="nav-list">
  456. <li class="nav-item" data-depth="2">
  457. <a class="nav-link" href="../util/sky.html">Sky</a>
  458. </li>
  459. <li class="nav-item" data-depth="2">
  460. <a class="nav-link" href="../terrain/terrain.html">Terrain (TerraMonkey)</a>
  461. </li>
  462. <li class="nav-item" data-depth="2">
  463. <a class="nav-link" href="../collision/terrain_collision.html">Terrain Collision</a>
  464. </li>
  465. <li class="nav-item" data-depth="2">
  466. <a class="nav-link" href="../effect/water.html">Simple Water</a>
  467. </li>
  468. <li class="nav-item" data-depth="2">
  469. <a class="nav-link" href="../effect/post-processor_water.html">Post-Processor Water</a>
  470. </li>
  471. </ul>
  472. </li>
  473. <li class="nav-item" data-depth="1">
  474. <button class="nav-item-toggle"></button>
  475. <span class="nav-text">Camera</span>
  476. <ul class="nav-list">
  477. <li class="nav-item" data-depth="2">
  478. <a class="nav-link" href="../renderer/camera.html">Camera</a>
  479. </li>
  480. <li class="nav-item" data-depth="2">
  481. <a class="nav-link" href="../renderer/making_the_camera_follow_a_character.html">Follow a Character</a>
  482. </li>
  483. <li class="nav-item" data-depth="2">
  484. <a class="nav-link" href="../renderer/remote-controlling_the_camera.html">Remote-Controlling</a>
  485. </li>
  486. <li class="nav-item" data-depth="2">
  487. <a class="nav-link" href="../renderer/multiple_camera_views.html">Multiple Camera Views</a>
  488. </li>
  489. <li class="nav-item" data-depth="2">
  490. <a class="nav-link" href="../renderer/jme3_renderbuckets.html">Render Buckets</a>
  491. </li>
  492. </ul>
  493. </li>
  494. <li class="nav-item" data-depth="1">
  495. <button class="nav-item-toggle"></button>
  496. <span class="nav-text">User Interaction</span>
  497. <ul class="nav-list">
  498. <li class="nav-item" data-depth="2">
  499. <a class="nav-link" href="../input/input_handling.html">Input Handling</a>
  500. </li>
  501. <li class="nav-item" data-depth="2">
  502. <a class="nav-link" href="../input/combo_moves.html">Combo Moves</a>
  503. </li>
  504. <li class="nav-item" data-depth="2">
  505. <a class="nav-link" href="../input/mouse_picking.html">Mouse Picking</a>
  506. </li>
  507. </ul>
  508. </li>
  509. <li class="nav-item" data-depth="1">
  510. <button class="nav-item-toggle"></button>
  511. <a class="nav-link" href="../gui/topic_gui.html">Graphical User Interface</a>
  512. <ul class="nav-list">
  513. <li class="nav-item" data-depth="2">
  514. <button class="nav-item-toggle"></button>
  515. <span class="nav-text">Nifty GUI</span>
  516. <ul class="nav-list">
  517. <li class="nav-item" data-depth="3">
  518. <a class="nav-link" href="../gui/nifty_gui.html">Integration Tutorial</a>
  519. </li>
  520. <li class="nav-item" data-depth="3">
  521. <a class="nav-link" href="../gui/nifty_gui_best_practices.html">Best Practices</a>
  522. </li>
  523. <li class="nav-item" data-depth="3">
  524. <a class="nav-link" href="../gui/nifty_gui_scenarios.html">Scenarios</a>
  525. </li>
  526. </ul>
  527. </li>
  528. <li class="nav-item" data-depth="2">
  529. <a class="nav-link" href="../ui/hud.html">Head-Up Display (HUD)</a>
  530. </li>
  531. </ul>
  532. </li>
  533. <li class="nav-item" data-depth="1">
  534. <button class="nav-item-toggle"></button>
  535. <span class="nav-text">Virtual Reality</span>
  536. <ul class="nav-list">
  537. <li class="nav-item" data-depth="2">
  538. <a class="nav-link" href="../vr/virtualreality.html">Virtual Reality</a>
  539. </li>
  540. <li class="nav-item" data-depth="2">
  541. <a class="nav-link" href="../vr/virtualrealitycontrollers.html">Virtual Reality Controllers</a>
  542. </li>
  543. </ul>
  544. </li>
  545. </ul>
  546. </li>
  547. <li class="nav-item" data-depth="0">
  548. <ul class="nav-list">
  549. <li class="nav-item" data-depth="1">
  550. <button class="nav-item-toggle"></button>
  551. <a class="nav-link" href="../../physics/physics.html">Physics</a>
  552. <ul class="nav-list">
  553. <li class="nav-item" data-depth="2">
  554. <a class="nav-link" href="../../physics/bullet_multithreading.html">Multi-Threaded Physics</a>
  555. </li>
  556. <li class="nav-item" data-depth="2">
  557. <a class="nav-link" href="../../physics/collision/physics_listeners.html">Collision Detection</a>
  558. </li>
  559. <li class="nav-item" data-depth="2">
  560. <a class="nav-link" href="../../physics/joint/hinges_and_joints.html">Hinges and Joints</a>
  561. </li>
  562. <li class="nav-item" data-depth="2">
  563. <a class="nav-link" href="../../physics/control/walking_character.html">Walking Character</a>
  564. </li>
  565. <li class="nav-item" data-depth="2">
  566. <a class="nav-link" href="../../physics/control/ragdoll.html">Ragdoll</a>
  567. </li>
  568. <li class="nav-item" data-depth="2">
  569. <a class="nav-link" href="../../physics/control/vehicles.html">Vehicles</a>
  570. </li>
  571. <li class="nav-item" data-depth="2">
  572. <a class="nav-link" href="../../physics/control/softbody.html">Softbody</a>
  573. </li>
  574. <li class="nav-item" data-depth="2">
  575. <a class="nav-link" href="../../physics/bullet_pitfalls.html">Bullet Physics Pitfalls</a>
  576. </li>
  577. </ul>
  578. </li>
  579. </ul>
  580. </li>
  581. <li class="nav-item" data-depth="0">
  582. <ul class="nav-list">
  583. <li class="nav-item" data-depth="1">
  584. <button class="nav-item-toggle"></button>
  585. <span class="nav-text">Networking</span>
  586. <ul class="nav-list">
  587. <li class="nav-item" data-depth="2">
  588. <a class="nav-link" href="../../networking/networking.html">Networking (SpiderMonkey)</a>
  589. </li>
  590. <li class="nav-item" data-depth="2">
  591. <a class="nav-link" href="../../networking/headless_server.html">Headless Server</a>
  592. </li>
  593. <li class="nav-item" data-depth="2">
  594. <a class="nav-link" href="../../networking/monkey_zone.html">Multi-Player Demo Code</a>
  595. </li>
  596. <li class="nav-item" data-depth="2">
  597. <a class="nav-link" href="../../networking/networking_video_tutorials.html">Networking Video Tutorials</a>
  598. </li>
  599. </ul>
  600. </li>
  601. </ul>
  602. </li>
  603. <li class="nav-item" data-depth="0">
  604. <ul class="nav-list">
  605. <li class="nav-item" data-depth="1">
  606. <button class="nav-item-toggle"></button>
  607. <span class="nav-text">User Contributions</span>
  608. <ul class="nav-list">
  609. <li class="nav-item" data-depth="2">
  610. <a class="nav-link" href="../../contributions/contributions.html">User Made Utilities</a>
  611. </li>
  612. <li class="nav-item" data-depth="2">
  613. <button class="nav-item-toggle"></button>
  614. <span class="nav-text">Shader</span>
  615. <ul class="nav-list">
  616. <li class="nav-item" data-depth="3">
  617. <a class="nav-link" href="../../contributions/shader/shaderblow_project.html">ShaderBlow Project</a>
  618. </li>
  619. </ul>
  620. </li>
  621. <li class="nav-item" data-depth="2">
  622. <button class="nav-item-toggle"></button>
  623. <span class="nav-text">Landscapes</span>
  624. <ul class="nav-list">
  625. <li class="nav-item" data-depth="3">
  626. <a class="nav-link" href="../../contributions/lanscapes/vegetationsystem/vegetationsystem.html">Vegetation System</a>
  627. </li>
  628. </ul>
  629. </li>
  630. <li class="nav-item" data-depth="2">
  631. <button class="nav-item-toggle"></button>
  632. <span class="nav-text">Networking</span>
  633. <ul class="nav-list">
  634. <li class="nav-item" data-depth="3">
  635. <a class="nav-link" href="../../contributions/networking/open_game_finder.html">Open Game Finder</a>
  636. </li>
  637. </ul>
  638. </li>
  639. <li class="nav-item" data-depth="2">
  640. <button class="nav-item-toggle"></button>
  641. <span class="nav-text">Entity System</span>
  642. <ul class="nav-list">
  643. <li class="nav-item" data-depth="3">
  644. <a class="nav-link" href="#es/entitysystem.adoc">The Zay-ES Entity System</a>
  645. </li>
  646. </ul>
  647. </li>
  648. <li class="nav-item" data-depth="2">
  649. <button class="nav-item-toggle"></button>
  650. <span class="nav-text">Artificial Intelligence</span>
  651. <ul class="nav-list">
  652. <li class="nav-item" data-depth="3">
  653. <a class="nav-link" href="../../contributions/ai/recast.html">Recast Navigation</a>
  654. </li>
  655. <li class="nav-item" data-depth="3">
  656. <a class="nav-link" href="../../contributions/ai/building_recast.html">Updating and building Recast Native Bindings</a>
  657. </li>
  658. <li class="nav-item" data-depth="3">
  659. <a class="nav-link" href="../../contributions/ai/monkey_brains.html">Monkey Brains</a>
  660. </li>
  661. <li class="nav-item" data-depth="3">
  662. <a class="nav-link" href="../../contributions/ai/steer_behaviours.html">Steer Behaviours</a>
  663. </li>
  664. <li class="nav-item" data-depth="3">
  665. <a class="nav-link" href="../../contributions/ai/jme3_ai.html">jME3 Artificial Intelligence</a>
  666. </li>
  667. </ul>
  668. </li>
  669. <li class="nav-item" data-depth="2">
  670. <button class="nav-item-toggle"></button>
  671. <a class="nav-link" href="../../contributions/gui/topic_contributions_gui.html">GUI</a>
  672. <ul class="nav-list">
  673. <li class="nav-item" data-depth="3">
  674. <a class="nav-link" href="../../contributions/contributions.html#lemur-gui-library">Lemur - a native jME3 GUI library with scene graph tools</a>
  675. </li>
  676. <li class="nav-item" data-depth="3">
  677. <a class="nav-link" href="../../contributions/contributions.html#tonegodgui">tonegodGUI - a native jME3 GUI library</a>
  678. </li>
  679. <li class="nav-item" data-depth="3">
  680. <a class="nav-link" href="../../contributions/contributions.html#immediate-graphical-user-interface">Immediate graphical user interface</a>
  681. </li>
  682. </ul>
  683. </li>
  684. <li class="nav-item" data-depth="2">
  685. <button class="nav-item-toggle"></button>
  686. <span class="nav-text">Tools</span>
  687. <ul class="nav-list">
  688. <li class="nav-item" data-depth="3">
  689. <a class="nav-link" href="../../contributions/tools/navigation.html">Mercator Projection Tool (Marine Navigation)</a>
  690. </li>
  691. <li class="nav-item" data-depth="3">
  692. <a class="nav-link" href="../../contributions/tools/charts.html">Visualizing Maps in JME3 (Marine Charts)</a>
  693. </li>
  694. </ul>
  695. </li>
  696. <li class="nav-item" data-depth="2">
  697. <button class="nav-item-toggle"></button>
  698. <span class="nav-text">Projects</span>
  699. <ul class="nav-list">
  700. <li class="nav-item" data-depth="3">
  701. <a class="nav-link" href="../../contributions/projects/rise_of_mutants_project.html">Rise of Mutants Project</a>
  702. </li>
  703. </ul>
  704. </li>
  705. </ul>
  706. </li>
  707. </ul>
  708. </li>
  709. <li class="nav-item" data-depth="0">
  710. <ul class="nav-list">
  711. <li class="nav-item" data-depth="1">
  712. <button class="nav-item-toggle"></button>
  713. <a class="nav-link" href="../../sdk/sdk.html">SDK</a>
  714. <ul class="nav-list">
  715. <li class="nav-item" data-depth="2">
  716. <button class="nav-item-toggle"></button>
  717. <span class="nav-text">Video Tutorials</span>
  718. <ul class="nav-list">
  719. <li class="nav-item" data-depth="3">
  720. <button class="nav-item-toggle"></button>
  721. <span class="nav-text">SDK Use Case Tutorials</span>
  722. <ul class="nav-list">
  723. <li class="nav-item" data-depth="4">
  724. <a class="nav-link" href="http://www.youtube.com/watch?v=-OzRZscLlHY">Demo 1 (Quixote demo)</a>
  725. </li>
  726. <li class="nav-item" data-depth="4">
  727. <a class="nav-link" href="http://www.youtube.com/watch?v=6-YWxD3JByE">Demo 2 (Models and Materials)</a>
  728. </li>
  729. </ul>
  730. </li>
  731. <li class="nav-item" data-depth="3">
  732. <button class="nav-item-toggle"></button>
  733. <span class="nav-text">SDK Tutorials</span>
  734. <ul class="nav-list">
  735. <li class="nav-item" data-depth="4">
  736. <a class="nav-link" href="http://www.youtube.com/watch?v=M1_0pbeyJzI">Basics</a>
  737. </li>
  738. <li class="nav-item" data-depth="4">
  739. <a class="nav-link" href="http://www.youtube.com/watch?v=nL7woH40i5c">Importing Models</a>
  740. </li>
  741. <li class="nav-item" data-depth="4">
  742. <a class="nav-link" href="http://www.youtube.com/watch?v=DUmgAjiNzhY">Dragging&amp;Dropping Nodes</a>
  743. </li>
  744. <li class="nav-item" data-depth="4">
  745. <a class="nav-link" href="http://www.youtube.com/watch?v=ntPAmtsQ6eM">Scene Composing</a>
  746. </li>
  747. <li class="nav-item" data-depth="4">
  748. <a class="nav-link" href="http://www.youtube.com/watch?v=zgPV3W6dD4s">Terrain with Collision Shape</a>
  749. </li>
  750. <li class="nav-item" data-depth="4">
  751. <a class="nav-link" href="http://www.youtube.com/watch?v=Feu3-mrpolc">Working with Materials</a>
  752. </li>
  753. <li class="nav-item" data-depth="4">
  754. <a class="nav-link" href="http://www.youtube.com/watch?v=MNDiZ9YHIpM">Custom Controls</a>
  755. </li>
  756. <li class="nav-item" data-depth="4">
  757. <a class="nav-link" href="http://www.youtube.com/watch?v=oZnssg8TBWQ">WebStart Deployment</a>
  758. </li>
  759. <li class="nav-item" data-depth="4">
  760. <a class="nav-link" href="http://www.youtube.com/watch?v=D7JM4VMKqPc">Animation and Effect TrackEditing</a>
  761. </li>
  762. </ul>
  763. </li>
  764. </ul>
  765. </li>
  766. <li class="nav-item" data-depth="2">
  767. <button class="nav-item-toggle"></button>
  768. <span class="nav-text">Getting Started</span>
  769. <ul class="nav-list">
  770. <li class="nav-item" data-depth="3">
  771. <a class="nav-link" href="../../sdk/update_center.html">Updating jMonkeyEngine SDK</a>
  772. </li>
  773. <li class="nav-item" data-depth="3">
  774. <a class="nav-link" href="../../sdk/troubleshooting.html">Troubleshooting</a>
  775. </li>
  776. </ul>
  777. </li>
  778. <li class="nav-item" data-depth="2">
  779. <button class="nav-item-toggle"></button>
  780. <span class="nav-text">Java Development Features</span>
  781. <ul class="nav-list">
  782. <li class="nav-item" data-depth="3">
  783. <a class="nav-link" href="../../sdk/project_creation.html">Project Creation</a>
  784. </li>
  785. <li class="nav-item" data-depth="3">
  786. <a class="nav-link" href="../../sdk/code_editor.html">Code Editor and Palette</a>
  787. </li>
  788. <li class="nav-item" data-depth="3">
  789. <a class="nav-link" href="../../sdk/version_control.html">File Version Control</a>
  790. </li>
  791. <li class="nav-item" data-depth="3">
  792. <a class="nav-link" href="../../sdk/debugging_profiling_testing.html">Debug, Profile, Test</a>
  793. </li>
  794. <li class="nav-item" data-depth="3">
  795. <button class="nav-item-toggle"></button>
  796. <a class="nav-link" href="../../sdk/application_deployment.html">Application Deployment</a>
  797. <ul class="nav-list">
  798. <li class="nav-item" data-depth="4">
  799. <a class="nav-link" href="../../sdk/default_build_script.html">Default Build Script</a>
  800. </li>
  801. <li class="nav-item" data-depth="4">
  802. <a class="nav-link" href="../../sdk/android.html">Android</a>
  803. </li>
  804. <li class="nav-item" data-depth="4">
  805. <a class="nav-link" href="../../sdk/android_cheat_sheet.html">Android Cheat Sheet</a>
  806. </li>
  807. <li class="nav-item" data-depth="4">
  808. <a class="nav-link" href="../../sdk/ios.html">iOS</a>
  809. </li>
  810. </ul>
  811. </li>
  812. </ul>
  813. </li>
  814. <li class="nav-item" data-depth="2">
  815. <button class="nav-item-toggle"></button>
  816. <span class="nav-text">Unique Features</span>
  817. <ul class="nav-list">
  818. <li class="nav-item" data-depth="3">
  819. <button class="nav-item-toggle"></button>
  820. <a class="nav-link" href="../../sdk/model_loader_and_viewer.html">Import, View, Convert Models</a>
  821. <ul class="nav-list">
  822. <li class="nav-item" data-depth="4">
  823. <a class="nav-link" href="../../sdk/asset_packs.html">Asset Packs</a>
  824. </li>
  825. </ul>
  826. </li>
  827. <li class="nav-item" data-depth="3">
  828. <a class="nav-link" href="../../sdk/scene_explorer.html">The SceneExplorer</a>
  829. </li>
  830. <li class="nav-item" data-depth="3">
  831. <a class="nav-link" href="../../sdk/scene_composer.html">Composing a Scene</a>
  832. </li>
  833. <li class="nav-item" data-depth="3">
  834. <a class="nav-link" href="../../sdk/terrain_editor.html">Terrain Editor</a>
  835. </li>
  836. <li class="nav-item" data-depth="3">
  837. <a class="nav-link" href="../../sdk/sample_code.html">Sample Code</a>
  838. </li>
  839. <li class="nav-item" data-depth="3">
  840. <a class="nav-link" href="../../sdk/material_editing.html">Material Editing</a>
  841. </li>
  842. <li class="nav-item" data-depth="3">
  843. <a class="nav-link" href="../../sdk/font_creation.html">Creating Bitmap Fonts</a>
  844. </li>
  845. <li class="nav-item" data-depth="3">
  846. <button class="nav-item-toggle"></button>
  847. <a class="nav-link" href="https://hub.jmonkeyengine.org/t/effecttrack-and-audiotrack-editing-in-the-sdk/23378">Audio and Effect Track Editing</a>
  848. <ul class="nav-list">
  849. <li class="nav-item" data-depth="4">
  850. <a class="nav-link" href="https://www.youtube.com/watch?v=D7JM4VMKqPc">Video: Effect and AudioTrack editing in jMonkeyEngine 3 sdk</a>
  851. </li>
  852. </ul>
  853. </li>
  854. <li class="nav-item" data-depth="3">
  855. <a class="nav-link" href="../../sdk/filters.html">Post-Processor Filter Editor and Viewer</a>
  856. </li>
  857. <li class="nav-item" data-depth="3">
  858. <a class="nav-link" href="../app/state/application_states.html">Application States</a>
  859. </li>
  860. <li class="nav-item" data-depth="3">
  861. <a class="nav-link" href="../scene/control/custom_controls.html">Custom Controls</a>
  862. </li>
  863. <li class="nav-item" data-depth="3">
  864. <a class="nav-link" href="../../sdk/vehicle_creator.html">Vehicle Creator</a>
  865. </li>
  866. </ul>
  867. </li>
  868. <li class="nav-item" data-depth="2">
  869. <button class="nav-item-toggle"></button>
  870. <span class="nav-text">Advanced Usage</span>
  871. <ul class="nav-list">
  872. <li class="nav-item" data-depth="3">
  873. <a class="nav-link" href="../../sdk/build_platform.html">Building jMonkeyEngine SDK</a>
  874. </li>
  875. <li class="nav-item" data-depth="3">
  876. <a class="nav-link" href="../../sdk/use_own_jme.html#.adoc">Using your own (modified) version of jME3 in jMonkeyEngine SDK</a>
  877. </li>
  878. <li class="nav-item" data-depth="3">
  879. <a class="nav-link" href="../../sdk/increasing_heap_memory.html">Increasing Heap Memory</a>
  880. </li>
  881. <li class="nav-item" data-depth="3">
  882. <a class="nav-link" href="../../sdk/log_files.html">Log Files</a>
  883. </li>
  884. </ul>
  885. </li>
  886. <li class="nav-item" data-depth="2">
  887. <button class="nav-item-toggle"></button>
  888. <span class="nav-text">Available external plugins</span>
  889. <ul class="nav-list">
  890. <li class="nav-item" data-depth="3">
  891. <a class="nav-link" href="../../contributions/contributions.html">Contributions</a>
  892. </li>
  893. <li class="nav-item" data-depth="3">
  894. <a class="nav-link" href="../../sdk/neotexture.html">Neo Texture Editor for procedural textures</a>
  895. </li>
  896. <li class="nav-item" data-depth="3">
  897. <a class="nav-link" href="http://www.youtube.com/watch?v=yS9a9o4WzL8">Video: Mesh Tool &amp; Physics Editor</a>
  898. </li>
  899. </ul>
  900. </li>
  901. <li class="nav-item" data-depth="2">
  902. <button class="nav-item-toggle"></button>
  903. <a class="nav-link" href="../../sdk/development.html">Developing plugins for jMonkeyEngine SDK</a>
  904. <ul class="nav-list">
  905. <li class="nav-item" data-depth="3">
  906. <a class="nav-link" href="../../sdk/development/setup.html">Creating a plugin</a>
  907. </li>
  908. <li class="nav-item" data-depth="3">
  909. <a class="nav-link" href="../../sdk/development/general.html">Creating components</a>
  910. </li>
  911. <li class="nav-item" data-depth="3">
  912. <a class="nav-link" href="../../sdk/development/scene.html">The Main Scene</a>
  913. </li>
  914. <li class="nav-item" data-depth="3">
  915. <a class="nav-link" href="../../sdk/development/sceneexplorer.html">The Scene Explorer</a>
  916. </li>
  917. <li class="nav-item" data-depth="3">
  918. <a class="nav-link" href="../../sdk/development/projects_assets.html">Projects and Assets</a>
  919. </li>
  920. <li class="nav-item" data-depth="3">
  921. <a class="nav-link" href="../../sdk/development/extension_library.html">Create a library plugin from a jar file</a>
  922. </li>
  923. <li class="nav-item" data-depth="3">
  924. <a class="nav-link" href="../../sdk/development/model_loader.html">Create a new or custom model filetype and loader</a>
  925. </li>
  926. </ul>
  927. </li>
  928. </ul>
  929. </li>
  930. </ul>
  931. </li>
  932. </ul>
  933. </nav>
  934. </div>
  935. <div class="nav-panel-explore" data-panel="explore">
  936. <div class="context">
  937. <span class="title">JME</span>
  938. <span class="version">3.4</span>
  939. </div>
  940. <ul class="components">
  941. <li class="component is-current">
  942. <span class="title">JME</span>
  943. <ul class="versions">
  944. <li class="version">
  945. <a href="../../../3.8/documentation.html">3.8</a>
  946. </li>
  947. <li class="version is-current">
  948. <a href="../../documentation.html">3.4</a>
  949. </li>
  950. <li class="version">
  951. <a href="../../../3.3/documentation.html">3.3</a>
  952. </li>
  953. <li class="version">
  954. <a href="../../../3.2/documentation.html">3.2</a>
  955. </li>
  956. </ul>
  957. </li>
  958. <li class="component">
  959. <span class="title">Wiki Contribution</span>
  960. <ul class="versions">
  961. <li class="version">
  962. <a href="../../../../docs-wiki/3.8/wiki_contributor.html">3.8</a>
  963. </li>
  964. </ul>
  965. </li>
  966. <li class="component">
  967. <span class="title">Wiki UI</span>
  968. <ul class="versions">
  969. <li class="version">
  970. <a href="../../../../wiki-ui/index.html">master</a>
  971. </li>
  972. </ul>
  973. </li>
  974. </ul>
  975. </div>
  976. </div>
  977. </aside>
  978. </div>
  979. <main class="article">
  980. <div class="toolbar" role="navigation">
  981. <button class="nav-toggle"></button>
  982. <nav class="breadcrumbs" aria-label="breadcrumbs">
  983. <ul>
  984. <li><a href="../../documentation.html">JME</a></li>
  985. <li><a href="material_specification.html">jMonkeyEngine3 Material Specification</a></li>
  986. </ul>
  987. </nav>
  988. <div class="page-versions">
  989. <button class="version-menu-toggle" title="Show other versions of page">3.4</button>
  990. <div class="version-menu">
  991. <a class="version" href="../../../3.8/core/material/material_specification.html">3.8</a>
  992. <a class="version is-current" href="material_specification.html">3.4</a>
  993. <a class="version" href="../../../3.3/core/material/material_specification.html">3.3</a>
  994. <a class="version" href="../../../3.2/core/material/material_specification.html">3.2</a>
  995. </div>
  996. </div>
  997. <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki/edit/v3.4/docs/modules/core/pages/material/material_specification.adoc">Edit this Page</a></div>
  998. </div>
  999. <div class="content">
  1000. <article class="doc">
  1001. <h1 class="page">jMonkeyEngine3 Material Specification</h1>
  1002. <div class="sect1">
  1003. <h2 id="general-syntax"><a class="anchor" href="#general-syntax"></a>General Syntax</h2>
  1004. <div class="sectionbody">
  1005. <div class="paragraph">
  1006. <p>Material definitions and material instance files are formatted similarly to curly-bracket languages, in other words, you have &#8220;blocks&#8221; and other &#8220;blocks&#8221; nested in them, surrounded by curly-brackets. There are statements inside the blocks, the next statement begins after a new line, or a semi-colon to allow two statements on the same line. Comments are made by prefixing with two slashes, the <code>/* */</code> style comments are not allowed.</p>
  1007. </div>
  1008. <div class="paragraph">
  1009. <p><strong>Example:</strong></p>
  1010. </div>
  1011. <div class="listingblock">
  1012. <div class="content">
  1013. <pre class="highlightjs highlight"><code class="language-none hljs">RootBlock {
  1014. // Comment
  1015. SubBlock NameForTheBlock {
  1016. Statement1 // Another comment
  1017. }
  1018. SubBlock2 {
  1019. SubSubBlock {
  1020. Statement2
  1021. Statement3
  1022. // two statements on the same line
  1023. Statement4; Statement5
  1024. }
  1025. }
  1026. SubBlock3
  1027. { // bracket can be on next line as well
  1028. }
  1029. }</code></pre>
  1030. </div>
  1031. </div>
  1032. <div class="paragraph">
  1033. <p>The syntax for J3MD and J3M files follows from this base format.</p>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. <div class="sect1">
  1038. <h2 id="material-definition-files-j3md"><a class="anchor" href="#material-definition-files-j3md"></a>Material Definition files (J3MD)</h2>
  1039. <div class="sectionbody">
  1040. <div class="paragraph">
  1041. <p>Material definitions provide the &#8220;logic&#8221; for the material. Usually a shader that will handle drawing the object, and corresponding parameters that allow configuration of the shader. The J3MD file abstracts the shader and its configuration away from the user, allowing a simple interface where one can simply set a few parameters on the material to change its appearance and the way it&#8217;s handled.</p>
  1042. </div>
  1043. <div class="paragraph">
  1044. <p>Material definitions support multiple techniques, each technique describes a different way to draw the object. For example, currently in jME3, an additional technique is used to render shadow maps for example.</p>
  1045. </div>
  1046. <div class="sect2">
  1047. <h3 id="shaders"><a class="anchor" href="#shaders"></a>Shaders</h3>
  1048. <div class="paragraph">
  1049. <p>Shader support inside J3MD files is rather sophisticated. First, shaders may reference shader libraries, in a similar way to Java&#8217;s &#8220;import&#8221; statement, or C++'s &#8220;include&#8221; pre-processor directive. Shader libraries in turn, can also reference other shader libraries this way. In the end, it is possible for a shader to use many functions together from many libraries and combine them in ways to create a more advanced effect. For example, any shader that wishes to take advantage of hardware skinning, can just import the skinning shader library and use the function, without having to write the specific logic needed for hardware skinning.</p>
  1050. </div>
  1051. <div class="paragraph">
  1052. <p>Shaders can also take advantage of &#8220;defines&#8221; that are specified inside material definitions.
  1053. The defines &#8220;bind&#8221; into material parameters, so that a change in a material parameter can apply or remove a define from the corresponding shader. This allows the shader to completely change in behavior during run-time.</p>
  1054. </div>
  1055. <div class="paragraph">
  1056. <p>Although it is possible to use shader uniforms for the very same purpose, those may introduce slowdowns in older GPUs, that do not support branching. In that case, using defines can allow changing the way the shader works without using shader uniforms. In order to introduce a define into a shader, however, its source code must be changed, and therefore, it must be re-compiled. It is therefore not recommended to change define bound parameters often.</p>
  1057. </div>
  1058. </div>
  1059. <div class="sect2">
  1060. <h3 id="syntax-of-a-j3md-file"><a class="anchor" href="#syntax-of-a-j3md-file"></a>Syntax of a J3MD file</h3>
  1061. <div class="paragraph">
  1062. <p>All J3MD files begin with <code>MaterialDef</code> as the root block, following that, is the name of the material def (in this example <code>Test Material 123</code>). The name is not used for anything important currently, except for debugging. The name is typed as is without quotes, and can have spaces.</p>
  1063. </div>
  1064. <div class="paragraph">
  1065. <p><strong>Example of a first line of a J3MD file:</strong></p>
  1066. </div>
  1067. <div class="listingblock">
  1068. <div class="content">
  1069. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialDef Test Material 123 {</code></pre>
  1070. </div>
  1071. </div>
  1072. <div class="paragraph">
  1073. <p>Inside a MaterialDef block, there can be at most one MaterialParameters block, and one or more <code>Technique</code> blocks.</p>
  1074. </div>
  1075. <div class="paragraph">
  1076. <p>Techniques may have an optional name, which specifies the name of the technique. If no name is specified for a technique, then its name is &#8220;Default&#8221;, and it is used by default if the user does not specify another technique to use for the material.</p>
  1077. </div>
  1078. <div class="paragraph">
  1079. <p><strong>Example of J3MD:</strong></p>
  1080. </div>
  1081. <div class="listingblock">
  1082. <div class="content">
  1083. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialDef Test Material 123 {
  1084. MaterialParameters { }
  1085. Technique { }
  1086. Technique NamedTech { }
  1087. }</code></pre>
  1088. </div>
  1089. </div>
  1090. <div class="paragraph">
  1091. <p>Inside the MaterialParameters block, the parameters are specified. Every parameter has a type and a name. Material parameters are similar to Java variables in that aspect.</p>
  1092. </div>
  1093. <div class="paragraph">
  1094. <p><strong>Example of a MaterialParameters block:</strong></p>
  1095. </div>
  1096. <div class="listingblock">
  1097. <div class="content">
  1098. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialParameters {
  1099. Texture2D TexParam
  1100. Color ColorParam
  1101. Vector3 VectorParam
  1102. Boolean BoolParam
  1103. // ...
  1104. }</code></pre>
  1105. </div>
  1106. </div>
  1107. <div class="paragraph">
  1108. <p>Whereas in the J3MD file, the parameter names and types are specified, in a J3M (Material instance) file, the values for these parameters are assigned, as will be shown later. This is how the materials are configured.</p>
  1109. </div>
  1110. <div class="paragraph">
  1111. <p>At the time of writing, the following types of parameters are allowed inside J3MD files: Int, Boolean, Float, Vector2, Vector3, Vector4, Texture2D, Texture3D, TextureCubeMap, Matrix3, Matrix4, IntArray, FloatArray, Vector2Array, Vector3Array, Vector4Array, Matrix3Array, Matrix4Array and TextureArray. For an up to date list of the parameter types, check out the VarType class here: <a href="https://github.com/jMonkeyEngine/jmonkeyengine/blob/master/jme3-core/src/main/java/com/jme3/shader/VarType.java" class="bare">https://github.com/jMonkeyEngine/jmonkeyengine/blob/master/jme3-core/src/main/java/com/jme3/shader/VarType.java</a></p>
  1112. </div>
  1113. <div class="paragraph">
  1114. <p>You can specify a default value for material parameters, inside material definitions, in the case that no value is specified in the material instance.</p>
  1115. </div>
  1116. <div class="listingblock">
  1117. <div class="content">
  1118. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialParameters {
  1119. Float MyParam : 1
  1120. // ...
  1121. }</code></pre>
  1122. </div>
  1123. </div>
  1124. <div class="paragraph">
  1125. <p>1 will be used as the default value and sent to the shader if it has not been set by a material.setFloat() call.</p>
  1126. </div>
  1127. </div>
  1128. <div class="sect2">
  1129. <h3 id="techniques"><a class="anchor" href="#techniques"></a>Techniques</h3>
  1130. <div class="paragraph">
  1131. <p>Techniques are more advanced blocks than the MaterialParameters block. Techniques may have nested blocks, any many types of statements.</p>
  1132. </div>
  1133. <div class="paragraph">
  1134. <p>In this section, the statements and nested blocks that are allowed inside the Technique block will be described.</p>
  1135. </div>
  1136. <div class="paragraph">
  1137. <p>The two most important statements, are the <code>FragmentShader</code> and <code>VertexShader</code> statements. These statements specify the shader to use for the technique, and are required inside the &#8220;Default&#8221; technique. Both operate in the same way, after the statement, the language of the shader is specified, usually with a version number as well, for example <code>GLSL100</code> for OpenGL Shading Language version 1.00. Followed by a colon and an absolute path for an asset describing the actual shader source code. For GLSL, it is permitted to specify .glsl, .frag, and .vert files.</p>
  1138. </div>
  1139. <div class="paragraph">
  1140. <p>When the material is applied to an object, the shader has its uniforms set based on the material parameter values specified in the material instance. but the parameter is prefixed with an &#8220;m_&#8221;.</p>
  1141. </div>
  1142. <div class="paragraph">
  1143. <p>For example, assuming the parameter <code>Shininess</code> is defined in the MaterialParameters block like so:</p>
  1144. </div>
  1145. <div class="listingblock">
  1146. <div class="content">
  1147. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialParameters {
  1148. Float Shininess
  1149. }</code></pre>
  1150. </div>
  1151. </div>
  1152. <div class="paragraph">
  1153. <p>The value of that parameter will map into an uniform with same name with the &#8220;m_&#8221; prefix in the GLSL shader:</p>
  1154. </div>
  1155. <div class="listingblock">
  1156. <div class="content">
  1157. <pre class="highlightjs highlight"><code class="language-none hljs">uniform float m_Shininess;</code></pre>
  1158. </div>
  1159. </div>
  1160. <div class="paragraph">
  1161. <p>The letter <code>m</code> in the prefix stands for material.</p>
  1162. </div>
  1163. </div>
  1164. <div class="sect2">
  1165. <h3 id="worldglobal-parameters"><a class="anchor" href="#worldglobal-parameters"></a>World/Global parameters</h3>
  1166. <div class="paragraph">
  1167. <p>An important structure, that also relates to shaders, is the WorldParameters structure. It is similar in purpose to the MaterialParameters structure; it exposes various parameters to the shader, but it works differently. Whereas the user specified material parameters, world parameters are specified by the engine. In addition, the WorldParameters structure is nested in the Technique, because it is specific to the shader being used. For example, the Time world parameter specifies the time in seconds since the engine started running, the material can expose this parameter to the shader by specifying it in the WorldParameters structure like so:</p>
  1168. </div>
  1169. <div class="listingblock">
  1170. <div class="content">
  1171. <pre class="highlightjs highlight"><code class="language-none hljs">WorldParameters {
  1172. Time
  1173. // ...
  1174. }</code></pre>
  1175. </div>
  1176. </div>
  1177. <div class="paragraph">
  1178. <p>The shader will be able to access this parameter through a uniform, also named <code>Time</code> but prefixed with <code>g_</code>:</p>
  1179. </div>
  1180. <div class="listingblock">
  1181. <div class="content">
  1182. <pre class="highlightjs highlight"><code class="language-none hljs">uniform float g_Time;</code></pre>
  1183. </div>
  1184. </div>
  1185. <div class="paragraph">
  1186. <p>The <code>g</code> letter stands for &#8220;global&#8221;, which is considered a synonym with &#8220;world&#8221; in the context of parameter scope.</p>
  1187. </div>
  1188. <div class="paragraph">
  1189. <p>There are many world parameters available for shaders, a comprehensive list will be specified elsewhere.</p>
  1190. </div>
  1191. </div>
  1192. <div class="sect2">
  1193. <h3 id="renderstate"><a class="anchor" href="#renderstate"></a>RenderState</h3>
  1194. <div class="paragraph">
  1195. <p>The RenderState block specifies values for various render states in the rendering context. The RenderState block is nested inside the Technique block. There are many types of render states, and a comprehensive list will not be included in this document.</p>
  1196. </div>
  1197. <div class="paragraph">
  1198. <p>The most commonly used render state is alpha blending, to specify it for a particular technique, including a RenderState block with the statement <code>Blend Alpha</code>.</p>
  1199. </div>
  1200. <div class="paragraph">
  1201. <p><strong>Example:</strong></p>
  1202. </div>
  1203. <div class="listingblock">
  1204. <div class="content">
  1205. <pre class="highlightjs highlight"><code class="language-none hljs">RenderState {
  1206. Blend Alpha
  1207. }</code></pre>
  1208. </div>
  1209. </div>
  1210. <div class="paragraph">
  1211. <p><strong>Full Example of a J3MD</strong></p>
  1212. </div>
  1213. <div class="paragraph">
  1214. <p>Included is a full example of a J3MD file using all the features learned:</p>
  1215. </div>
  1216. <div class="listingblock">
  1217. <div class="content">
  1218. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialDef Test Material 123 {
  1219. MaterialParameters {
  1220. Float m_Shininess
  1221. Texture2D m_MyTex
  1222. }
  1223. Technique {
  1224. VertexShader GLSL100 : Common/MatDefs/Misc/MyShader.vert
  1225. FragmentShader GLSL100 : Common/MatDefs/Misc/MyShader.frag
  1226. WorldParameters {
  1227. Time
  1228. }
  1229. RenderState {
  1230. Blend Alpha
  1231. }
  1232. }
  1233. }</code></pre>
  1234. </div>
  1235. </div>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. <div class="sect1">
  1240. <h2 id="material-instance-files-j3m"><a class="anchor" href="#material-instance-files-j3m"></a>Material Instance files (J3M)</h2>
  1241. <div class="sectionbody">
  1242. <div class="paragraph">
  1243. <p>In comparison to J3MD files, material instance (J3M) files are significantly simpler. In most cases, the user will not have to modify or create his/her own J3MD files.</p>
  1244. </div>
  1245. <div class="paragraph">
  1246. <p>All J3M files begin with the word <code>Material</code> followed by the name of the material (once again, used for debugging only). Following the name, is a colon and the absolute asset path to the material definition (J3MD) file extended or implemented, followed by a curly-bracket.</p>
  1247. </div>
  1248. <div class="paragraph">
  1249. <p><strong>Example:</strong></p>
  1250. </div>
  1251. <div class="listingblock">
  1252. <div class="content">
  1253. <pre class="highlightjs highlight"><code class="language-none hljs">Material MyGrass : Common/MatDefs/Misc/TestMaterial.j3md {</code></pre>
  1254. </div>
  1255. </div>
  1256. <div class="paragraph">
  1257. <p>The material definition is a required component, depending on the material definition being used, the appearance and functionality of the material changes completely. Whereas the material definition provided the &#8220;logic&#8221; for the material, the material instance provides the configuration for how this logic operates.</p>
  1258. </div>
  1259. <div class="paragraph">
  1260. <p>The J3M file includes only a single structure; MaterialParameters, analogous to the same-named structure in the J3MD file. Whereas the J3MD file specified the parameter names and types, the J3M file specifies the values for these parameters. By changing the parameters, the configuration of the parent J3MD changes, allowing a different effect to be achieved.</p>
  1261. </div>
  1262. <div class="paragraph">
  1263. <p>To specify a value for a parameter, one must specify first the parameter name, followed by a colon, and then followed by the parameter value. For texture parameters, the value is an absolute asset path pointing to the image file. Optionally, the path can be prefixed with the word &#8220;Flip&#8221; in order to flip the image along the Y-axis, this may be needed for some models.</p>
  1264. </div>
  1265. <div class="paragraph">
  1266. <p><strong>Example of a MaterialParameters block in J3M:</strong></p>
  1267. </div>
  1268. <div class="listingblock">
  1269. <div class="content">
  1270. <pre class="highlightjs highlight"><code class="language-none hljs">MaterialParameters {
  1271. m_Shininess : 20.0
  1272. }</code></pre>
  1273. </div>
  1274. </div>
  1275. <table class="tableblock frame-all grid-all stretch">
  1276. <colgroup>
  1277. <col style="width: 50%;">
  1278. <col style="width: 50%;">
  1279. </colgroup>
  1280. <thead>
  1281. <tr>
  1282. <th class="tableblock halign-left valign-top">Param type</th>
  1283. <th class="tableblock halign-left valign-top">Value example</th>
  1284. </tr>
  1285. </thead>
  1286. <tbody>
  1287. <tr>
  1288. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1289. <p>Int</p>
  1290. </div></div></td>
  1291. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1292. <p>123</p>
  1293. </div></div></td>
  1294. </tr>
  1295. <tr>
  1296. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1297. <p>Boolean</p>
  1298. </div></div></td>
  1299. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1300. <p>true</p>
  1301. </div></div></td>
  1302. </tr>
  1303. <tr>
  1304. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1305. <p>Float</p>
  1306. </div></div></td>
  1307. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1308. <p>0.1</p>
  1309. </div></div></td>
  1310. </tr>
  1311. <tr>
  1312. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1313. <p>Vector2</p>
  1314. </div></div></td>
  1315. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1316. <p>0.1 5.6</p>
  1317. </div></div></td>
  1318. </tr>
  1319. <tr>
  1320. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1321. <p>Vector3</p>
  1322. </div></div></td>
  1323. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1324. <p>0.1 5.6 2.99</p>
  1325. </div></div></td>
  1326. </tr>
  1327. <tr>
  1328. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1329. <p>Vector4=Color</p>
  1330. </div></div></td>
  1331. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1332. <p>0.1 5.6 2.99 3</p>
  1333. </div></div></td>
  1334. </tr>
  1335. <tr>
  1336. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1337. <p>Texture2D=TextureCubeMap</p>
  1338. </div></div></td>
  1339. <td class="tableblock halign-left valign-top"><div class="content"><div class="paragraph">
  1340. <p>Textures/MyTex.jpg</p>
  1341. </div></div></td>
  1342. </tr>
  1343. </tbody>
  1344. </table>
  1345. <div class="paragraph">
  1346. <p>The formatting of the value, depends on the type of the value that was specified in the J3MD file being extended. Examples are provided for every parameter type:</p>
  1347. </div>
  1348. <div class="paragraph">
  1349. <p><strong>Full example of a J3M</strong></p>
  1350. </div>
  1351. <div class="listingblock">
  1352. <div class="content">
  1353. <pre class="highlightjs highlight"><code class="language-none hljs">Material MyGrass : Common/MatDefs/Misc/TestMaterial.j3md {
  1354. MaterialParameters {
  1355. m_MyTex : Flip Textures/GrassTex.jpg
  1356. m_Shininess : 20.0
  1357. }
  1358. }</code></pre>
  1359. </div>
  1360. </div>
  1361. <div class="sect2">
  1362. <h3 id="java-interface-for-j3m"><a class="anchor" href="#java-interface-for-j3m"></a>Java interface for J3M</h3>
  1363. <div class="paragraph">
  1364. <p>It is possible to generate an identical J3M file using Java code, by using the classes in the com.jme3.material package. Specifics of the <a href="https://javadoc.jmonkeyengine.org/v3.4.1-stable/com/jme3/material/Material.html">Material API</a> will not be provided in this document. The J3M file above is represented by this Java code:</p>
  1365. </div>
  1366. <div class="listingblock">
  1367. <div class="content">
  1368. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">// Create a material instance
  1369. Material mat = new Material(assetManager, "Common/MatDefs/Misc/
  1370. TestMaterial.j3md");
  1371. // Load the texture. Specify "true" for the flip flag in the TextureKey
  1372. Texture tex =
  1373. assetManager.loadTexture(new TextureKey("Textures/GrassTex.jpg", true));
  1374. // Set the parameters
  1375. mat.setTexture("MyTex", tex);
  1376. mat.setFloat("Shininess", 20.0f);</code></pre>
  1377. </div>
  1378. </div>
  1379. </div>
  1380. </div>
  1381. </div>
  1382. <div class="sect1">
  1383. <h2 id="conclusion"><a class="anchor" href="#conclusion"></a>Conclusion</h2>
  1384. <div class="sectionbody">
  1385. <div class="paragraph">
  1386. <p>Congratulations on being able to read this entire document! To reward your efforts, jMonkeyEngine.com will offer a free prize, please contact Momoko_Fan aka &#8220;Kirill&#8221; Vainer with the password &#8220;bananapie&#8221; to claim.</p>
  1387. </div>
  1388. </div>
  1389. </div>
  1390. </article>
  1391. <aside class="toc sidebar" data-title="Contents" data-levels="2">
  1392. <div class="toc-menu"></div>
  1393. </aside>
  1394. </div>
  1395. </main>
  1396. </div>
  1397. <footer class="footer">
  1398. <p>Copyright 2020 jMonkeyEngine Wiki Contributors. Licensed BSD-3.</p>
  1399. </footer>
  1400. <script src="../../../../_/js/vendor/docsearch.min.js"></script>
  1401. <!-- fetched from https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js -->
  1402. <script>
  1403. var search = docsearch({
  1404. apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
  1405. indexName: 'jmonkeyengine',
  1406. inputSelector: '#search-input',
  1407. autocompleteOptions: { hint: false, keyboardShortcuts: ['s'] },
  1408. algoliaOptions: { hitsPerPage: 10 }
  1409. }).autocomplete
  1410. search.on('autocomplete:closed', function () { search.autocomplete.setVal() })
  1411. function focusSearchInput () { document.querySelector('#search-input').focus() }
  1412. if (document.querySelector('.home-link.is-current')) window.addEventListener('load', focusSearchInput)
  1413. </script>
  1414. <script src="../../../../_/js/site.js"></script>
  1415. <script async src="../../../../_/js/vendor/highlight.js"></script>
  1416. </body>
  1417. </html>