java
/
jMonkeyEngine-website
mirror of https://github.com/jMonkeyEngine/jmonkeyengine-website.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873
							<!DOCTYPE html>
<html lang="en-us">

<head>

  <title>jMonkeyEngine  | Documentation</title>
  <meta name="viewport" content="width=device-width,minimum-scale=1">
  <meta name="description"
    content="jMonkeyEngine is a modern developer friendly game engine written primarily in Java.  ">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

  <link rel="stylesheet" href="/css/style.css">

  
  <meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Documentation"/>
<meta name="twitter:description" content="Browse through our various forms of information to help you better understand the engine.
Engine Wiki The wiki provides extended documentation as well as tutorials on how to develop your game effectively using jmonkey practices. Tutorials start from the basics all the way up to collision detection, input mapping and shaders, and will be your go-to place for most of the information you require."/>

  <meta property="og:title" content="Documentation" />
<meta property="og:description" content="Browse through our various forms of information to help you better understand the engine.
Engine Wiki The wiki provides extended documentation as well as tutorials on how to develop your game effectively using jmonkey practices. Tutorials start from the basics all the way up to collision detection, input mapping and shaders, and will be your go-to place for most of the information you require." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://jmonkeyengine.org/docs/" /><meta property="article:section" content="" />


  <meta itemprop="name" content="Documentation">
<meta itemprop="description" content="Browse through our various forms of information to help you better understand the engine.
Engine Wiki The wiki provides extended documentation as well as tutorials on how to develop your game effectively using jmonkey practices. Tutorials start from the basics all the way up to collision detection, input mapping and shaders, and will be your go-to place for most of the information you require.">

<meta itemprop="wordCount" content="713">
<meta itemprop="keywords" content="" />
  

  <script src="/js/old-browser.js"></script>
  <link rel="stylesheet" href="/css/old-browser.css">
  

  <script src="/highlight/highlight.pack.js"></script>
  <script
    src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
  <link rel="stylesheet" href="/highlight/styles/railscasts.css">
  <script type="text/javascript">
    hljs.initHighlightingOnLoad();
    hljs.initLineNumbersOnLoad();
  </script>
  

  <script src="/js/utils.js"></script>
  <script src="/js/showcase.js"></script>
  <script type="module" src="/js/Main.js"></script>
  

  <script src="https://cdnjs.cloudflare.com/ajax/libs/later/1.2.0/later.min.js" integrity="sha512-4OyNDMl5KLKjS8F1ImVwUvmthM8HkXbR6vMafCmT5zBTd9I/sA3z3zM0JLBosHW6/3K2jq2RoBo/eTUNS2hOGA==" crossorigin="anonymous"></script>
  <script src="/js/maintenance/maintenance.js"></script>
  <link rel="stylesheet" href="/js/maintenance/maintenance.css">
  

  <script src="/js/christmas/Christmas.js"></script>
  <script>
      Christmas.init(
        "https://jmonkeyengine.org/js/christmas/",
        ["figure.githubUser img", 'img.avatar', "#showcase button"],
        [
          {
            type: "attribute",
            value: "src",
            transform:function(src){
              if(src.startsWith("/user_avatar/hub.jmonkeyengine.org/"))  {
                return src.substring("/user_avatar/hub.jmonkeyengine.org/".length).split("/")[0];
              }          
              return src;
            }
          },
          {
            type: "attribute",
            value: "title"
          },
          {
            type: "text"
          }
        ],
        ["header img.avatar"]
      );
  </script>
  

</head>

