Holo Themed Skin

Talk about graphics, 3D models, nice sprite sheets, music, sound effects and anything related to the presentation of your game (not code :)).

Holo Themed Skin

Postby carsten » Sun Apr 07, 2013 5:56 pm

I am sharing my newly created "Holo Dark Themed" skin for Scene2d UI here.

Update from 01.09.2013: I added different sizes for People who want to create Apps for multiple screen resolutions (ldpi, mdpi, hdpi and xhdpi). Also, there is a light and a dark Holo version available now.

For the light version clean the screen in white before rendering the Stage :!:
Code: Select all
Gdx.gl.glClearColor(1, 1, 1, 1);
Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);


for dark version in black or the ui is unrecognizable ;) :!:
Code: Select all
Gdx.gl.glClearColor(0, 0, 0, 1);
Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);


Please use it. Maybe give some credits, would you?
Here is a quick overview.
Image

I did not test the theme at full extend, please apologize errors, report them back or fix them and post the fixed version here. Thanks in advance

Update: Now compatible with newest nightlies build. Added resources folder as well.
Update: Bugfix for WindowStyle. Renamed some resources.
Attachments
HoloSkin.zip
(569.99 KiB) Downloaded 248 times
HoloSkin - With Resources.zip
(1.29 MiB) Downloaded 363 times
Last edited by carsten on Sun Sep 15, 2013 2:27 pm, edited 7 times in total.
carsten
 
Posts: 14
Joined: Sun Feb 24, 2013 9:09 am

Re: Holo Dark Themed Skin

Postby cuellarjmcg » Mon Apr 08, 2013 1:44 am

Wow, cool O.o I will use it for sure in a future project, thanks for sharing it! :D
cuellarjmcg
 
Posts: 220
Joined: Tue Feb 21, 2012 8:57 pm

Re: Holo Dark Themed Skin

Postby NateS » Mon Apr 08, 2013 7:12 am

Cool, thanks! It's nice of you to share your skin. :)
NateS
 
Posts: 1962
Joined: Fri Nov 12, 2010 11:08 am

Re: Holo Dark Themed Skin

Postby Djal » Mon Apr 08, 2013 12:55 pm

Nice, thank you!
Djal
 
Posts: 85
Joined: Wed Mar 02, 2011 11:26 am
Location: Paris, France

Re: Holo Dark Themed Skin

Postby andemiau » Wed Apr 10, 2013 9:43 pm

Hello. I was trying to use your skin. I put all the elements from ui folder to my assets folder and try to load it with

Code: Select all
skin = new Skin(Gdx.files.internal("data/ui.json"));


and i get this error:

Code: Select all
Exception in thread "LWJGL Application" com.badlogic.gdx.utils.GdxRuntimeException: com.badlogic.gdx.utils.SerializationException: Error reading file: data/ui.json
   at com.badlogic.gdx.backends.lwjgl.LwjglApplication$1.run(LwjglApplication.java:113)
Caused by: com.badlogic.gdx.utils.SerializationException: Error reading file: data/ui.json
   at com.badlogic.gdx.scenes.scene2d.ui.Skin.load(Skin.java:95)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin.<init>(Skin.java:72)
   at com.me.gameoflife.GameOfLife.create(GameOfLife.java:34)
   at com.badlogic.gdx.backends.lwjgl.LwjglApplication.mainLoop(LwjglApplication.java:127)
   at com.badlogic.gdx.backends.lwjgl.LwjglApplication$1.run(LwjglApplication.java:110)
Caused by: com.badlogic.gdx.utils.SerializationException: Error reading file: data/ui.json
   at com.badlogic.gdx.utils.Json.fromJson(Json.java:613)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin.load(Skin.java:93)
   ... 4 more
