nifty-gui

Nifty 1.2 released

// August 2nd, 2010 // 12 Comments » // demo, release

Nifty 1.2 – Download it
Nifty 1.2 – View Changelog
Nifty 1.2 – Enjoy the Examples

And there is an updated tutorial/demo available too:
Nifty 1.2 – Updated Tutorial/Demo

Nifty 1.2 Tutorial/Demo

The Tutorial/Demo has been greatly improved and updated with Nifty 1.2 informations and is *THE* source to learn how to use Nifty!

Important Information

Please note that starting with Nifty 1.2 the main nifty.jar is now independend of lwjgl and slick2d. This means you need a nifty-<system>-renderer.jar for your rendering system! For instance, if you would like to use Nifty with a Lwjgl based rendering backend you will now need to download nifty-1.2.jar as well as nifty-lwjgl-renderer-1.0.jar!

Please note that we assume that all of the required jars of your rendering system, like lwjgl.jar, slick.jar and so on are downloaded by yourself. The nifty-<system>-renderer.jar only acts as the adapter between nifty and your rendering backend. They don’t come with all the required libs. This decision was simply done under the assumption that Nifty comes as an add on to an existing application.

The Nifty 1.2 compatible jme2 renderer will be available soon after the 1.2 release and Nifty 1.2 will be integrated into jme3 soon as well.

have fun

Nifty User zozo64 creates Basis Drag and Drop Demo!

// June 28th, 2010 // 1 Comment » // bubble, demo, design

See! This is what I’ve meant!

Nifty gives you an easy to use framework that you can extend with your own ideas. Just like Nifty user zozo64 did. Nifty is missing drag and drop support? No problem! He created his own!

To be honest, he found some bugs too but all of that improved Niftys core systems. So that’s a good thing. We’ll probably bring his work as a standard drag and drop control into the standard controls project soon.

For the moment you can take a look at the code. It’s part of the nifty examples project:

http://nifty-gui.svn.sourceforge.net/viewvc/nifty-gui/nifty-examples/trunk/src/main/java/de/lessvoid/nifty/examples/dragndrop/

And here is a first preview of zozo64 work:

Nifty Basic Drag and Drop from void on Vimeo.

Merry Christmas!

// December 23rd, 2008 // 2 Comments » // demo

Here is a quick preview of the new Default Controls and the new Nifty 1.0 Style.

Note the awesome effects on the checkmark when I toggle the Checkbox and watch the Keyboard only usage in the second part of the video

Nifty GUI New Style and Control Preview from void on Vimeo.

Nifty 1.0 – probably available this year! )

Have a Merry Christmas and watch out for the upcoming Nifty GUI Release!

Nifty in Action – XSpace Video :D

// October 30th, 2008 // No Comments » // demo

Nifty 0.0.4 Released :)

// August 28th, 2008 // 1 Comment » // demo

Nifty 0.0.4 – Download it
Nifty 0.0.4 – View Release Notes
Nifty 0.0.4 – Enjoy the Demo

have fun

Current Demo for Nifty 0.0.3 Release

// June 29th, 2008 // No Comments » // demo

Current Demo for Nifty 0.0.3 Release (Java Webstart)

Nifty 0.0.2 Released

// May 4th, 2008 // No Comments » // bubble, demo

Removing XmlBeans and Commons-Logging reduced the nifty with all dependencies jar from 4,4 MB to 1,6 MB

Check it out here

Nifty Project Page at Sourceforge

or get the release here

Nifty Release Download

Have fun =)

Introducing Nifty Controls

// February 17th, 2008 // No Comments » // demo

At the moment there are not many actual controls in Nifty. Besides from clicking on elements, f.i. an Image, there was so far not a lot of interaction possible.

Well, it’s about time to change this with Nifty Controls

To allow as much freedom as possible I’ve decided against predefining new control types that let you only change color or customize some images. Instead the idea is, that you use the already existing elements (Text, Image, Panel) and combine them to create the control you like.

You can create your own control with the <controlDefinition> Tag:

  <controldefinition name="coolControl" controller="my.package.SimpleSlider">
<panel layout="absolute" backgroundcolor="#f0ff">
      <img id="scrollposition" filename="ball.tga" />
    </panel>
  </controldefinition>

With this xml tag you can define a control like it is illustrated in figure 1.

A controldefinition actually defines a couple of things:

1. The name of the new control with the name attribute.
2. The control logic class with the controller attribute.
3. The actual look of the control with a combination of panel, image and text elements. You can even add effects. So if you want a hover effect you can simply add it to the control definition

With the mandatory attribute “name” you give your new control a name so that you can refer to it later. There’s another new tag to use your newly created control, the control tag:

  <control name="coolControl"></control>

So you define the look and feel as well as the control logic once and then use it everywhere you need it like figure 2 shows.

That’s all for now. This just covers the basic idea. More on controls later.

Have Fun!

Nifty Introduction Demonstration

// January 20th, 2008 // No Comments » // demo

Well, this took quite some time, but now it is finished and boah, I tell you IT ROCKS! An Introduction to Nifty written in Nifty!

It explains Layout, Effects and Interaction with Nifty and how it all links together. So don’t wait any longer and check out the Nifty introduction webstart.

And because you probably can’t wait any longer after you’ve seen all this, you can download the first alpha version of Nifty to try it all out by yourself! This is the “complete” Package with all dependent Jar-Files packages in a single Jar. So you don’t need any additional files (Note: A different Nifty-only Version will be available soon too). Required is a Java 1.5.

And in case you are curious how the introduction works you can take a look at the complete xml-file of the introduction.

nifty-0.2-complete.jar

Some Nifty Demo

// December 1st, 2007 // No Comments » // demo

Not yet a tutorial (coming soon…) but here is a simple demo (Java 1.5 webstart) of nifty gui. It demonstrates a lot of nifty blend in, blend out, move in, move out stuff and some advanced hover effects. It demonstrates how you could use nifty for a simple game gui. Simple but with lots of style =)

Please keep in mind that this is just a demo for nifty and no game

Start the demo (Java 1.5 webstart)

And just in case you are curious:

Here ist the XML that drives all the stuff in the demo