<body>
  <header> <nav class="responsiveWidth  " id="topmenu">
    <div class="expandable">
        <a href="https://jmonkeyengine.org/" alt-href="https://jmonkeyengine.org/tags,https://jmonkeyengine.org/authors,https://jmonkeyengine.org/devlog,https://jmonkeyengine.org/blog,,https://jmonkeyengine.org/communitylog">
            <button class="genericCl responsiveIcon expandable ">
                <i class="fas fa-home"></i> <span>Home</span>
            </button>
        </a>
        <a href="https://jmonkeyengine.org/tags/showcase" alt-href="https://jmonkeyengine.org/showcase">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-images"></i> <span>Showcase</span>
            </button>
        </a>

        <a href="https://hub.jmonkeyengine.org">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fab fa-discourse"></i> <span>Discussions</span>
            </button>
        </a>

        <a href="https://library.jmonkeyengine.org" >
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-puzzle-piece"></i> <span>Library</span>
            </button>
        </a>

        <a href="https://jmonkeyengine.org/docs">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-book"></i> <span>Docs</span>
            </button>
        </a>

        <a href="https://jmonkeyengine.org/license">
            <button class="genericCl responsiveIcon  expandable toggleable toggledOffPortrait">
                <i class="fas fa-balance-scale-right"></i> <span>License</span>
            </button>
        </a>
    </div>

    <div class="toggleable toggledOffPortrait expandable">
            <a  href="https://github.com/jMonkeyEngine/jmonkeyengine" rel='noopener noreferrer' target="_blank">
                <button class="icon toggleable toggledOffPortrait codeCl  expandable " title="Github">
                    <i class="fab fa-github-square"></i> <span>Github</span>
                </button>
            </a>
            <a href="https://twitter.com/jmonkeyengine" rel='noopener noreferrer' target="_blank">
                <button class="icon twitterCl toggleable toggledOffPortrait  expandable " title="Follow on Twitter">
                    <i class="fab fa-twitter"></i> <span>Twitter</span>
                </button>
            </a>

            <a href="https://www.youtube.com/channel/UC-Fs3R5Q6wW_XYspOXGZgPw" rel='noopener noreferrer'
                target="_blank">
                <button class="icon youtubeCl toggleable toggledOffPortrait  expandable " title="Follow on Youtube">
                    <i class="fab fa-youtube"></i> <span>Youtube</span>
                </button>
            </a>
       

            <a href="https://discord.gg/Rv8sfVu" rel='noopener noreferrer' target="_blank">
                <button class="icon discordCl toggleable toggledOffPortrait  expandable " title="Discord">
                    <i class="fab fa-discord"></i> <span>Discord</span>
                </button>
            </a>
            <a href="https://jmonkeyengine.org/donate" >
                <button class="icon donateCl toggleable toggledOffPortrait  expandable " title="Donate">
                    <i class="fas fa-donate"></i> <span>Donate!</span>
                </button>
            </a>

        </div>
</nav>

<script>
    
    !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.stringSimilarity=e():t.stringSimilarity=e()}(self,(function(){return t={138:t=>{function e(t,e){if((t=t.replace(/\s+/g,""))===(e=e.replace(/\s+/g,"")))return 1;if(t.length<2||e.length<2)return 0;let r=new Map;for(let e=0;e<t.length-1;e++){const n=t.substring(e,e+2),o=r.has(n)?r.get(n)+1:1;r.set(n,o)}let n=0;for(let t=0;t<e.length-1;t++){const o=e.substring(t,t+2),s=r.has(o)?r.get(o):0;s>0&&(r.set(o,s-1),n++)}return 2*n/(t.length+e.length-2)}t.exports={compareTwoStrings:e,findBestMatch:function(t,r){if(!function(t,e){return"string"==typeof t&&!!Array.isArray(e)&&!!e.length&&!e.find((function(t){return"string"!=typeof t}))}(t,r))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const n=[];let o=0;for(let s=0;s<r.length;s++){const i=r[s],f=e(t,i);n.push({target:i,rating:f}),f>n[o].rating&&(o=s)}return{ratings:n,bestMatch:n[o],bestMatchIndex:o}}}}},e={},function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{}};return t[n](o,o.exports,r),o.exports}(138);var t,e}));
    

    window.initJmeMenu=function () {
        const selectionClass= window.selectedTopMenuClass || "highlightedCl";

        const topmenu = document.querySelector('#topmenu');
        if (window.location.href.startsWith("http://localhost:1313")) {
            for (const a of topmenu.querySelectorAll("a")) {
                a.href = a.href.replace("https://jmonkeyengine.org", "http://localhost:1313");
            }
        }

        const likelyScore=[];
        for (const a of topmenu.querySelectorAll("a")) {
            const pageUrl=window.location.href.endsWith("/")?window.location.href.substring(0,window.location.href.length-1):window.location.href;
         
            const process = (linkUrls) => {
                if(!linkUrls)return;
                for(let linkUrl of linkUrls){
                    if (linkUrl != null) {
                        if (window.location.href.startsWith("http://localhost:1313")) {
                            linkUrl = linkUrl.replace("https://jmonkeyengine.org", "http://localhost:1313");
                        }

                        if (linkUrl.endsWith("/")) {
                            linkUrl = linkUrl.substring(0, linkUrl.length - 1);
                        }
                        const score = stringSimilarity.compareTwoStrings(linkUrl, pageUrl);
                        likelyScore.push(
                            {
                                score: score,
                                el: a.querySelector("button")
                            }
                        );
                    }
                }
            }

            process([a.href]);
            process(a.getAttribute("alt-href")?a.getAttribute("alt-href").split(","):undefined);           

        }
        likelyScore.sort((a, b) => b.score - a.score);   
        likelyScore.forEach(el=>el.el.classList.remove(selectionClass));
        likelyScore[0].el.classList.add(selectionClass);

    };
    
    document.addEventListener('DOMContentLoaded', function(){
       window.initJmeMenu(); 
    });
