Lemur GUI Skins?

SyntheticPrime · July 22, 2022, 11:16pm

Hello,

Is there anywhere someone can download a different skin other than the default? Or a tutorial on how to make a GUI skin set for Lemur?

Thanks!

pspeed · July 22, 2022, 11:37pm

I don’t think anyone has put together a tutorial but plenty of folks have created their own style. So far no one has contributed one back to Lemur.

There is documentation on Lemur styling:

…and then from there you can just copy the existing glass style and modify it:

github.com

jMonkeyEngine-Contributions/Lemur/blob/master/src/main/resources/com/simsilica/lemur/style/base/glass-styles.groovy


import com.simsilica.lemur.*;
import com.simsilica.lemur.Button.ButtonAction;
import com.simsilica.lemur.component.*;

def gradient = TbtQuadBackgroundComponent.create( 
                                        texture( name:"/com/simsilica/lemur/icons/bordered-gradient.png", 
                                                 generateMips:false ),
                                                 1, 1, 1, 126, 126,
                                                 1f, false );

def bevel = TbtQuadBackgroundComponent.create( 
                                        texture( name:"/com/simsilica/lemur/icons/bevel-quad.png", 
                                                 generateMips:false ),
                                                 0.125f, 8, 8, 119, 119,
                                                 1f, false );
 
def border = TbtQuadBackgroundComponent.create(
                                        texture( name:"/com/simsilica/lemur/icons/border.png", 
                                                 generateMips:false ),

This file has been truncated. show original

And:

github.com

jMonkeyEngine-Contributions/Lemur/blob/master/extensions/LemurProto/src/main/resources/com/simsilica/lemur/style/base/glass-styles.groovy


import com.simsilica.lemur.*;
import com.simsilica.lemur.component.*;
import com.jme3.material.RenderState.BlendMode;

def gradient = TbtQuadBackgroundComponent.create( 
                                        texture( name:"/com/simsilica/lemur/icons/bordered-gradient.png", 
                                                 generateMips:false ),
                                                 1, 1, 1, 126, 126,
                                                 1f, false );
def transparent = new QuadBackgroundComponent(color(0, 0, 0, 0))
 
                                  
selector( "optionPanel", "glass" ) {
    background = gradient.clone()
    background.setColor(color(0.25, 0.5, 0.5, 0.5))
}

selector( "optionPanel.container", "glass" ) {

This file has been truncated. show original

For your own style you can start by basically pasting those two files together and then modifying the parts you want to change.

…that’s how I start with the new styles that I make.

SyntheticPrime · July 23, 2022, 12:21am

Nice, Thank you.