Caused by: com.badlogic.gdx.utils.SerializationException: Field not found: focusedBackground (com.badlogic.gdx.scenes.scene2d.ui.TextField$TextFieldStyle)
   at com.badlogic.gdx.utils.Json.readFields(Json.java:703)
   at com.badlogic.gdx.utils.Json.readValue(Json.java:816)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin$1.readValue(Skin.java:409)
   at com.badlogic.gdx.utils.Json.readValue(Json.java:766)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin$2.readNamedObjects(Skin.java:434)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin$2.read(Skin.java:422)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin$2.read(Skin.java:415)
   at com.badlogic.gdx.utils.Json.readValue(Json.java:791)
   at com.badlogic.gdx.scenes.scene2d.ui.Skin$1.readValue(Skin.java:409)
   at com.badlogic.gdx.utils.Json.fromJson(Json.java:611)
   ... 5 more


What could be wrong here?

Thanks! ;)
andemiau
 
Posts: 101
Joined: Wed Oct 17, 2012 6:24 pm

Re: Holo Dark Themed Skin

Postby NateS » Wed Apr 10, 2013 9:49 pm

Use libgdx nightlies.
NateS
 
Posts: 1962
Joined: Fri Nov 12, 2010 11:08 am

Re: Holo Dark Themed Skin

Postby andemiau » Wed Apr 10, 2013 10:07 pm

Works perfectly. Thank you!
andemiau
 
Posts: 101
Joined: Wed Oct 17, 2012 6:24 pm

Re: Holo Dark Themed Skin

Postby michel.montenegro » Sat Apr 20, 2013 2:13 pm

Is to use the stable version? If i use the nightlies occurs the following error in my project.

Exception in thread "LWJGL Application" com.badlogic.gdx.utils.GdxRuntimeException: java.lang.NoClassDefFoundError: com/badlogic/gdx/graphics/g2d/tiled/TileAtlas
at com.badlogic.gdx.backends.lwjgl.LwjglApplication$1.run(LwjglApplication.java:116)
Caused by: java.lang.NoClassDefFoundError: com/badlogic/gdx/graphics/g2d/tiled/TileAtlas
at project.parallax.screen.GameScreen.<init>(GameScreen.java:35)
at project.parallax.screen.SplashScreen.render(SplashScreen.java:28)
at project.parallax.MainGame.render(MainGame.java:33)
at com.badlogic.gdx.backends.lwjgl.LwjglApplication.mainLoop(LwjglApplication.java:202)
at com.badlogic.gdx.backends.lwjgl.LwjglApplication$1.run(LwjglApplication.java:110)
Caused by: java.lang.ClassNotFoundException: com.badlogic.gdx.graphics.g2d.tiled.TileAtlas
at java.net.URLClassLoader$1.run(Unknown Source)
at java.net.URLClassLoader$1.run(Unknown Source)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.misc.Launcher$AppClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
... 5 more
michel.montenegro
 
Posts: 65
Joined: Sun Nov 25, 2012 12:45 am

Re: Holo Dark Themed Skin

Postby siondream » Sat Apr 20, 2013 4:44 pm

That's awesome, thanks for sharing mate! Now that we're on it, any advice to create a custom theme? Tips on the workflow?
siondream
 
Posts: 234
Joined: Tue Apr 03, 2012 11:59 pm

Re: Holo Dark Themed Skin

Postby carsten » Sun May 05, 2013 5:39 pm

Thanks for the positive feedback. @Michel, Sorry but I seem to be unable to reproduce your error... Use the latest nigthly build, put the content of "ui" into your projects "assets" folder and that's basically it.
Workflow: I used the standard scene2d.ui skin provided by badlogic somewhere and created images with PixMap and TextureAtlas classes. Then I looked through the libgdx source to see what images are not provided so far (a lot of the styles contain optional Drawables) and added them to the JSON file in order to see the widget's behaviour. I did this with a simple Texteditor. Them you just have to draw your theme (In this case rather easy because google provides detailed information on how it's apps should be themed).
carsten
 
Posts: 14
Joined: Sun Feb 24, 2013 9:09 am

Next

Return to Game Art

Who is online

Users browsing this forum: Majestic-12 [Bot] and 1 guest