beginner.html 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290
  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>Zay-ES Beginner Tutorial :: jMonkeyEngine Docs</title>
  7. <link rel="canonical" href="https://wiki.jmonkeyengine.org/docs/3.8/contributions/es/entitysystem/beginner.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="Zay-ES Beginner Tutorial">
  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.8">
  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. </ul>
  209. </li>
  210. </ul>
  211. </li>
  212. <li class="nav-item" data-depth="2">
  213. <a class="nav-link" href="../../../tutorials/how-to/debugging.html">Debugging with Wireframes</a>
  214. </li>
  215. <li class="nav-item" data-depth="2">
  216. <a class="nav-link" href="../../../tutorials/how-to/util/free_skymaps.html">How to create free skymaps</a>
  217. </li>
  218. <li class="nav-item" data-depth="2">
  219. <button class="nav-item-toggle"></button>
  220. <span class="nav-text">Java Tips</span>
  221. <ul class="nav-list">
  222. <li class="nav-item" data-depth="3">
  223. <a class="nav-link" href="../../../tutorials/how-to/java/localization.html">Localization</a>
  224. </li>
  225. <li class="nav-item" data-depth="3">
  226. <a class="nav-link" href="../../../tutorials/how-to/java/swing_canvas.html">Swing Canvas</a>
  227. </li>
  228. <li class="nav-item" data-depth="3">
  229. <a class="nav-link" href="../../../tutorials/how-to/java/logging.html">Logging</a>
  230. </li>
  231. <li class="nav-item" data-depth="3">
  232. <a class="nav-link" href="../../../tutorials/how-to/java/read_graphic_card_capabilites.html">Read Graphics Capabilities</a>
  233. </li>
  234. </ul>
  235. </li>
  236. <li class="nav-item" data-depth="2">
  237. <button class="nav-item-toggle"></button>
  238. <span class="nav-text">Articles</span>
  239. <ul class="nav-list">
  240. <li class="nav-item" data-depth="3">
  241. <button class="nav-item-toggle"></button>
  242. <span class="nav-text">Physically Based Rendering</span>
  243. <ul class="nav-list">
  244. <li class="nav-item" data-depth="4">
  245. <a class="nav-link" href="../../../tutorials/how-to/articles/pbr/pbr_part1.html">PBR – Part one</a>
  246. </li>
  247. <li class="nav-item" data-depth="4">
  248. <a class="nav-link" href="../../../tutorials/how-to/articles/pbr/pbr_part2.html">PBR – Part two</a>
  249. </li>
  250. <li class="nav-item" data-depth="4">
  251. <a class="nav-link" href="../../../tutorials/how-to/articles/pbr/pbr_part3.html">PBR – Part three</a>
  252. </li>
  253. </ul>
  254. </li>
  255. </ul>
  256. </li>
  257. </ul>
  258. </li>
  259. </ul>
  260. </li>
  261. <li class="nav-item" data-depth="0">
  262. <ul class="nav-list">
  263. <li class="nav-item" data-depth="1">
  264. <button class="nav-item-toggle"></button>
  265. <span class="nav-text">Core Engine</span>
  266. <ul class="nav-list">
  267. <li class="nav-item" data-depth="2">
  268. <a class="nav-link" href="../../../core/app/simpleapplication.html">SimpleApplication</a>
  269. </li>
  270. <li class="nav-item" data-depth="2">
  271. <a class="nav-link" href="../../../core/system/appsettings.html">AppSettings</a>
  272. </li>
  273. </ul>
  274. </li>
  275. <li class="nav-item" data-depth="1">
  276. <button class="nav-item-toggle"></button>
  277. <span class="nav-text">Controlling Game Logic</span>
  278. <ul class="nav-list">
  279. <li class="nav-item" data-depth="2">
  280. <a class="nav-link" href="../../../core/app/update_loop.html">Update Loop</a>
  281. </li>
  282. <li class="nav-item" data-depth="2">
  283. <a class="nav-link" href="../../../core/app/state/application_states.html">Application States</a>
  284. </li>
  285. <li class="nav-item" data-depth="2">
  286. <button class="nav-item-toggle"></button>
  287. <a class="nav-link" href="../../../core/scene/control/custom_controls.html">Custom Controls</a>
  288. <ul class="nav-list">
  289. <li class="nav-item" data-depth="3">
  290. <button class="nav-item-toggle"></button>
  291. <span class="nav-text">Video</span>
  292. <ul class="nav-list">
  293. <li class="nav-item" data-depth="4">
  294. <a class="nav-link" href="https://www.youtube.com/watch?v=MNDiZ9YHIpM">Control any scene node</a>
  295. </li>
  296. <li class="nav-item" data-depth="4">
  297. <a class="nav-link" href="https://www.youtube.com/watch?v=-OzRZscLlHY">Control a character</a>
  298. </li>
  299. <li class="nav-item" data-depth="4">
  300. <a class="nav-link" href="https://wiki.jmonkeyengine.org/Scenes/SDK-UsecaseDemo_1.zip">Video Source Code</a>
  301. </li>
  302. </ul>
  303. </li>
  304. </ul>
  305. </li>
  306. <li class="nav-item" data-depth="2">
  307. <a class="nav-link" href="../../../core/app/multithreading.html">Multithreading</a>
  308. </li>
  309. </ul>
  310. </li>
  311. <li class="nav-item" data-depth="1">
  312. <button class="nav-item-toggle"></button>
  313. <span class="nav-text">Scene Graph</span>
  314. <ul class="nav-list">
  315. <li class="nav-item" data-depth="2">
  316. <a class="nav-link" href="../../../core/scene/traverse_scenegraph.html">Traverse SceneGraph</a>
  317. </li>
  318. <li class="nav-item" data-depth="2">
  319. <a class="nav-link" href="../../../core/scene/spatial.html">Spatial: Node vs Geometry</a>
  320. </li>
  321. <li class="nav-item" data-depth="2">
  322. <button class="nav-item-toggle"></button>
  323. <a class="nav-link" href="../../../core/scene/mesh.html">Mesh</a>
  324. <ul class="nav-list">
  325. <li class="nav-item" data-depth="3">
  326. <a class="nav-link" href="../../../core/scene/custom_meshes.html">Custom Meshes</a>
  327. </li>
  328. <li class="nav-item" data-depth="3">
  329. <a class="nav-link" href="../../../core/scene/shape/shape.html">Shape</a>
  330. </li>
  331. <li class="nav-item" data-depth="3">
  332. <a class="nav-link" href="../../../core/scene/3d_models.html">3D Models</a>
  333. </li>
  334. </ul>
  335. </li>
  336. <li class="nav-item" data-depth="2">
  337. <a class="nav-link" href="../../../core/asset/asset_manager.html">Asset Manager</a>
  338. </li>
  339. <li class="nav-item" data-depth="2">
  340. <a class="nav-link" href="../../../core/export/save_and_load.html">Saving and Loading Nodes</a>
  341. </li>
  342. <li class="nav-item" data-depth="2">
  343. <a class="nav-link" href="../../../core/collision/collision_and_intersection.html">Collision and Intersection</a>
  344. </li>
  345. <li class="nav-item" data-depth="2">
  346. <a class="nav-link" href="../../../core/scene/control/level_of_detail.html">Level of Detail</a>
  347. </li>
  348. </ul>
  349. </li>
  350. <li class="nav-item" data-depth="1">
  351. <button class="nav-item-toggle"></button>
  352. <span class="nav-text">Animation, Scene</span>
  353. <ul class="nav-list">
  354. <li class="nav-item" data-depth="2">
  355. <a class="nav-link" href="../../../core/animation/animation_new.html">Animation with AnimComposer</a>
  356. </li>
  357. <li class="nav-item" data-depth="2">
  358. <a class="nav-link" href="../../../core/animation/animation.html">Animation-Old (AnimControl)</a>
  359. </li>
  360. <li class="nav-item" data-depth="2">
  361. <a class="nav-link" href="../../../core/cinematic/cinematics.html">Cinematics (cutscenes, fake destruction physics)</a>
  362. </li>
  363. <li class="nav-item" data-depth="2">
  364. <a class="nav-link" href="../../../core/cinematic/motionpath.html">MotionPaths and Waypoints</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">Material, Light, Shadow</span>
  371. <ul class="nav-list">
  372. <li class="nav-item" data-depth="2">
  373. <a class="nav-link" href="../../../core/material/how_to_use_materials.html">How to use Materials</a>
  374. </li>
  375. <li class="nav-item" data-depth="2">
  376. <a class="nav-link" href="../../../core/material/j3m_material_files.html">.j3m Material Files</a>
  377. </li>
  378. <li class="nav-item" data-depth="2">
  379. <a class="nav-link" href="../../../core/material/material_definitions.html">.j3md Material Definitions</a>
  380. </li>
  381. <li class="nav-item" data-depth="2">
  382. <a class="nav-link" href="../../../core/material/materials_overview.html">.j3md Properties</a>
  383. </li>
  384. <li class="nav-item" data-depth="2">
  385. <a class="nav-link" href="../../../core/shader/jme3_shaders.html">Shaders and JME3</a>
  386. </li>
  387. <li class="nav-item" data-depth="2">
  388. <a class="nav-link" href="../../../core/shader/jme3_shadernodes.html">Shader Node System</a>
  389. </li>
  390. <li class="nav-item" data-depth="2">
  391. <a class="nav-link" href="../../../core/shader/shader_video_tutorials.html">Shader Video Tutorials</a>
  392. </li>
  393. <li class="nav-item" data-depth="2">
  394. <a class="nav-link" href="../../../core/light/light_and_shadow.html">Light and Shadow</a>
  395. </li>
  396. <li class="nav-item" data-depth="2">
  397. <a class="nav-link" href="../../../core/texture/anisotropic_filtering.html">Anisotropic Filtering</a>
  398. </li>
  399. <li class="nav-item" data-depth="2">
  400. <a class="nav-link" href="../../../core/system/jme3_srgbpipeline.html">Gamma Correction</a>
  401. </li>
  402. <li class="nav-item" data-depth="2">
  403. <a class="nav-link" href="../../../core/material/normal_types.html">Normal Map Conventions</a>
  404. </li>
  405. </ul>
  406. </li>
  407. <li class="nav-item" data-depth="1">
  408. <button class="nav-item-toggle"></button>
  409. <span class="nav-text">Audio, Video</span>
  410. <ul class="nav-list">
  411. <li class="nav-item" data-depth="2">
  412. <a class="nav-link" href="../../../core/audio/audio.html">Playing Sounds</a>
  413. </li>
  414. <li class="nav-item" data-depth="2">
  415. <a class="nav-link" href="../../../core/audio/audio_environment_presets.html">Audio Environment Presets</a>
  416. </li>
  417. <li class="nav-item" data-depth="2">
  418. <a class="nav-link" href="../../../core/app/state/screenshots.html">Capture Screenshots</a>
  419. </li>
  420. <li class="nav-item" data-depth="2">
  421. <a class="nav-link" href="../../../core/app/state/capture_audio_video_to_a_file.html">Capture Audio/Video</a>
  422. </li>
  423. </ul>
  424. </li>
  425. <li class="nav-item" data-depth="1">
  426. <button class="nav-item-toggle"></button>
  427. <span class="nav-text">Filter, Effect</span>
  428. <ul class="nav-list">
  429. <li class="nav-item" data-depth="2">
  430. <a class="nav-link" href="../../../core/effect/effects_overview.html">Overview</a>
  431. </li>
  432. <li class="nav-item" data-depth="2">
  433. <a class="nav-link" href="../../../core/effect/bloom_and_glow.html">Bloom and Glow</a>
  434. </li>
  435. <li class="nav-item" data-depth="2">
  436. <a class="nav-link" href="../../../core/effect/particle_emitters.html">Particle Emitters</a>
  437. </li>
  438. </ul>
  439. </li>
  440. <li class="nav-item" data-depth="1">
  441. <button class="nav-item-toggle"></button>
  442. <span class="nav-text">Landscapes</span>
  443. <ul class="nav-list">
  444. <li class="nav-item" data-depth="2">
  445. <a class="nav-link" href="../../../core/util/sky.html">Sky</a>
  446. </li>
  447. <li class="nav-item" data-depth="2">
  448. <a class="nav-link" href="../../../core/terrain/terrain.html">Terrain (TerraMonkey)</a>
  449. </li>
  450. <li class="nav-item" data-depth="2">
  451. <a class="nav-link" href="../../../core/collision/terrain_collision.html">Terrain Collision</a>
  452. </li>
  453. <li class="nav-item" data-depth="2">
  454. <a class="nav-link" href="../../../core/effect/water.html">Simple Water</a>
  455. </li>
  456. <li class="nav-item" data-depth="2">
  457. <a class="nav-link" href="../../../core/effect/post-processor_water.html">Post-Processor Water</a>
  458. </li>
  459. </ul>
  460. </li>
  461. <li class="nav-item" data-depth="1">
  462. <button class="nav-item-toggle"></button>
  463. <span class="nav-text">Camera</span>
  464. <ul class="nav-list">
  465. <li class="nav-item" data-depth="2">
  466. <a class="nav-link" href="../../../core/renderer/camera.html">Camera</a>
  467. </li>
  468. <li class="nav-item" data-depth="2">
  469. <a class="nav-link" href="../../../core/renderer/making_the_camera_follow_a_character.html">Follow a Character</a>
  470. </li>
  471. <li class="nav-item" data-depth="2">
  472. <a class="nav-link" href="../../../core/renderer/remote-controlling_the_camera.html">Remote-Controlling</a>
  473. </li>
  474. <li class="nav-item" data-depth="2">
  475. <a class="nav-link" href="../../../core/renderer/multiple_camera_views.html">Multiple Camera Views</a>
  476. </li>
  477. <li class="nav-item" data-depth="2">
  478. <a class="nav-link" href="../../../core/renderer/jme3_renderbuckets.html">Render Buckets</a>
  479. </li>
  480. </ul>
  481. </li>
  482. <li class="nav-item" data-depth="1">
  483. <button class="nav-item-toggle"></button>
  484. <span class="nav-text">Rendering</span>
  485. <ul class="nav-list">
  486. <li class="nav-item" data-depth="2">
  487. <a class="nav-link" href="../../../core/renderer/render_pipeline.html">Render Pipelines</a>
  488. </li>
  489. </ul>
  490. </li>
  491. <li class="nav-item" data-depth="1">
  492. <button class="nav-item-toggle"></button>
  493. <span class="nav-text">User Interaction</span>
  494. <ul class="nav-list">
  495. <li class="nav-item" data-depth="2">
  496. <a class="nav-link" href="../../../core/input/input_handling.html">Input Handling</a>
  497. </li>
  498. <li class="nav-item" data-depth="2">
  499. <a class="nav-link" href="../../../core/input/combo_moves.html">Combo Moves</a>
  500. </li>
  501. <li class="nav-item" data-depth="2">
  502. <a class="nav-link" href="../../../core/input/mouse_picking.html">Mouse Picking</a>
  503. </li>
  504. </ul>
  505. </li>
  506. <li class="nav-item" data-depth="1">
  507. <button class="nav-item-toggle"></button>
  508. <a class="nav-link" href="../../../core/gui/topic_gui.html">Graphical User Interface</a>
  509. <ul class="nav-list">
  510. <li class="nav-item" data-depth="2">
  511. <button class="nav-item-toggle"></button>
  512. <span class="nav-text">Nifty GUI</span>
  513. <ul class="nav-list">
  514. <li class="nav-item" data-depth="3">
  515. <a class="nav-link" href="../../../core/gui/nifty_gui.html">Integration Tutorial</a>
  516. </li>
  517. <li class="nav-item" data-depth="3">
  518. <a class="nav-link" href="../../../core/gui/nifty_gui_best_practices.html">Best Practices</a>
  519. </li>
  520. <li class="nav-item" data-depth="3">
  521. <a class="nav-link" href="../../../core/gui/nifty_gui_scenarios.html">Scenarios</a>
  522. </li>
  523. </ul>
  524. </li>
  525. <li class="nav-item" data-depth="2">
  526. <a class="nav-link" href="../../../core/ui/hud.html">Head-Up Display (HUD)</a>
  527. </li>
  528. </ul>
  529. </li>
  530. <li class="nav-item" data-depth="1">
  531. <button class="nav-item-toggle"></button>
  532. <span class="nav-text">Virtual Reality</span>
  533. <ul class="nav-list">
  534. <li class="nav-item" data-depth="2">
  535. <a class="nav-link" href="../../../core/vr/virtualreality.html">Virtual Reality</a>
  536. </li>
  537. <li class="nav-item" data-depth="2">
  538. <a class="nav-link" href="../../../core/vr/legacyOpenVr.html">Virtual Reality Legacy Support</a>
  539. </li>
  540. <li class="nav-item" data-depth="2">
  541. <a class="nav-link" href="../../../core/vr/virtualrealitycontrollers.html">Virtual Reality Legacy Controller Support</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.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="../../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="../../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="../../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="../../ai/recast.html">Recast Navigation</a>
  654. </li>
  655. <li class="nav-item" data-depth="3">
  656. <a class="nav-link" href="../../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="../../ai/monkey_brains.html">Monkey Brains</a>
  660. </li>
  661. <li class="nav-item" data-depth="3">
  662. <a class="nav-link" href="../../ai/steer_behaviours.html">Steer Behaviours</a>
  663. </li>
  664. <li class="nav-item" data-depth="3">
  665. <a class="nav-link" href="../../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="../../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.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.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.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="../../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="../../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. <a class="nav-link" href="../../vr/topic_contributions_vr.html">Virtual Reality (And augmented reality)</a>
  699. <ul class="nav-list">
  700. <li class="nav-item" data-depth="3">
  701. <a class="nav-link" href="../../contributions.html#tamarin-openxr">Tamarin OpenXR</a>
  702. </li>
  703. </ul>
  704. </li>
  705. <li class="nav-item" data-depth="2">
  706. <button class="nav-item-toggle"></button>
  707. <span class="nav-text">Projects</span>
  708. <ul class="nav-list">
  709. <li class="nav-item" data-depth="3">
  710. <a class="nav-link" href="../../projects/rise_of_mutants_project.html">Rise of Mutants Project</a>
  711. </li>
  712. </ul>
  713. </li>
  714. </ul>
  715. </li>
  716. </ul>
  717. </li>
  718. <li class="nav-item" data-depth="0">
  719. <ul class="nav-list">
  720. <li class="nav-item" data-depth="1">
  721. <button class="nav-item-toggle"></button>
  722. <a class="nav-link" href="../../../sdk/sdk.html">SDK</a>
  723. <ul class="nav-list">
  724. <li class="nav-item" data-depth="2">
  725. <button class="nav-item-toggle"></button>
  726. <span class="nav-text">Video Tutorials</span>
  727. <ul class="nav-list">
  728. <li class="nav-item" data-depth="3">
  729. <button class="nav-item-toggle"></button>
  730. <span class="nav-text">SDK Use Case Tutorials</span>
  731. <ul class="nav-list">
  732. <li class="nav-item" data-depth="4">
  733. <a class="nav-link" href="http://www.youtube.com/watch?v=-OzRZscLlHY">Demo 1 (Quixote demo)</a>
  734. </li>
  735. <li class="nav-item" data-depth="4">
  736. <a class="nav-link" href="http://www.youtube.com/watch?v=6-YWxD3JByE">Demo 2 (Models and Materials)</a>
  737. </li>
  738. </ul>
  739. </li>
  740. <li class="nav-item" data-depth="3">
  741. <button class="nav-item-toggle"></button>
  742. <span class="nav-text">SDK Tutorials</span>
  743. <ul class="nav-list">
  744. <li class="nav-item" data-depth="4">
  745. <a class="nav-link" href="http://www.youtube.com/watch?v=M1_0pbeyJzI">Basics</a>
  746. </li>
  747. <li class="nav-item" data-depth="4">
  748. <a class="nav-link" href="http://www.youtube.com/watch?v=nL7woH40i5c">Importing Models</a>
  749. </li>
  750. <li class="nav-item" data-depth="4">
  751. <a class="nav-link" href="http://www.youtube.com/watch?v=DUmgAjiNzhY">Dragging&amp;Dropping Nodes</a>
  752. </li>
  753. <li class="nav-item" data-depth="4">
  754. <a class="nav-link" href="http://www.youtube.com/watch?v=ntPAmtsQ6eM">Scene Composing</a>
  755. </li>
  756. <li class="nav-item" data-depth="4">
  757. <a class="nav-link" href="http://www.youtube.com/watch?v=zgPV3W6dD4s">Terrain with Collision Shape</a>
  758. </li>
  759. <li class="nav-item" data-depth="4">
  760. <a class="nav-link" href="http://www.youtube.com/watch?v=Feu3-mrpolc">Working with Materials</a>
  761. </li>
  762. <li class="nav-item" data-depth="4">
  763. <a class="nav-link" href="http://www.youtube.com/watch?v=MNDiZ9YHIpM">Custom Controls</a>
  764. </li>
  765. <li class="nav-item" data-depth="4">
  766. <a class="nav-link" href="http://www.youtube.com/watch?v=oZnssg8TBWQ">WebStart Deployment</a>
  767. </li>
  768. <li class="nav-item" data-depth="4">
  769. <a class="nav-link" href="http://www.youtube.com/watch?v=D7JM4VMKqPc">Animation and Effect TrackEditing</a>
  770. </li>
  771. </ul>
  772. </li>
  773. </ul>
  774. </li>
  775. <li class="nav-item" data-depth="2">
  776. <button class="nav-item-toggle"></button>
  777. <span class="nav-text">Getting Started</span>
  778. <ul class="nav-list">
  779. <li class="nav-item" data-depth="3">
  780. <a class="nav-link" href="../../../sdk/update_center.html">Updating jMonkeyEngine SDK</a>
  781. </li>
  782. <li class="nav-item" data-depth="3">
  783. <a class="nav-link" href="../../../sdk/troubleshooting.html">Troubleshooting</a>
  784. </li>
  785. </ul>
  786. </li>
  787. <li class="nav-item" data-depth="2">
  788. <button class="nav-item-toggle"></button>
  789. <span class="nav-text">Java Development Features</span>
  790. <ul class="nav-list">
  791. <li class="nav-item" data-depth="3">
  792. <a class="nav-link" href="../../../sdk/project_creation.html">Project Creation</a>
  793. </li>
  794. <li class="nav-item" data-depth="3">
  795. <a class="nav-link" href="../../../sdk/code_editor.html">Code Editor and Palette</a>
  796. </li>
  797. <li class="nav-item" data-depth="3">
  798. <a class="nav-link" href="../../../sdk/version_control.html">File Version Control</a>
  799. </li>
  800. <li class="nav-item" data-depth="3">
  801. <a class="nav-link" href="../../../sdk/debugging_profiling_testing.html">Debug, Profile, Test</a>
  802. </li>
  803. <li class="nav-item" data-depth="3">
  804. <button class="nav-item-toggle"></button>
  805. <a class="nav-link" href="../../../sdk/application_deployment.html">Application Deployment</a>
  806. <ul class="nav-list">
  807. <li class="nav-item" data-depth="4">
  808. <a class="nav-link" href="../../../sdk/default_build_script.html">Default Build Script</a>
  809. </li>
  810. <li class="nav-item" data-depth="4">
  811. <a class="nav-link" href="../../../sdk/android.html">Android</a>
  812. </li>
  813. <li class="nav-item" data-depth="4">
  814. <a class="nav-link" href="../../../sdk/android_cheat_sheet.html">Android Cheat Sheet</a>
  815. </li>
  816. <li class="nav-item" data-depth="4">
  817. <a class="nav-link" href="../../../sdk/ios.html">iOS</a>
  818. </li>
  819. </ul>
  820. </li>
  821. </ul>
  822. </li>
  823. <li class="nav-item" data-depth="2">
  824. <button class="nav-item-toggle"></button>
  825. <span class="nav-text">Unique Features</span>
  826. <ul class="nav-list">
  827. <li class="nav-item" data-depth="3">
  828. <button class="nav-item-toggle"></button>
  829. <a class="nav-link" href="../../../sdk/model_loader_and_viewer.html">Import, View, Convert Models</a>
  830. <ul class="nav-list">
  831. <li class="nav-item" data-depth="4">
  832. <a class="nav-link" href="../../../sdk/asset_packs.html">Asset Packs</a>
  833. </li>
  834. </ul>
  835. </li>
  836. <li class="nav-item" data-depth="3">
  837. <a class="nav-link" href="../../../sdk/scene_explorer.html">The SceneExplorer</a>
  838. </li>
  839. <li class="nav-item" data-depth="3">
  840. <a class="nav-link" href="../../../sdk/scene_composer.html">Composing a Scene</a>
  841. </li>
  842. <li class="nav-item" data-depth="3">
  843. <a class="nav-link" href="../../../sdk/terrain_editor.html">Terrain Editor</a>
  844. </li>
  845. <li class="nav-item" data-depth="3">
  846. <a class="nav-link" href="../../../sdk/sample_code.html">Sample Code</a>
  847. </li>
  848. <li class="nav-item" data-depth="3">
  849. <a class="nav-link" href="../../../sdk/material_editing.html">Material Editing</a>
  850. </li>
  851. <li class="nav-item" data-depth="3">
  852. <a class="nav-link" href="../../../sdk/font_creation.html">Creating Bitmap Fonts</a>
  853. </li>
  854. <li class="nav-item" data-depth="3">
  855. <button class="nav-item-toggle"></button>
  856. <a class="nav-link" href="https://hub.jmonkeyengine.org/t/effecttrack-and-audiotrack-editing-in-the-sdk/23378">Audio and Effect Track Editing</a>
  857. <ul class="nav-list">
  858. <li class="nav-item" data-depth="4">
  859. <a class="nav-link" href="https://www.youtube.com/watch?v=D7JM4VMKqPc">Video: Effect and AudioTrack editing in jMonkeyEngine 3 sdk</a>
  860. </li>
  861. </ul>
  862. </li>
  863. <li class="nav-item" data-depth="3">
  864. <a class="nav-link" href="../../../sdk/filters.html">Post-Processor Filter Editor and Viewer</a>
  865. </li>
  866. <li class="nav-item" data-depth="3">
  867. <a class="nav-link" href="../../../core/app/state/application_states.html">Application States</a>
  868. </li>
  869. <li class="nav-item" data-depth="3">
  870. <a class="nav-link" href="../../../core/scene/control/custom_controls.html">Custom Controls</a>
  871. </li>
  872. <li class="nav-item" data-depth="3">
  873. <a class="nav-link" href="../../../sdk/vehicle_creator.html">Vehicle Creator</a>
  874. </li>
  875. <li class="nav-item" data-depth="3">
  876. <a class="nav-link" href="../../../sdk/assetbrowser.html">Asset Browser</a>
  877. </li>
  878. <li class="nav-item" data-depth="3">
  879. <a class="nav-link" href="../../../sdk/animations.html">Animations</a>
  880. </li>
  881. </ul>
  882. </li>
  883. <li class="nav-item" data-depth="2">
  884. <button class="nav-item-toggle"></button>
  885. <span class="nav-text">Advanced Usage</span>
  886. <ul class="nav-list">
  887. <li class="nav-item" data-depth="3">
  888. <a class="nav-link" href="../../../sdk/build_platform.html">Building jMonkeyEngine SDK</a>
  889. </li>
  890. <li class="nav-item" data-depth="3">
  891. <a class="nav-link" href="../../../sdk/use_own_jme.html#.adoc">Using your own (modified) version of jME3 in jMonkeyEngine SDK</a>
  892. </li>
  893. <li class="nav-item" data-depth="3">
  894. <a class="nav-link" href="../../../sdk/increasing_heap_memory.html">Increasing Heap Memory</a>
  895. </li>
  896. <li class="nav-item" data-depth="3">
  897. <a class="nav-link" href="../../../sdk/log_files.html">Log Files</a>
  898. </li>
  899. </ul>
  900. </li>
  901. <li class="nav-item" data-depth="2">
  902. <button class="nav-item-toggle"></button>
  903. <span class="nav-text">Available external plugins</span>
  904. <ul class="nav-list">
  905. <li class="nav-item" data-depth="3">
  906. <a class="nav-link" href="../../contributions.html">Contributions</a>
  907. </li>
  908. <li class="nav-item" data-depth="3">
  909. <a class="nav-link" href="../../../sdk/neotexture.html">Neo Texture Editor for procedural textures</a>
  910. </li>
  911. <li class="nav-item" data-depth="3">
  912. <a class="nav-link" href="http://www.youtube.com/watch?v=yS9a9o4WzL8">Video: Mesh Tool &amp; Physics Editor</a>
  913. </li>
  914. </ul>
  915. </li>
  916. <li class="nav-item" data-depth="2">
  917. <button class="nav-item-toggle"></button>
  918. <a class="nav-link" href="../../../sdk/development.html">Developing plugins for jMonkeyEngine SDK</a>
  919. <ul class="nav-list">
  920. <li class="nav-item" data-depth="3">
  921. <a class="nav-link" href="../../../sdk/development/setup.html">Creating a plugin</a>
  922. </li>
  923. <li class="nav-item" data-depth="3">
  924. <a class="nav-link" href="../../../sdk/development/general.html">Creating components</a>
  925. </li>
  926. <li class="nav-item" data-depth="3">
  927. <a class="nav-link" href="../../../sdk/development/scene.html">The Main Scene</a>
  928. </li>
  929. <li class="nav-item" data-depth="3">
  930. <a class="nav-link" href="../../../sdk/development/sceneexplorer.html">The Scene Explorer</a>
  931. </li>
  932. <li class="nav-item" data-depth="3">
  933. <a class="nav-link" href="../../../sdk/development/projects_assets.html">Projects and Assets</a>
  934. </li>
  935. <li class="nav-item" data-depth="3">
  936. <a class="nav-link" href="../../../sdk/development/extension_library.html">Create a library plugin from a jar file</a>
  937. </li>
  938. <li class="nav-item" data-depth="3">
  939. <a class="nav-link" href="../../../sdk/development/model_loader.html">Create a new or custom model filetype and loader</a>
  940. </li>
  941. </ul>
  942. </li>
  943. </ul>
  944. </li>
  945. </ul>
  946. </li>
  947. </ul>
  948. </nav>
  949. </div>
  950. <div class="nav-panel-explore" data-panel="explore">
  951. <div class="context">
  952. <span class="title">JME</span>
  953. <span class="version">3.8</span>
  954. </div>
  955. <ul class="components">
  956. <li class="component is-current">
  957. <span class="title">JME</span>
  958. <ul class="versions">
  959. <li class="version is-current">
  960. <a href="../../../documentation.html">3.8</a>
  961. </li>
  962. <li class="version">
  963. <a href="../../../../3.4/documentation.html">3.4</a>
  964. </li>
  965. <li class="version">
  966. <a href="../../../../3.3/documentation.html">3.3</a>
  967. </li>
  968. <li class="version">
  969. <a href="../../../../3.2/documentation.html">3.2</a>
  970. </li>
  971. </ul>
  972. </li>
  973. <li class="component">
  974. <span class="title">Wiki Contribution</span>
  975. <ul class="versions">
  976. <li class="version">
  977. <a href="../../../../../docs-wiki/3.8/wiki_contributor.html">3.8</a>
  978. </li>
  979. </ul>
  980. </li>
  981. <li class="component">
  982. <span class="title">Wiki UI</span>
  983. <ul class="versions">
  984. <li class="version">
  985. <a href="../../../../../wiki-ui/index.html">master</a>
  986. </li>
  987. </ul>
  988. </li>
  989. </ul>
  990. </div>
  991. </div>
  992. </aside>
  993. </div>
  994. <main class="article">
  995. <div class="toolbar" role="navigation">
  996. <button class="nav-toggle"></button>
  997. <nav class="breadcrumbs" aria-label="breadcrumbs">
  998. <ul>
  999. <li><a href="../../../documentation.html">JME</a></li>
  1000. <li><a href="beginner.html">Zay-ES Beginner Tutorial</a></li>
  1001. </ul>
  1002. </nav>
  1003. <div class="page-versions">
  1004. <button class="version-menu-toggle" title="Show other versions of page">3.8</button>
  1005. <div class="version-menu">
  1006. <a class="version is-current" href="beginner.html">3.8</a>
  1007. <a class="version" href="../../../../3.4/contributions/es/entitysystem/beginner.html">3.4</a>
  1008. <a class="version" href="../../../../3.3/contributions/es/entitysystem/beginner.html">3.3</a>
  1009. <a class="version" href="../../../../3.2/contributions/es/entitysystem/beginner.html">3.2</a>
  1010. </div>
  1011. </div>
  1012. <div class="edit-this-page"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/docs/modules/contributions/pages/es/entitysystem/beginner.adoc">Edit this Page</a></div>
  1013. </div>
  1014. <div class="content">
  1015. <article class="doc">
  1016. <h1 class="page">Zay-ES Beginner Tutorial</h1>
  1017. <div id="preamble">
  1018. <div class="sectionbody">
  1019. <div class="paragraph">
  1020. <p>In this article we explain the first steps how to work with Zay-ES and what you should know about the background.</p>
  1021. </div>
  1022. <div class="paragraph">
  1023. <p>If you are new Entity Systems please read the <a href="introduction.html" class="xref page">Entity System Introduction</a> first.</p>
  1024. </div>
  1025. </div>
  1026. </div>
  1027. <div class="sect1">
  1028. <h2 id="sample-code"><a class="anchor" href="#sample-code"></a>Sample Code</h2>
  1029. <div class="sectionbody">
  1030. <div class="listingblock">
  1031. <div class="content">
  1032. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">import com.simsilica.es.Entity;
  1033. import com.simsilica.es.EntityData;
  1034. import com.simsilica.es.EntityId;
  1035. import com.simsilica.es.base.DefaultEntityData;
  1036. public class Main {
  1037. public static void main(String[] args) {
  1038. //Creating the EntityData
  1039. EntityData entityData = new DefaultEntityData();
  1040. //Creates a new EntityId, the id is handled as an object to prevent botching
  1041. EntityId entityId = entityData.createEntity();
  1042. //A new TestComponent is added to the Entity
  1043. entityData.setComponent(entityId, new TestComponent("Hello World"));
  1044. //Get a new Entity Object with TestComponents
  1045. Entity entity = entityData.getEntity(entityId, TestComponent.class);
  1046. //Get the Component and display the value
  1047. TestComponent testComponent = entity.get(TestComponent.class);
  1048. System.out.println(testComponent.getValue());
  1049. //Overwrite the existing component
  1050. entity.set(new TestComponent("New Value"));
  1051. System.out.println(testComponent.getValue());
  1052. //Remove the Entity from the data
  1053. entityData.removeEntity(entity.getId());
  1054. }
  1055. }</code></pre>
  1056. </div>
  1057. </div>
  1058. <div class="sect2">
  1059. <h3 id="description-of-the-sample"><a class="anchor" href="#description-of-the-sample"></a>Description of the sample</h3>
  1060. </div>
  1061. </div>
  1062. </div>
  1063. <div class="sect1">
  1064. <h2 id="create-a-component-class"><a class="anchor" href="#create-a-component-class"></a>Create a Component Class</h2>
  1065. <div class="sectionbody">
  1066. <div class="paragraph">
  1067. <p>You simply create a component by implementing the EntityComponent interface:</p>
  1068. </div>
  1069. <div class="listingblock">
  1070. <div class="content">
  1071. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">public class TestComponent implements EntityComponent {
  1072. private String value;
  1073. public TestComponent(String value)
  1074. {
  1075. this.value=value;
  1076. }
  1077. public String getValue()
  1078. {
  1079. return value;
  1080. }
  1081. }</code></pre>
  1082. </div>
  1083. </div>
  1084. <div class="paragraph">
  1085. <p>But there are some rules you must consider:
  1086. Components only have a constructor and getter.
  1087. It is important that you only store pure data in the components because otherwise you would no longer know where you can find the logic and the approach of a clear software design would get lost.
  1088. Besides an entity can only have one component of the same class.</p>
  1089. </div>
  1090. <div class="admonitionblock important">
  1091. <table>
  1092. <tr>
  1093. <td class="icon">
  1094. <i class="fa icon-important" title="Important"></i>
  1095. </td>
  1096. <td class="content">
  1097. <div class="paragraph">
  1098. <p>Beginners tend to add large objects like spatials and geometries to a component.
  1099. This is a big mistake because such objects contain logic and in our approach components are data only. Abstract it to a general level or store it completely in the systems.</p>
  1100. </div>
  1101. </td>
  1102. </tr>
  1103. </table>
  1104. </div>
  1105. <div class="admonitionblock important">
  1106. <table>
  1107. <tr>
  1108. <td class="icon">
  1109. <i class="fa icon-important" title="Important"></i>
  1110. </td>
  1111. <td class="content">
  1112. <div class="paragraph">
  1113. <p>Never subclass Component classes.</p>
  1114. </div>
  1115. </td>
  1116. </tr>
  1117. </table>
  1118. </div>
  1119. </div>
  1120. </div>
  1121. <div class="sect1">
  1122. <h2 id="initialize-the-entity-system"><a class="anchor" href="#initialize-the-entity-system"></a>Initialize the Entity System</h2>
  1123. <div class="sectionbody">
  1124. <div class="listingblock">
  1125. <div class="content">
  1126. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java"> EntityData entityData = new DefaultEntityData();</code></pre>
  1127. </div>
  1128. </div>
  1129. <div class="paragraph">
  1130. <p>The EntityData is the main class of the entity system. All the data are stored here.</p>
  1131. </div>
  1132. <div class="paragraph">
  1133. <p>How the entityData works:</p>
  1134. </div>
  1135. <div class="paragraph">
  1136. <p>For every component class a new Hashmap is created which contains the entityId as a key and the component as a value. Therefore, if you need to know all entities which own a component of a certain type, the system will search in these Hashmaps for the required entityIds.</p>
  1137. </div>
  1138. </div>
  1139. </div>
  1140. <div class="sect1">
  1141. <h2 id="creating-entitys-and-adding-components"><a class="anchor" href="#creating-entitys-and-adding-components"></a>Creating Entitys and adding Components</h2>
  1142. <div class="sectionbody">
  1143. <div class="listingblock">
  1144. <div class="content">
  1145. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">//Creates a new EntityId, the id is handled as an object to prevent botching
  1146. EntityId entityId = entityData.createEntity();
  1147. //A new TestComponent is added to the Entity
  1148. entityData.setComponent(entityId, new TestComponent("Hello World"));</code></pre>
  1149. </div>
  1150. </div>
  1151. <div class="paragraph">
  1152. <p>EntityIds are a objects which contain a long value. Zay-ES uses this objects to prevent users from writing dirty code.</p>
  1153. </div>
  1154. <div class="paragraph">
  1155. <p>Every entity has a unique id which is a long.
  1156. Ids are not reused because, if they were, they would not be unique anymore, which would cause a huge penalty.</p>
  1157. </div>
  1158. <div class="admonitionblock tip">
  1159. <table>
  1160. <tr>
  1161. <td class="icon">
  1162. <i class="fa icon-tip" title="Tip"></i>
  1163. </td>
  1164. <td class="content">
  1165. <div class="paragraph">
  1166. <p>Often people are scared that they will run out of ids:
  1167. If you create a new entity every nano second, you would need roughly 585 years before it wraps.</p>
  1168. </div>
  1169. </td>
  1170. </tr>
  1171. </table>
  1172. </div>
  1173. </div>
  1174. </div>
  1175. <div class="sect1">
  1176. <h2 id="the-entity-class"><a class="anchor" href="#the-entity-class"></a>The Entity Class</h2>
  1177. <div class="sectionbody">
  1178. <div class="listingblock">
  1179. <div class="content">
  1180. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">//Get a new Entity Object with TestComponents
  1181. Entity entity = entityData.getEntity(entityId, TestComponent.class);
  1182. //Get the Component and display the value
  1183. TestComponent testComponent = entity.get(TestComponent.class);
  1184. System.out.println(testComponent.getValue());</code></pre>
  1185. </div>
  1186. </div>
  1187. <div class="paragraph">
  1188. <p>If you want to work with entities, the EntityData is able to create Entity objects. This objects contains
  1189. all the Components of the classes you are interested in. In this example it is only the TestComponent.class.
  1190. You can have multiple Entity objects for the same entity.</p>
  1191. </div>
  1192. <div class="admonitionblock important">
  1193. <table>
  1194. <tr>
  1195. <td class="icon">
  1196. <i class="fa icon-important" title="Important"></i>
  1197. </td>
  1198. <td class="content">
  1199. <div class="paragraph">
  1200. <p>The data of this Entity objects will not be updated if other classes change the components for this entity</p>
  1201. </div>
  1202. </td>
  1203. </tr>
  1204. </table>
  1205. </div>
  1206. </div>
  1207. </div>
  1208. <div class="sect1">
  1209. <h2 id="replacing-a-component"><a class="anchor" href="#replacing-a-component"></a>Replacing a component</h2>
  1210. <div class="sectionbody">
  1211. <div class="listingblock">
  1212. <div class="content">
  1213. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">//Overwrite the existing component
  1214. entity.set(new TestComponent("New Value"));
  1215. System.out.println(testComponent.getValue());</code></pre>
  1216. </div>
  1217. </div>
  1218. </div>
  1219. </div>
  1220. <div class="sect1">
  1221. <h2 id="delete-an-entity"><a class="anchor" href="#delete-an-entity"></a>Delete an entity</h2>
  1222. <div class="sectionbody">
  1223. <div class="listingblock">
  1224. <div class="content">
  1225. <pre class="highlightjs highlight"><code class="language-java hljs" data-lang="java">//Remove the Entity from the data
  1226. entityData.removeEntity(entity.getId());</code></pre>
  1227. </div>
  1228. </div>
  1229. <div class="sect2">
  1230. <h3 id="entity-sets"><a class="anchor" href="#entity-sets"></a>Entity Sets</h3>
  1231. <div class="paragraph">
  1232. <p>The most important feature of Zay-ES are the Entity Sets.
  1233. It is strongly recommended that you read the <a href="entityset.html" class="xref page">Entity Set tutorial</a> after reading this article.</p>
  1234. </div>
  1235. <div class="admonitionblock important">
  1236. <table>
  1237. <tr>
  1238. <td class="icon">
  1239. <i class="fa icon-important" title="Important"></i>
  1240. </td>
  1241. <td class="content">
  1242. <div class="paragraph">
  1243. <p>Read the <a href="entityset.html" class="xref page">tutorial</a> about entity sets</p>
  1244. </div>
  1245. </td>
  1246. </tr>
  1247. </table>
  1248. </div>
  1249. </div>
  1250. </div>
  1251. </div>
  1252. </article>
  1253. <aside class="toc sidebar" data-title="Contents" data-levels="2">
  1254. <div class="toc-menu"></div>
  1255. </aside>
  1256. </div>
  1257. </main>
  1258. </div>
  1259. <footer class="footer">
  1260. <p>Copyright 2020 jMonkeyEngine Wiki Contributors. Licensed BSD-3.</p>
  1261. </footer>
  1262. <script src="../../../../../_/js/vendor/docsearch.min.js"></script>
  1263. <!-- fetched from https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js -->
  1264. <script>
  1265. var search = docsearch({
  1266. apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
  1267. indexName: 'jmonkeyengine',
  1268. inputSelector: '#search-input',
  1269. autocompleteOptions: { hint: false, keyboardShortcuts: ['s'] },
  1270. algoliaOptions: { hitsPerPage: 10 }
  1271. }).autocomplete
  1272. search.on('autocomplete:closed', function () { search.autocomplete.setVal() })
  1273. function focusSearchInput () { document.querySelector('#search-input').focus() }
  1274. if (document.querySelector('.home-link.is-current')) window.addEventListener('load', focusSearchInput)
  1275. </script>
  1276. <script src="../../../../../_/js/site.js"></script>
  1277. <script async src="../../../../../_/js/vendor/highlight.js"></script>
  1278. </body>
  1279. </html>