java
/
jMonkeyEngine-wiki
spiegel van https://github.com/jMonkeyEngine/wiki.git


			
				
					
						
						
							123456789101112131415161718192021222324
							<!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>gui</title><link rel="stylesheet" href="./asciidoctor.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<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/atom_framework/gui.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/atom_framework/"><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>gui</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="#atom-s-gui">Atom&#8217;s GUI</a><ul class="sectlevel2"><li><a href="#additions">Additions</a></li><li><a href="#ideas">Ideas</a></li><li><a href="#template-and-css">Template and CSS</a></li><li><a href="#gquery">GQuery</a></li></ul></li></ul></div></div><div id="content"><div class="sect2"><h3 id="atom-s-gui">Atom&#8217;s GUI</h3><div class="paragraph"><p>In Atom framework, I choose NiftyGUI because its much more features, expandable, have active developing status, and good friendly supports.</p></div>
<div class="paragraph"><p>AtomGUI is the base of AtomEditor component (of Atom framework), which in turn provide easy editing support for game objects, configs and such, just like Swing does with Java&#8217;s bean and Models, but in 3D with hardware accelarated.</p></div>
<div class="sect2"><h3 id="additions">Additions</h3><div class="paragraph"><p>My additions for NiftyGUI:</p></div>
<div class="ulist"><ul><li><p>Lightweight MVC</p><div class="ulist"><ul><li><p>Template framework</p></li><li><p>a Groovy builder</p></li><li><p>a <abbr title="Cascading Style Sheets">CSS</abbr> (Cascaded Style Sheet) implementation (for NiftyGUI), even a LESS</p></li><li><p>a simplier Localization framework</p></li><li><p>GQuery stand for “JQuery in Groovy</p></li><li><p>a lot of Groovy  scripting and functional sugar for NiftyGUI</p></li></ul></div></li></ul></div></div>
<div class="sect2"><h3 id="ideas">Ideas</h3><div class="sect3"><h4 id="javascript-and-web-world-ideas">JavaScript and Web world Ideas</h4><div class="paragraph"><p>It&#8217;s worthy to note that I come from the Web world, and I use JavaScript everyday beside of Java. That&#8217;s why I always want “good things in JavaScript world show up in game dev world.</p></div>
<div class="paragraph"><p>Things such like Template, <abbr title="Cascading Style Sheets">CSS</abbr>, GQuery, … corporate tightly with JME3 systems but with a lot of additional gun and gears. Make Nifty and JME3 a real powerful monkey as it should!</p></div></div></div>
<div class="sect2"><h3 id="template-and-css">Template and CSS</h3><div class="paragraph"><p>Every Web framework come with a Template framework, facade and styles make the Web world colorful and attractive but <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> is a blow-up standard!!!</p></div>
<div class="paragraph"><p>What we trying to do here is to make is compact and usable but with posibility to enhance and extend.
There are some “good template framework in the Java and JavaScript world:
- Mustache
- StringBuilder
- Veclocity</p></div>
<div class="paragraph"><p>Also worth to take a look is : LESS (the scriptable <abbr title="Cascading Style Sheets">CSS</abbr>)</p></div>
<div class="paragraph"><p>I see much powerful can be gained if we open this direction with the combination of : JME3 + Nifty + Groovy. That&#8217;s why I experiment all this stuffs.</p></div></div>
<div class="sect2"><h3 id="gquery">GQuery</h3><div class="paragraph"><p>GQuery stand for “JQuery like in Groovy.</p></div>
<div class="paragraph"><p>JQuery is a famous framework in the JavaScript and Web world. GQuery try to provide some of its features, immtimate its syntax and sugars, leverage by Groovy:</p></div>
<div class="ulist"><ul><li><p>Query, select a Node Tree (like <abbr title="HyperText Markup Language">HTML</abbr>, Nifty elements,…) with a minimal Path syntax , same as XPath</p></li><li><p>Hooks to Node&#8217;s (components, elements..) events with Eventbus</p></li></ul></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({
  apiKey: 'a736b6d93de805e26ec2f49b55013fbd',
  indexName: 'jmonkeyengine',
  inputSelector: '#doc-search',
  debug: false // Set debug to true if you want to inspect the dropdown
});</script></body></html>