</script>

<div id="siteTitle" class="list hlist  responsiveWidth">
    <div id="logo">
        <a href="/">
            <img src="/images/jme-logo.png" />
        </a>
        <i class="toggleNavOnPortraitButton fas fa-bars" toggle="topmenu"></i>
    </div>

    <div id="contributionsBanner">
        <div> <i class="fas fa-donate"></i>
            Backed by:
            <a rel='noopener nofollow noreferrer' target="_blank" id="backerName">The Community</a>
            <a rel='noopener nofollow noreferrer' target="_blank"
                href="https://opencollective.com/jmonkeyengine#section-contributors"> and more...</a>
        </div>
        <div>
            <i class="fab fa-github-alt"></i>
            Contributed by:
            <a rel='noopener nofollow noreferrer' target="_blank" id="contributorName">The Community</a>
            <a rel='noopener nofollow noreferrer' target="_blank"
                href="https://github.com/jMonkeyEngine/jmonkeyengine/graphs/contributors">and more...</a>
        </div>
    </div>
</div>

    </header>

  <main>
    

    <section id="showcase" mode="banner">

  
<i id="playButton" class=" fas fa-play"></i>


<div class="showcaseElement" style='display: block   '>
  <div class="cover blur"   style  ="background-image: url('/images/showcase/skullstone/10.jpg'); " ></div>
  <div class="cover"    style  ="background-image: url('/images/showcase/skullstone/10.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/7.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/7.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/4.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/4.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/3.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/3.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/16.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/16.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/19.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/19.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/14.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/14.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/1.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/1.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/9.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/9.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/18.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/18.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/15.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/15.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/6.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/6.jpg'); " ></div>
</div>


<iframe loading="lazy" class="showcaseElement cover youtubeVid" style='display:  none ' 
   lazy="true" lazy-src  ="https://www.youtube-nocookie.com/embed/AnqzGANkPG8" frameborder="0"
  allow="accelerometer; autoplay;  encrypted-media; gyroscope; fullscreen"></iframe>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/17.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/17.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/2.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/2.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/5.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/5.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/12.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/12.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/11.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/11.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/8.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/8.jpg'); " ></div>
</div>


<div class="showcaseElement" style='display: none  '>
  <div class="cover blur"   lazy="true" lazy-style  ="background-image: url('/images/showcase/skullstone/13.jpg'); " ></div>
  <div class="cover"    lazy="true" lazy-style   ="background-image: url('/images/showcase/skullstone/13.jpg'); " ></div>
</div>


    <div  class="responsiveWidth" id="engineDescription">
      jMonkeyEngine is a modern developer friendly game engine written primarily in Java. 
      <br />
      Its minimalistic and code first approach makes it perfect for developers who want the support of a game engine
      while retaining full control over their code with the ability to extend and adapt the engine to their workflow.
      
      <br />
      <br />
      <br />

      <a href="/start/"><button  id="startbtn" class="highlightedCl" ><i class="fas fa-rocket"></i> Get Started </button></a>

      <a href="/#features" title="overview"><button id="startbtn"   class="highlightedCl"><i class="fas fa-question-circle" style="padding:0"></i></button></a>
      

        <br />
        <br />
    </div>

    <div class="responsiveWidth" >
    <div id="gameDescription" >
      <h2><i class="far fa-images" ></i> Skullstone powered by jMonkeyEngine</h2>
      
      Skullstone – a retro styled grid-based dungeon crawler RPG inspired by the good old titles such as Dungeon Master, Stonekeep, Eye of Beholder and many other classics.
In a few words – a party of … 
      
      <br />
      <a class="readMore" href="/showcase/skullstone/#showcase">See game page </a> 
    </div>
  </div>

</section>


<br/>


<section class="message list vlist">
  <div>
    <blockquote class="list vlist responsive">


      <span id="backerMessage">-</span>
      <i><a rel='noopener nofollow noreferrer' target="_blank" id="backerMessageName">-</a> </i>
    </blockquote>
    <a href="https://opencollective.com/jmonkeyengine">Become a
      backer and leave a message...</a>


  </div>
