loading_screen.html 61 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477
  1. <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Asciidoctor 1.5.4"><title>loading_screen</title><link rel="stylesheet" href="./asciidoctor.css">
  2. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  3. <link rel="stylesheet" href="./coderay-asciidoctor.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"></head><body class="article toc2 toc-left"><div id="header"><div id="toolbar"><a href="https://github.com/jMonkeyEngine/wiki/edit/master/src/docs/asciidoc/jme3/advanced/loading_screen.adoc"><i class="fa fa-pencil-square" aria-hidden="true"></i></a><a href="https://github.com/jMonkeyEngine/wiki/new/master/src/docs/asciidoc/jme3/advanced/"><i class="fa fa-plus-square" aria-hidden="true"></i></a><input dir="auto" style="position: relative; vertical-align: top;" spellcheck="false" autocomplete="off" class="searchbox__input aa-input" id="doc-search" name="search" placeholder="Search in the doc" required="required" type="search"></div><h1>loading_screen</h1><div class="details"><span class="author" id="author"></span><br><span id="revnumber">version ,</span> <span id="revdate">2016/03/17 20:48</span></div><div id="toc" class="toc2"><div id="toctitle">Table of Contents</div><ul class="sectlevel1"><li><a href="#nifty-loading-screen-progress-bar">Nifty Loading Screen (Progress Bar)</a><ul class="sectlevel2"><li><a href="#understanding-nifty-xml">Understanding Nifty XML</a></li></ul></li><li><a href="#creating-the-bindings-to-use-the-nifty-xml">Creating the bindings to use the Nifty XML</a><ul class="sectlevel2"><li><a href="#updating-progress-bar-over-a-number-of-frames">Updating progress bar over a number of frames</a></li><li><a href="#using-multithreading">Using multithreading</a></li></ul></li></ul></div></div><div id="content"><div class="sect2"><h3 id="nifty-loading-screen-progress-bar">Nifty Loading Screen (Progress Bar)</h3><div class="paragraph"><p>There is a good tutorial about creating a nifty progress bar here:
  4. <a href="http://sourceforge.net/apps/mediawiki/nifty-gui/index.php?title=Create_your_own_Control_%28A_Nifty_Progressbar%29">http://sourceforge.net/apps/mediawiki/nifty-gui/index.php?title=Create_your_own_Control_%28A_Nifty_Progressbar%29</a></p></div>
  5. <div class="paragraph"><p>This example will use the existing hello terrain as an example.
  6. It will require these 2 images inside Assets/Interface/ (save them as border.png and inner.png respectively)</p></div>
  7. <div class="paragraph"><p><span class="image"><img src="../../jme3/advanced/inner1.png" alt="inner1.png" height=""></span>
  8. <span class="image"><img src="../../jme3/advanced/border1.png" alt="border1.png" height=""></span></p></div>
  9. <div class="paragraph"><p>This is the progress bar at 90%:</p></div>
  10. <div class="paragraph"><p><span class="image"><img src="../../jme3/advanced/loadingscreen.png" alt="loadingscreen.png" height=""></span></p></div>
  11. <div class="paragraph"><p>nifty_loading.xml</p></div>
  12. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="xml"><span class="preprocessor">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;</span>
  13. <span class="tag">&lt;nifty&gt;</span>
  14. <span class="tag">&lt;useStyles</span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">nifty-default-styles.xml</span><span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  15. <span class="tag">&lt;useControls</span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">nifty-default-controls.xml</span><span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  16. <span class="tag">&lt;controlDefinition</span> <span class="attribute-name">name</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">loadingbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  17. <span class="tag">&lt;image</span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/border.png</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">absolute</span><span class="delimiter">&quot;</span></span>
  18. <span class="attribute-name">imageMode</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">resize:15,2,15,15,15,2,15,2,15,2,15,15</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  19. <span class="tag">&lt;image</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">x</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">0</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">y</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">0</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/inner.png</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">32px</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">100%</span><span class="delimiter">&quot;</span></span>
  20. <span class="attribute-name">imageMode</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">resize:15,2,15,15,15,2,15,2,15,2,15,15</span><span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  21. <span class="tag">&lt;/image&gt;</span>
  22. <span class="tag">&lt;/controlDefinition&gt;</span>
  23. <span class="tag">&lt;screen</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">start</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  24. <span class="tag">&lt;layer</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">layer</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  25. <span class="tag">&lt;panel</span> <span class="attribute-name">id</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">panel2</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">30%</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">50%</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">vertical</span><span class="delimiter">&quot;</span></span>
  26. <span class="attribute-name">visibleToMouse</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">true</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  27. <span class="tag">&lt;control</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">startGame</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">button</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">backgroundColor</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">#0000</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">label</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Load Game</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  28. <span class="tag">&lt;interact</span> <span class="attribute-name">onClick</span>=<span class="string"><span class="delimiter">&quot;</span>showLoadingMenu()<span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  29. <span class="tag">&lt;/control&gt;</span>
  30. <span class="tag">&lt;/panel&gt;</span>
  31. <span class="tag">&lt;/layer&gt;</span>
  32. <span class="tag">&lt;/screen&gt;</span>
  33. <span class="tag">&lt;screen</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  34. <span class="tag">&lt;layer</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadinglayer</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">backgroundColor</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">#000000</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  35. <span class="tag">&lt;panel</span> <span class="attribute-name">id</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">loadingpanel</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">vertical</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">32px</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">70%</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  36. <span class="tag">&lt;control</span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">100%</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">100%</span><span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  37. <span class="tag">&lt;control</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingtext</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">label</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span>
  38. <span class="attribute-name">text</span>=<span class="string"><span class="delimiter">&quot;</span> <span class="delimiter">&quot;</span></span><span class="tag">/&gt;</span>
  39. <span class="tag">&lt;/panel&gt;</span>
  40. <span class="tag">&lt;/layer&gt;</span>
  41. <span class="tag">&lt;/screen&gt;</span>
  42. <span class="tag">&lt;screen</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">end</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  43. <span class="tag">&lt;/screen&gt;</span>
  44. <span class="tag">&lt;/nifty&gt;</span></code></pre></div></div>
  45. <div class="sect2"><h3 id="understanding-nifty-xml">Understanding Nifty XML</h3><div class="paragraph"><p>The progress bar and text is done statically using nifty XML.
  46. A custom control is created, which represents the progress bar.</p></div>
  47. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="xml"> <span class="tag">&lt;controlDefinition</span> <span class="attribute-name">name</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">loadingbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  48. <span class="tag">&lt;image</span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/border.png</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">absolute</span><span class="delimiter">&quot;</span></span>
  49. <span class="attribute-name">imageMode</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">resize:15,2,15,15,15,2,15,2,15,2,15,15</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  50. <span class="tag">&lt;image</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">x</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">0</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">y</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">0</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">filename</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/inner.png</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">32px</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">100%</span><span class="delimiter">&quot;</span></span>
  51. <span class="attribute-name">imageMode</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">resize:15,2,15,15,15,2,15,2,15,2,15,15</span><span class="delimiter">&quot;</span></span><span class="tag">/&gt;</span>
  52. <span class="tag">&lt;/image&gt;</span>
  53. <span class="tag">&lt;/controlDefinition&gt;</span></code></pre></div></div>
  54. <div class="paragraph"><p>This screen simply displays a button in the middle of the screen, which could be seen as a simple main menu UI.</p></div>
  55. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="xml"> <span class="tag">&lt;screen</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">start</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  56. <span class="tag">&lt;layer</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">layer</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  57. <span class="tag">&lt;panel</span> <span class="attribute-name">id</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">panel2</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">30%</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">50%</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">vertical</span><span class="delimiter">&quot;</span></span>
  58. <span class="attribute-name">visibleToMouse</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">true</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  59. <span class="tag">&lt;control</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">startGame</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">button</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">backgroundColor</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">#0000</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">label</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">Load Game</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  60. <span class="tag">&lt;interact</span> <span class="attribute-name">onClick</span>=<span class="string"><span class="delimiter">&quot;</span>showLoadingMenu()<span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  61. <span class="tag">&lt;/control&gt;</span>
  62. <span class="tag">&lt;/panel&gt;</span>
  63. <span class="tag">&lt;/layer&gt;</span>
  64. <span class="tag">&lt;/screen&gt;</span></code></pre></div></div>
  65. <div class="paragraph"><p>This screen displays our custom progress bar control with a text control</p></div>
  66. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="xml"> <span class="tag">&lt;screen</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">controller</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">jme3test.TestLoadingScreen</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  67. <span class="tag">&lt;layer</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadinglayer</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">backgroundColor</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">#000000</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  68. <span class="tag">&lt;panel</span> <span class="attribute-name">id</span> = <span class="string"><span class="delimiter">&quot;</span><span class="content">loadingpanel</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">childLayout</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">vertical</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">32px</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">400px</span><span class="delimiter">&quot;</span></span><span class="tag">&gt;</span>
  69. <span class="tag">&lt;control</span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingbar</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">valign</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">width</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">400px</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">height</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">32px</span><span class="delimiter">&quot;</span></span> <span class="tag">/&gt;</span>
  70. <span class="tag">&lt;control</span> <span class="attribute-name">id</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingtext</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">name</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">label</span><span class="delimiter">&quot;</span></span> <span class="attribute-name">align</span>=<span class="string"><span class="delimiter">&quot;</span><span class="content">center</span><span class="delimiter">&quot;</span></span>
  71. <span class="attribute-name">text</span>=<span class="string"><span class="delimiter">&quot;</span> <span class="delimiter">&quot;</span></span><span class="tag">/&gt;</span>
  72. <span class="tag">&lt;/panel&gt;</span>
  73. <span class="tag">&lt;/layer&gt;</span>
  74. <span class="tag">&lt;/screen&gt;</span></code></pre></div></div></div></div>
  75. <div class="sect2"><h3 id="creating-the-bindings-to-use-the-nifty-xml">Creating the bindings to use the Nifty XML</h3><div class="paragraph"><p>There are 3 main ways to update a progress bar. To understand why these methods are necessary, an understanding of the graphics pipeline is needed.</p></div>
  76. <div class="paragraph"><p>Something like this in a single thread will not work:</p></div>
  77. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="java">load_scene();
  78. update_bar(<span class="integer">30</span>%);
  79. load_characters();
  80. update_bar(<span class="integer">60</span>%);
  81. load_sounds();
  82. update_bar(<span class="integer">100</span>%);</code></pre></div></div>
  83. <div class="paragraph"><p>If you do all of this in a single frame, then it is sent to the graphics card only after the whole code block has executed. By this time the bar has reached 100% and the game has already begun – for the user, the progressbar on the screen would not have visibly changed.</p></div>
  84. <div class="paragraph"><p>The 2 main good solutions are:</p></div>
  85. <div class="olist arabic"><ol class="arabic"><li><p>Updating explicitly over many frames</p></li><li><p>Multi-threading</p></li></ol></div>
  86. <div class="sect2"><h3 id="updating-progress-bar-over-a-number-of-frames">Updating progress bar over a number of frames</h3><div class="paragraph"><p>The idea is to break down the loading of the game into discrete parts</p></div>
  87. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="java"><span class="keyword">package</span> <span class="namespace">jme3test</span>;
  88. <span class="keyword">import</span> <span class="include">com.jme3.niftygui.NiftyJmeDisplay</span>;
  89. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.Nifty</span>;
  90. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.elements.Element</span>;
  91. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.input.NiftyInputEvent</span>;
  92. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.screen.Screen</span>;
  93. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.screen.ScreenController</span>;
  94. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.tools.SizeValue</span>;
  95. <span class="keyword">import</span> <span class="include">com.jme3.app.SimpleApplication</span>;
  96. <span class="keyword">import</span> <span class="include">com.jme3.material.Material</span>;
  97. <span class="keyword">import</span> <span class="include">com.jme3.renderer.Camera</span>;
  98. <span class="keyword">import</span> <span class="include">com.jme3.terrain.geomipmap.TerrainLodControl</span>;
  99. <span class="keyword">import</span> <span class="include">com.jme3.terrain.heightmap.AbstractHeightMap</span>;
  100. <span class="keyword">import</span> <span class="include">com.jme3.terrain.geomipmap.TerrainQuad</span>;
  101. <span class="keyword">import</span> <span class="include">com.jme3.terrain.heightmap.ImageBasedHeightMap</span>;
  102. <span class="keyword">import</span> <span class="include">com.jme3.texture.Texture</span>;
  103. <span class="keyword">import</span> <span class="include">com.jme3.texture.Texture.WrapMode</span>;
  104. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.controls.Controller</span>;
  105. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.elements.render.TextRenderer</span>;
  106. <span class="keyword">import</span> <span class="include">de.lessvoid.xml.xpp3.Attributes</span>;
  107. <span class="keyword">import</span> <span class="include">java.util.ArrayList</span>;
  108. <span class="keyword">import</span> <span class="include">java.util.List</span>;
  109. <span class="keyword">import</span> <span class="include">java.util.Properties</span>;
  110. <span class="keyword">import</span> <span class="include">jme3tools.converters.ImageToAwt</span>;
  111. <span class="directive">public</span> <span class="type">class</span> <span class="class">TestLoadingScreen</span> <span class="directive">extends</span> SimpleApplication <span class="directive">implements</span> ScreenController, Controller {
  112. <span class="directive">private</span> NiftyJmeDisplay niftyDisplay;
  113. <span class="directive">private</span> Nifty nifty;
  114. <span class="directive">private</span> <span class="predefined-type">Element</span> progressBarElement;
  115. <span class="directive">private</span> TerrainQuad terrain;
  116. <span class="directive">private</span> Material mat_terrain;
  117. <span class="directive">private</span> <span class="type">float</span> frameCount = <span class="integer">0</span>;
  118. <span class="directive">private</span> <span class="type">boolean</span> load = <span class="predefined-constant">false</span>;
  119. <span class="directive">private</span> TextRenderer textRenderer;
  120. <span class="directive">public</span> <span class="directive">static</span> <span class="type">void</span> main(<span class="predefined-type">String</span><span class="type">[]</span> args) {
  121. TestLoadingScreen app = <span class="keyword">new</span> TestLoadingScreen();
  122. app.start();
  123. }
  124. <span class="annotation">@Override</span>
  125. <span class="directive">public</span> <span class="type">void</span> simpleInitApp() {
  126. flyCam.setEnabled(<span class="predefined-constant">false</span>);
  127. niftyDisplay = <span class="keyword">new</span> NiftyJmeDisplay(assetManager,
  128. inputManager,
  129. audioRenderer,
  130. guiViewPort);
  131. nifty = niftyDisplay.getNifty();
  132. nifty.fromXml(<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/nifty_loading.xml</span><span class="delimiter">&quot;</span></span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">start</span><span class="delimiter">&quot;</span></span>, <span class="local-variable">this</span>);
  133. guiViewPort.addProcessor(niftyDisplay);
  134. }
  135. <span class="annotation">@Override</span>
  136. <span class="directive">public</span> <span class="type">void</span> simpleUpdate(<span class="type">float</span> tpf) {
  137. <span class="keyword">if</span> (load) { <span class="comment">//loading is done over many frames</span>
  138. <span class="keyword">if</span> (frameCount == <span class="integer">1</span>) {
  139. <span class="predefined-type">Element</span> element = nifty.getScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>).findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingtext</span><span class="delimiter">&quot;</span></span>);
  140. textRenderer = element.getRenderer(TextRenderer.class);
  141. mat_terrain = <span class="keyword">new</span> Material(assetManager, <span class="string"><span class="delimiter">&quot;</span><span class="content">Common/MatDefs/Terrain/Terrain.j3md</span><span class="delimiter">&quot;</span></span>);
  142. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Alpha</span><span class="delimiter">&quot;</span></span>, assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/alphamap.png</span><span class="delimiter">&quot;</span></span>));
  143. setProgress(<span class="float">0.2f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading grass</span><span class="delimiter">&quot;</span></span>);
  144. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">2</span>) {
  145. Texture grass = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/grass.jpg</span><span class="delimiter">&quot;</span></span>);
  146. grass.setWrap(WrapMode.Repeat);
  147. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex1</span><span class="delimiter">&quot;</span></span>, grass);
  148. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex1Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">64f</span>);
  149. setProgress(<span class="float">0.4f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading dirt</span><span class="delimiter">&quot;</span></span>);
  150. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">3</span>) {
  151. Texture dirt = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/dirt.jpg</span><span class="delimiter">&quot;</span></span>);
  152. dirt.setWrap(WrapMode.Repeat);
  153. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex2</span><span class="delimiter">&quot;</span></span>, dirt);
  154. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex2Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">32f</span>);
  155. setProgress(<span class="float">0.5f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading rocks</span><span class="delimiter">&quot;</span></span>);
  156. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">4</span>) {
  157. Texture rock = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/road.jpg</span><span class="delimiter">&quot;</span></span>);
  158. rock.setWrap(WrapMode.Repeat);
  159. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex3</span><span class="delimiter">&quot;</span></span>, rock);
  160. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex3Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">128f</span>);
  161. setProgress(<span class="float">0.6f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Creating terrain</span><span class="delimiter">&quot;</span></span>);
  162. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">5</span>) {
  163. AbstractHeightMap heightmap = <span class="predefined-constant">null</span>;
  164. Texture heightMapImage = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/mountains512.png</span><span class="delimiter">&quot;</span></span>);
  165. heightmap = <span class="keyword">new</span> ImageBasedHeightMap(heightMapImage.getImage());
  166. heightmap.load();
  167. terrain = <span class="keyword">new</span> TerrainQuad(<span class="string"><span class="delimiter">&quot;</span><span class="content">my terrain</span><span class="delimiter">&quot;</span></span>, <span class="integer">65</span>, <span class="integer">513</span>, heightmap.getHeightMap());
  168. setProgress(<span class="float">0.8f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Positioning terrain</span><span class="delimiter">&quot;</span></span>);
  169. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">6</span>) {
  170. terrain.setMaterial(mat_terrain);
  171. terrain.setLocalTranslation(<span class="integer">0</span>, -<span class="integer">100</span>, <span class="integer">0</span>);
  172. terrain.setLocalScale(<span class="float">2f</span>, <span class="float">1f</span>, <span class="float">2f</span>);
  173. rootNode.attachChild(terrain);
  174. setProgress(<span class="float">0.9f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading cameras</span><span class="delimiter">&quot;</span></span>);
  175. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">7</span>) {
  176. <span class="predefined-type">List</span>&lt;Camera&gt; cameras = <span class="keyword">new</span> <span class="predefined-type">ArrayList</span>&lt;Camera&gt;();
  177. cameras.add(getCamera());
  178. TerrainLodControl control = <span class="keyword">new</span> TerrainLodControl(terrain, cameras);
  179. terrain.addControl(control);
  180. setProgress(<span class="float">1f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading complete</span><span class="delimiter">&quot;</span></span>);
  181. } <span class="keyword">else</span> <span class="keyword">if</span> (frameCount == <span class="integer">8</span>) {
  182. nifty.gotoScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">end</span><span class="delimiter">&quot;</span></span>);
  183. nifty.exit();
  184. guiViewPort.removeProcessor(niftyDisplay);
  185. flyCam.setEnabled(<span class="predefined-constant">true</span>);
  186. flyCam.setMoveSpeed(<span class="integer">50</span>);
  187. }
  188. frameCount++;
  189. }
  190. }
  191. <span class="directive">public</span> <span class="type">void</span> setProgress(<span class="directive">final</span> <span class="type">float</span> progress, <span class="predefined-type">String</span> loadingText) {
  192. <span class="directive">final</span> <span class="type">int</span> MIN_WIDTH = <span class="integer">32</span>;
  193. <span class="type">int</span> pixelWidth = (<span class="type">int</span>) (MIN_WIDTH + (progressBarElement.getParent().getWidth() - MIN_WIDTH) * progress);
  194. progressBarElement.setConstraintWidth(<span class="keyword">new</span> SizeValue(pixelWidth + <span class="string"><span class="delimiter">&quot;</span><span class="content">px</span><span class="delimiter">&quot;</span></span>));
  195. progressBarElement.getParent().layoutElements();
  196. textRenderer.setText(loadingText);
  197. }
  198. <span class="directive">public</span> <span class="type">void</span> showLoadingMenu() {
  199. nifty.gotoScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>);
  200. load = <span class="predefined-constant">true</span>;
  201. }
  202. <span class="annotation">@Override</span>
  203. <span class="directive">public</span> <span class="type">void</span> onStartScreen() {
  204. }
  205. <span class="annotation">@Override</span>
  206. <span class="directive">public</span> <span class="type">void</span> onEndScreen() {
  207. }
  208. <span class="annotation">@Override</span>
  209. <span class="directive">public</span> <span class="type">void</span> bind(Nifty nifty, Screen screen) {
  210. progressBarElement = nifty.getScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>).findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span>);
  211. }
  212. <span class="comment">// methods for Controller</span>
  213. <span class="annotation">@Override</span>
  214. <span class="directive">public</span> <span class="type">boolean</span> inputEvent(<span class="directive">final</span> NiftyInputEvent inputEvent) {
  215. <span class="keyword">return</span> <span class="predefined-constant">false</span>;
  216. }
  217. <span class="annotation">@Override</span>
  218. <span class="directive">public</span> <span class="type">void</span> bind(Nifty nifty, Screen screen, <span class="predefined-type">Element</span> elmnt, <span class="predefined-type">Properties</span> prprts, <span class="predefined-type">Attributes</span> atrbts) {
  219. progressBarElement = elmnt.findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span>);
  220. }
  221. <span class="annotation">@Override</span>
  222. <span class="directive">public</span> <span class="type">void</span> init(<span class="predefined-type">Properties</span> prprts, <span class="predefined-type">Attributes</span> atrbts) {
  223. }
  224. <span class="directive">public</span> <span class="type">void</span> onFocus(<span class="type">boolean</span> getFocus) {
  225. }
  226. }</code></pre></div></div>
  227. <div class="paragraph"><p>Note:</p></div>
  228. <div class="ulist"><ul><li><p>Try and add all controls near the end, as their update loops may begin executing</p></li></ul></div></div>
  229. <div class="sect2"><h3 id="using-multithreading">Using multithreading</h3><div class="paragraph"><p>For more info on multithreading: <a href="../../jme3/advanced/multithreading.html">The jME3 Threading Model</a></p></div>
  230. <div class="paragraph"><p>Make sure to change the XML file to point the controller to TestLoadingScreen*1*</p></div>
  231. <div class="listingblock"><div class="content"><pre class="CodeRay highlight"><code data-lang="java"><span class="keyword">package</span> <span class="namespace">jme3test</span>;
  232. <span class="keyword">import</span> <span class="include">com.jme3.niftygui.NiftyJmeDisplay</span>;
  233. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.Nifty</span>;
  234. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.elements.Element</span>;
  235. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.input.NiftyInputEvent</span>;
  236. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.screen.Screen</span>;
  237. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.screen.ScreenController</span>;
  238. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.tools.SizeValue</span>;
  239. <span class="keyword">import</span> <span class="include">com.jme3.app.SimpleApplication</span>;
  240. <span class="keyword">import</span> <span class="include">com.jme3.material.Material</span>;
  241. <span class="keyword">import</span> <span class="include">com.jme3.renderer.Camera</span>;
  242. <span class="keyword">import</span> <span class="include">com.jme3.terrain.geomipmap.TerrainLodControl</span>;
  243. <span class="keyword">import</span> <span class="include">com.jme3.terrain.heightmap.AbstractHeightMap</span>;
  244. <span class="keyword">import</span> <span class="include">com.jme3.terrain.geomipmap.TerrainQuad</span>;
  245. <span class="keyword">import</span> <span class="include">com.jme3.terrain.heightmap.ImageBasedHeightMap</span>;
  246. <span class="keyword">import</span> <span class="include">com.jme3.texture.Texture</span>;
  247. <span class="keyword">import</span> <span class="include">com.jme3.texture.Texture.WrapMode</span>;
  248. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.controls.Controller</span>;
  249. <span class="keyword">import</span> <span class="include">de.lessvoid.nifty.elements.render.TextRenderer</span>;
  250. <span class="keyword">import</span> <span class="include">de.lessvoid.xml.xpp3.Attributes</span>;
  251. <span class="keyword">import</span> <span class="include">java.util.ArrayList</span>;
  252. <span class="keyword">import</span> <span class="include">java.util.List</span>;
  253. <span class="keyword">import</span> <span class="include">java.util.Properties</span>;
  254. <span class="keyword">import</span> <span class="include">java.util.concurrent.Callable</span>;
  255. <span class="keyword">import</span> <span class="include">java.util.concurrent.Future</span>;
  256. <span class="keyword">import</span> <span class="include">java.util.concurrent.ScheduledThreadPoolExecutor</span>;
  257. <span class="keyword">import</span> <span class="include">jme3tools.converters.ImageToAwt</span>;
  258. <span class="directive">public</span> <span class="type">class</span> <span class="class">TestLoadingScreen1</span> <span class="directive">extends</span> SimpleApplication <span class="directive">implements</span> ScreenController, Controller {
  259. <span class="directive">private</span> NiftyJmeDisplay niftyDisplay;
  260. <span class="directive">private</span> Nifty nifty;
  261. <span class="directive">private</span> <span class="predefined-type">Element</span> progressBarElement;
  262. <span class="directive">private</span> TerrainQuad terrain;
  263. <span class="directive">private</span> Material mat_terrain;
  264. <span class="directive">private</span> <span class="type">boolean</span> load = <span class="predefined-constant">false</span>;
  265. <span class="directive">private</span> <span class="predefined-type">ScheduledThreadPoolExecutor</span> exec = <span class="keyword">new</span> <span class="predefined-type">ScheduledThreadPoolExecutor</span>(<span class="integer">2</span>);
  266. <span class="directive">private</span> <span class="predefined-type">Future</span> loadFuture = <span class="predefined-constant">null</span>;
  267. <span class="directive">private</span> TextRenderer textRenderer;
  268. <span class="directive">public</span> <span class="directive">static</span> <span class="type">void</span> main(<span class="predefined-type">String</span><span class="type">[]</span> args) {
  269. TestLoadingScreen1 app = <span class="keyword">new</span> TestLoadingScreen1();
  270. app.start();
  271. }
  272. <span class="annotation">@Override</span>
  273. <span class="directive">public</span> <span class="type">void</span> simpleInitApp() {
  274. flyCam.setEnabled(<span class="predefined-constant">false</span>);
  275. niftyDisplay = <span class="keyword">new</span> NiftyJmeDisplay(assetManager,
  276. inputManager,
  277. audioRenderer,
  278. guiViewPort);
  279. nifty = niftyDisplay.getNifty();
  280. nifty.fromXml(<span class="string"><span class="delimiter">&quot;</span><span class="content">Interface/nifty_loading.xml</span><span class="delimiter">&quot;</span></span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">start</span><span class="delimiter">&quot;</span></span>, <span class="local-variable">this</span>);
  281. guiViewPort.addProcessor(niftyDisplay);
  282. }
  283. <span class="annotation">@Override</span>
  284. <span class="directive">public</span> <span class="type">void</span> simpleUpdate(<span class="type">float</span> tpf) {
  285. <span class="keyword">if</span> (load) {
  286. <span class="keyword">if</span> (loadFuture == <span class="predefined-constant">null</span>) {
  287. <span class="comment">//if we have not started loading yet, submit the Callable to the executor</span>
  288. loadFuture = exec.submit(loadingCallable);
  289. }
  290. <span class="comment">//check if the execution on the other thread is done</span>
  291. <span class="keyword">if</span> (loadFuture.isDone()) {
  292. <span class="comment">//these calls have to be done on the update loop thread,</span>
  293. <span class="comment">//especially attaching the terrain to the rootNode</span>
  294. <span class="comment">//after it is attached, it's managed by the update loop thread</span>
  295. <span class="comment">// and may not be modified from any other thread anymore!</span>
  296. nifty.gotoScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">end</span><span class="delimiter">&quot;</span></span>);
  297. nifty.exit();
  298. guiViewPort.removeProcessor(niftyDisplay);
  299. flyCam.setEnabled(<span class="predefined-constant">true</span>);
  300. flyCam.setMoveSpeed(<span class="integer">50</span>);
  301. rootNode.attachChild(terrain);
  302. load = <span class="predefined-constant">false</span>;
  303. }
  304. }
  305. }
  306. <span class="comment">//this is the callable that contains the code that is run on the other thread.</span>
  307. <span class="comment">//since the assetmananger is threadsafe, it can be used to load data from any thread</span>
  308. <span class="comment">//we do *not* attach the objects to the rootNode here!</span>
  309. <span class="predefined-type">Callable</span>&lt;<span class="predefined-type">Void</span>&gt; loadingCallable = <span class="keyword">new</span> <span class="predefined-type">Callable</span>&lt;<span class="predefined-type">Void</span>&gt;() {
  310. <span class="directive">public</span> <span class="predefined-type">Void</span> call() {
  311. <span class="predefined-type">Element</span> element = nifty.getScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>).findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadingtext</span><span class="delimiter">&quot;</span></span>);
  312. textRenderer = element.getRenderer(TextRenderer.class);
  313. mat_terrain = <span class="keyword">new</span> Material(assetManager, <span class="string"><span class="delimiter">&quot;</span><span class="content">Common/MatDefs/Terrain/Terrain.j3md</span><span class="delimiter">&quot;</span></span>);
  314. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Alpha</span><span class="delimiter">&quot;</span></span>, assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/alphamap.png</span><span class="delimiter">&quot;</span></span>));
  315. <span class="comment">//setProgress is thread safe (see below)</span>
  316. setProgress(<span class="float">0.2f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading grass</span><span class="delimiter">&quot;</span></span>);
  317. Texture grass = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/grass.jpg</span><span class="delimiter">&quot;</span></span>);
  318. grass.setWrap(WrapMode.Repeat);
  319. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex1</span><span class="delimiter">&quot;</span></span>, grass);
  320. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex1Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">64f</span>);
  321. setProgress(<span class="float">0.4f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading dirt</span><span class="delimiter">&quot;</span></span>);
  322. Texture dirt = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/dirt.jpg</span><span class="delimiter">&quot;</span></span>);
  323. dirt.setWrap(WrapMode.Repeat);
  324. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex2</span><span class="delimiter">&quot;</span></span>, dirt);
  325. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex2Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">32f</span>);
  326. setProgress(<span class="float">0.5f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading rocks</span><span class="delimiter">&quot;</span></span>);
  327. Texture rock = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/road.jpg</span><span class="delimiter">&quot;</span></span>);
  328. rock.setWrap(WrapMode.Repeat);
  329. mat_terrain.setTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex3</span><span class="delimiter">&quot;</span></span>, rock);
  330. mat_terrain.setFloat(<span class="string"><span class="delimiter">&quot;</span><span class="content">Tex3Scale</span><span class="delimiter">&quot;</span></span>, <span class="float">128f</span>);
  331. setProgress(<span class="float">0.6f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Creating terrain</span><span class="delimiter">&quot;</span></span>);
  332. AbstractHeightMap heightmap = <span class="predefined-constant">null</span>;
  333. Texture heightMapImage = assetManager.loadTexture(<span class="string"><span class="delimiter">&quot;</span><span class="content">Textures/Terrain/splat/mountains512.png</span><span class="delimiter">&quot;</span></span>);
  334. heightmap = <span class="keyword">new</span> ImageBasedHeightMap(heightMapImage.getImage());
  335. heightmap.load();
  336. terrain = <span class="keyword">new</span> TerrainQuad(<span class="string"><span class="delimiter">&quot;</span><span class="content">my terrain</span><span class="delimiter">&quot;</span></span>, <span class="integer">65</span>, <span class="integer">513</span>, heightmap.getHeightMap());
  337. setProgress(<span class="float">0.8f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Positioning terrain</span><span class="delimiter">&quot;</span></span>);
  338. terrain.setMaterial(mat_terrain);
  339. terrain.setLocalTranslation(<span class="integer">0</span>, -<span class="integer">100</span>, <span class="integer">0</span>);
  340. terrain.setLocalScale(<span class="float">2f</span>, <span class="float">1f</span>, <span class="float">2f</span>);
  341. setProgress(<span class="float">0.9f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading cameras</span><span class="delimiter">&quot;</span></span>);
  342. <span class="predefined-type">List</span>&lt;Camera&gt; cameras = <span class="keyword">new</span> <span class="predefined-type">ArrayList</span>&lt;Camera&gt;();
  343. cameras.add(getCamera());
  344. TerrainLodControl control = <span class="keyword">new</span> TerrainLodControl(terrain, cameras);
  345. terrain.addControl(control);
  346. setProgress(<span class="float">1f</span>, <span class="string"><span class="delimiter">&quot;</span><span class="content">Loading complete</span><span class="delimiter">&quot;</span></span>);
  347. <span class="keyword">return</span> <span class="predefined-constant">null</span>;
  348. }
  349. };
  350. <span class="directive">public</span> <span class="type">void</span> setProgress(<span class="directive">final</span> <span class="type">float</span> progress, <span class="directive">final</span> <span class="predefined-type">String</span> loadingText) {
  351. <span class="comment">//since this method is called from another thread, we enqueue the changes to the progressbar to the update loop thread</span>
  352. enqueue(<span class="keyword">new</span> <span class="predefined-type">Callable</span>() {
  353. <span class="directive">public</span> <span class="predefined-type">Object</span> call() <span class="directive">throws</span> <span class="exception">Exception</span> {
  354. <span class="directive">final</span> <span class="type">int</span> MIN_WIDTH = <span class="integer">32</span>;
  355. <span class="type">int</span> pixelWidth = (<span class="type">int</span>) (MIN_WIDTH + (progressBarElement.getParent().getWidth() - MIN_WIDTH) * progress);
  356. progressBarElement.setConstraintWidth(<span class="keyword">new</span> SizeValue(pixelWidth + <span class="string"><span class="delimiter">&quot;</span><span class="content">px</span><span class="delimiter">&quot;</span></span>));
  357. progressBarElement.getParent().layoutElements();
  358. textRenderer.setText(loadingText);
  359. <span class="keyword">return</span> <span class="predefined-constant">null</span>;
  360. }
  361. });
  362. }
  363. <span class="directive">public</span> <span class="type">void</span> showLoadingMenu() {
  364. nifty.gotoScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>);
  365. load = <span class="predefined-constant">true</span>;
  366. }
  367. <span class="annotation">@Override</span>
  368. <span class="directive">public</span> <span class="type">void</span> onStartScreen() {
  369. }
  370. <span class="annotation">@Override</span>
  371. <span class="directive">public</span> <span class="type">void</span> onEndScreen() {
  372. }
  373. <span class="annotation">@Override</span>
  374. <span class="directive">public</span> <span class="type">void</span> bind(Nifty nifty, Screen screen) {
  375. progressBarElement = nifty.getScreen(<span class="string"><span class="delimiter">&quot;</span><span class="content">loadlevel</span><span class="delimiter">&quot;</span></span>).findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span>);
  376. }
  377. <span class="comment">// methods for Controller</span>
  378. <span class="annotation">@Override</span>
  379. <span class="directive">public</span> <span class="type">boolean</span> inputEvent(<span class="directive">final</span> NiftyInputEvent inputEvent) {
  380. <span class="keyword">return</span> <span class="predefined-constant">false</span>;
  381. }
  382. <span class="annotation">@Override</span>
  383. <span class="directive">public</span> <span class="type">void</span> bind(Nifty nifty, Screen screen, <span class="predefined-type">Element</span> elmnt, <span class="predefined-type">Properties</span> prprts, <span class="predefined-type">Attributes</span> atrbts) {
  384. progressBarElement = elmnt.findElementByName(<span class="string"><span class="delimiter">&quot;</span><span class="content">progressbar</span><span class="delimiter">&quot;</span></span>);
  385. }
  386. <span class="annotation">@Override</span>
  387. <span class="directive">public</span> <span class="type">void</span> init(<span class="predefined-type">Properties</span> prprts, <span class="predefined-type">Attributes</span> atrbts) {
  388. }
  389. <span class="directive">public</span> <span class="type">void</span> onFocus(<span class="type">boolean</span> getFocus) {
  390. }
  391. <span class="annotation">@Override</span>
  392. <span class="directive">public</span> <span class="type">void</span> stop() {
  393. <span class="local-variable">super</span>.stop();
  394. <span class="comment">//the pool executor needs to be shut down so the application properly exits.</span>
  395. exec.shutdown();
  396. }
  397. }</code></pre></div></div></div></div></div><div id="footer"><div id="footer-text">Version <br>Last updated 2016-07-22 07:15:15 UTC</div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script><script>docsearch({
  398. apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
  399. indexName: 'jmonkeyengine',
  400. inputSelector: '#doc-search',
  401. debug: false // Set debug to true if you want to inspect the dropdown
  402. });</script></body></html>