</section>

<br/>


<a id="content"></a>

<section class="full responsiveWidth">

<article>
        <h1 >
            
<i class="fas fa-paragraph useless"></i>

           
            <a href="/docs/">Documentation</a></h1>
            <div class="content">
                <span>
                <p>Browse through our various forms of information to help you better understand the engine.</p>
<h3 id="hahahugoshortcode-s0-hbhb-engine-wikihttpswikijmonkeyengineorg"><a href="https://wiki.jmonkeyengine.org"><i class=" fas fa-book"></i> Engine Wiki</a></h3>
<p>The wiki provides extended documentation as well as tutorials on how to develop your game effectively using jmonkey practices. Tutorials start from the basics all the way up to collision detection, input mapping and shaders, and will be your go-to place for most of the information you require.</p>
<h3 id="hahahugoshortcode-s1-hbhb-javadochttpsjavadocjmonkeyengineorg"><a href="https://javadoc.jmonkeyengine.org"><i class=" fab fa-java"></i> JavaDoc</a></h3>
<p>JavaDocs are source-code documentation that help you understand what specific methods and classes do. These snippets of information describe the parameters and return values and other key information to help you understand the engine better.</p>
<h3 id="hahahugoshortcode-s2-hbhb--community-hubhttpshubjmonkeyengineorg"><a href="https://hub.jmonkeyengine.org"><i class=" fab fa-discourse"></i>  Community Hub</a></h3>
<p>Our community has an excellent standing in supporting developers that need help. We have a thriving collection of knowledgable users that are super-helpful. If you ever find yourself confused or wondering how something is done, head over to our community hub and create a new thread. Our ultra-helpful team and community will be more than happy to give you a hand in getting you back on track.</p>
<p>To get the most helpful answers, it may be useful to understand <a href="https://www.mikeash.com/getting_answers.html">how to get the best answers</a> to your question. Providing source code, explaining what you have tried, why it didn&rsquo;t work and any other relevant details will speed up the process of giving you a relevant answer.</p>
<h3 id="hahahugoshortcode-s3-hbhb-discordhttpsdiscordggjdjhsrw"><a href="https://discord.gg/JdjhsRw"><i class=" fab fa-discord"></i> Discord</a></h3>
<p>Our official discord server is full of friendly members that can provide useful advice through chat. Whilst a chat server is not always the best place for comprehensive answers, it does serve as a great tool for quick solutions and getting to know the members better.</p>
<h3 id="hahahugoshortcode-s4-hbhb-scene-graph-for-dummieshttpswikijmonkeyengineorgtutorialsscenegraphassetsfallbackindexhtml"><a href="https://wiki.jmonkeyengine.org/tutorials/scenegraph/assets/fallback/index.html"><i class=" fas fa-cube"></i> Scene Graph for Dummies</a></h3>
<p>A slideshow explaining how to use the scene graph in jMonkey. This guide explains how to use the scene graph effectively and understand the relationships involved. <strong>Highly recommended</strong> for all new users to the gaming industry.</p>
<ul>
<li>What the scene graph is and what a <code>Spatial</code> is.</li>
<li>What a <code>Geometry</code> is and how it&rsquo;s appearance is defined.</li>
<li>What a <code>Node</code> is and what a parent-child relationship is.</li>
<li>How to organize the scene graph visually and logically using nodes.</li>
<li>How to hide single Spatials or whole parts of the scene graph.</li>
</ul>
<h3 id="hahahugoshortcode-s5-hbhb-math-for-dummies-jme-vector-mathhttpswikijmonkeyengineorgtutorialsmathassetsfallbackindexhtml"><a href="https://wiki.jmonkeyengine.org/tutorials/math/assets/fallback/index.html"><i class=" fas fa-square-root-alt"></i> Math For Dummies: JME Vector Math</a></h3>
<p>A slideshow explaining how to use vectors and quaternions in jMonkey. This guide is extremely useful to new game developers trying to understand locations, directions and rotations. Recommended for all new users to the gaming industry.</p>
<ul>
<li>What vectors are and how to create them.</li>
<li>How to add, subtract, multiply and normalize vectors.</li>
<li>How to interpolate between vectors.</li>
<li>What quaternions are and how to creat them.</li>
<li>How to rotate a vector using a quaternion.</li>
<li>How to combine rotations.</li>
<li>How to use <code>lookAt</code> to create rotations.</li>
</ul>
<h3 id="hahahugoshortcode-s6-hbhb-transparency-for-dummieshttpshubjmonkeyengineorgtalpha-transparency-sorting-your-z-buffer-and-you33709"><a href="https://hub.jmonkeyengine.org/t/alpha-transparency-sorting-your-z-buffer-and-you/33709"><i class=" far fa-images"></i> Transparency for Dummies</a></h3>
<p>This document explains some of the issues surrounding transparency, what sorting means and how to solve common problems surrounding transparency.</p>
<h3 id="hahahugoshortcode-s7-hbhb-community-tutorialstagstutorials"><a href="/tags/tutorials"><i class=" fas fa-comments"></i> Community tutorials</a></h3>
<p>This is a list of tutorials provided by the community<br>
<section class="list vlist" >
    
    
    <article>

  <h1 >

    
     <a href="/blog/macos-cloud-renting-and-developmentmacos-cloud-renting-and-development/">
<i class="fas fa-paragraph useless"></i>
 MacOS renting and development in the cloud</a> 
    
  </h1>
  
  <div class="content" >

    <span >
     
      
      MacOS cloud renting has started to proliferate with the new Apple Silicon M1 chip and it turned out to be a pretty decent way to test graphical applications on MacOS without buying apple&rsquo;s pricey hardware or resorting to hackish ports and vms of questionable legality.
I am reporting here the procedure to quickly get a MacOS M1 cloud service up and running for testing jmonkey applications without too much hassle.  …
      <a class="more readMore" href="/blog/macos-cloud-renting-and-developmentmacos-cloud-renting-and-development/">Read
        More... </a> 
      
    </span>
    <nav>

    
    <ul class="tags smaller">

        <h3  class="tags">Tags</h3>
        
        <li><a class="tutorials" href="/tags/tutorials"><i class="fas fa-hashtag"></i>tutorials</a></li>
        
        <li><a class="blog" href="/tags/blog"><i class="fas fa-hashtag"></i>blog</a></li>
        
        <li><a class="misc" href="/tags/misc"><i class="fas fa-hashtag"></i>misc</a></li>
        
    </ul>


    <ul class="authors smaller">
        <h3  class="authors">Authors</h3>
        
        <li><a class="riccardobl" href="/authors/riccardobl"><i class="fas fa-at"></i>riccardobl</a></li>
        
    </ul>
    
    <ul class="postedDate smaller">
        <h3 class="postedDate">Date</h3>
        <li><time datetime="2022-01-19 18:00:00 &#43;0000 UTC"><i class="fas fa-calendar"></i>19 January 2022</time>      </li>
    </ul>

    
    <ul class="share">
        <h3 class="share">Share</h3>
        <li>
            <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=MacOS%20cloud%20renting%20has%20started%20to%20proliferate%20with%20the%20new%20Apple%20Silicon%20M1%20chip%20and%20it%20turned%20out%20to%20be%20a%20pretty%20decent%20way%20to%20test%20graphical%20%e2%80%a6  "  >
                <i class="fab fa-twitter-square"></i> Share on Twitter</a></button></li>
    </ul>


</nav>
  </div>
</article>
    
    <article>

  <h1 >

    
     <a href="/tutorials/grizeldi-pbr-tutorials/pbr_tutorial2/">
<i class="fas fa-paragraph useless"></i>
 Grizeldi&#39;s PBR Tutorial #2 - What are Light Probes?</a> 
    
  </h1>
  
  <div class="content" >

    <span >
     
      
      Second part of my tutorial series in which I explain how to use jmonkeyengine&rsquo;s Physically Based Rendering pipeline. In this part we answer the question what are the light probes and why do we need them.  
      
    </span>
    <nav>

    
    <ul class="tags smaller">

        <h3  class="tags">Tags</h3>
        
        <li><a class="pbr" href="/tags/pbr"><i class="fas fa-hashtag"></i>pbr</a></li>
        
        <li><a class="graphics" href="/tags/graphics"><i class="fas fa-hashtag"></i>graphics</a></li>
        
        <li><a class="tutorials" href="/tags/tutorials"><i class="fas fa-hashtag"></i>tutorials</a></li>
        
        <li><a class="blog" href="/tags/blog"><i class="fas fa-hashtag"></i>blog</a></li>
        
    </ul>


    <ul class="authors smaller">
        <h3  class="authors">Authors</h3>
        
        <li><a class="grizeldi" href="/authors/grizeldi"><i class="fas fa-at"></i>grizeldi</a></li>
        
    </ul>
    
    <ul class="postedDate smaller">
        <h3 class="postedDate">Date</h3>
        <li><time datetime="2019-10-16 08:00:00 &#43;0000 UTC"><i class="fas fa-calendar"></i>16 October 2019</time>      </li>
    </ul>

    
    <ul class="share">
        <h3 class="share">Share</h3>
        <li>
            <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=Second%20part%20of%20my%20tutorial%20series%20in%20which%20I%20explain%20how%20to%20use%20jmonkeyengine%e2%80%99s%20Physically%20Based%20Rendering%20pipeline.%20In%20this%20part%20we%20answer%20the%20%e2%80%a6  "  >
                <i class="fab fa-twitter-square"></i> Share on Twitter</a></button></li>
    </ul>


</nav>
  </div>
</article>
    
    <article>

  <h1 >

    
     <a href="/tutorials/grizeldi-pbr-tutorials/pbr_tutorial/">
<i class="fas fa-paragraph useless"></i>
 Grizeldi&#39;s PBR Tutorial #1 - The Basics</a> 
    
  </h1>
  
  <div class="content" >

    <span >
     
      
      A continuing YouTube series helping users take leap from using the regular Lighting.j3md material to PbrLighting.j3md.
First part of my tutorial series in which I explain how to use jmonkeyengine&rsquo;s Physically Based Rendering pipeline. Intended for people who already understand how to use the regular Lighting.j3md shader, but have no idea how PBR works.  
      
    </span>
    <nav>

    
    <ul class="tags smaller">

        <h3  class="tags">Tags</h3>
        
        <li><a class="pbr" href="/tags/pbr"><i class="fas fa-hashtag"></i>pbr</a></li>
        
        <li><a class="graphics" href="/tags/graphics"><i class="fas fa-hashtag"></i>graphics</a></li>
        
        <li><a class="tutorials" href="/tags/tutorials"><i class="fas fa-hashtag"></i>tutorials</a></li>
        
        <li><a class="blog" href="/tags/blog"><i class="fas fa-hashtag"></i>blog</a></li>
        
    </ul>


    <ul class="authors smaller">
        <h3  class="authors">Authors</h3>
        
        <li><a class="grizeldi" href="/authors/grizeldi"><i class="fas fa-at"></i>grizeldi</a></li>
        
    </ul>
    
    <ul class="postedDate smaller">
        <h3 class="postedDate">Date</h3>
        <li><time datetime="2019-01-18 08:00:00 &#43;0000 UTC"><i class="fas fa-calendar"></i>18 January 2019</time>      </li>
    </ul>

    
    <ul class="share">
        <h3 class="share">Share</h3>
        <li>
            <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=A%20continuing%20YouTube%20series%20helping%20users%20take%20leap%20from%20using%20the%20regular%20Lighting.j3md%20material%20to%20PbrLighting.j3md.%0aFirst%20part%20of%20my%20tutorial%20%e2%80%a6  "  >
                <i class="fab fa-twitter-square"></i> Share on Twitter</a></button></li>
    </ul>


</nav>
  </div>
</article>
         
</section></p>


                </span>
                
            </div>


    </article>
</section>


  </main>
  <footer>
    © 2020 jMonkeyEngine.
    All other trademarks, logos and featured content are property of their respective owners.
    <br />
    <a title="Github repo" rel='noopener nofollow noreferrer' target="_blank"
      href="https://github.com/jMonkeyEngine/jmonkeyengine-website">
      <i class="fab fa-github"></i> Source on Github
    </a> 
    |
    <a title="Report issue" rel='noopener nofollow noreferrer' target="_blank"
      href="https://github.com/jMonkeyEngine/jmonkeyengine-website/issues">
      <i class="fas fa-bug"></i> Report an issue
    </a> 
    <br />
    <br />
    Website designed and developed by 
    <a href="https://github.com/riccardobl">Riccardo Balbo</a>
    for the jMonkeyEngine's Community.

   
  </footer>
  <div id="poweredBy" >
  
    <a  rel='noopener nofollow noreferrer' target="_blank" href="https://www.macstadium.com/">
      
      <img   src="/images/macstadium-logo.png" />
    </a>
    <a  rel='noopener nofollow noreferrer' target="_blank" href="https://www.java.com/">
      
      <img   src="/images/java-logo.png" />
    </a>
    <a  rel='noopener nofollow noreferrer' target="_blank" href="https://opengl.org/">
      
      <img   src="/images/opengl-logo.png" />
    </a>
  </div>

</body>

</html>