GUI / NGUI skins and widgets collections

Community Showcases
1

[1] GUI / NGUI Skin Collection Vol. 1

This is a collection of GUI items for NGUI with an included working demo scene.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • Dark and White theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 1
Download: Asset Store

1092764--41585--$screen_c1.jpg
1092764--41585--$screen_c1.jpg1024×768 186 KB

[2] GUI / NGUI Skin Collection Vol. 2

This is a collection of GUI items for NGUI with an included working demo scene.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • FLAT and 3D theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 2
Download: Asset Store

1092764--41586--$screen_c2.jpg
1092764--41586--$screen_c2.jpg1024×768 123 KB

[3] GUI / NGUI Skin Collection Vol. 3

This is a collection of GUI items for NGUI with an included working demo scene, designed in SCI-FI theme.*

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • SCI-FI theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 3
Download: Asset Store

1092764--41587--$screen_c3.jpg
1092764--41587--$screen_c3.jpg1024×768 237 KB

[4] NGUI Widgets Collection vol. 1

This is a WIDGETS collection for NGUI with an included working objects and demo scene.
All objects are ready to use.

Included widgets:

  • Numeric gauge integer/float with format definition
  • Month gauge
  • Date setup widget
  • Time setup widget
  • Chat window
  • Start / Dot / Cube Rating
  • Register account
  • Open URL in browser
  • Open Mail
  • Dragable image browser list with open image in web after tap on item
  • Used skin is included too, with PDS file.

Preview: NGUI Widgets Collection vol. 1
Download: Asset Store

1092764--42251--$Wv1.jpg
1092764--42251--$Wv1.jpg1024×768 83.8 KB

[5] GUI / NGUI Skin Collection Vol. 4

This is a collection of GUI items for NGUI with an included working demo scene, designed in CARTOON theme.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • CARTOON theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 4
Download: Asset Store

1092764--42250--$screen_00.png
1092764--42250--$screen_00.png1024×768 144 KB

[6] GUI / NGUI Skin Collection Vol. 5

This is a collection of GUI items for NGUI with an included working demo scene, designed in GOTHICS theme.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • GOTHICS theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 4
Download: Asset Store

2

Looks pretty good. I especially like the 3 rating widgets. Nice job!

3

Very nice! Now awaiting for more classical (medieval) themed widgets and you earned a new customer :wink:
Keep up the good work!

4

thats is very nice i wish you can make more please :slight_smile:

5

This looks awesome and I’m almost definitely going to buy this … IF you have thought of providing a Retina resolution version of the graphics :wink:

With that, I’ll probably also buy any future themes you make.

Another question - but not as important for me ATM (for obvious reasons :wink: ): Are you planning to make these compatible with the new Unity GUI once it is available? Of course, assuming it’s possible :wink:

6

GUI / NGUI Skin Collection Vol. 3 added on Unity Asset Store. Was designed for Sci-fi games.
Preview and demo link is in first post.

7

Cool, I like the spherical loading bar. I would buy if the graphics were layered PSD so I can add layer effects to fit my needs.

8

Thx.

PSD is layered and sliced and every sliced box has same name like sprite. This is my best trick for quick export, becasue when you press [Save for Web …] from File menu with preset PNG-24, you can export all images at once :wink:

(Note: don’t forget switch off background layer)

9

[5] GUI / NGUI Skin Collection Vol. 4

This is a collection of GUI items for NGUI with an included working demo scene, designed in CARTOON theme.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • CARTOON theme (sprites/atlas)
  • etc.

Preview: GUI / NGUI Skin Collection Vol. 4
Download: Asset Store

10

Here is help how-to use generated atlas prefab from collection in your project without generating new one atlas prefab.

Prepare ATLAS SKIN:

  1. Create folder [SkinAtlas]
  2. copy folder “DarkSkin” from Assets\NGUI_Skin_volume_1\Assets into “SkinAtlas”
  3. copy Verdana_32.prefab and Verdana_32B.prefab too

Prepare material GUI_skin_master_vol_1.mat:
4) select material GUI_skin_master_vol_1.mat in Project Browser
5) click on empty texture in Inspector and select new: GUI_skin_master_vol_1.png

Prepare prefab GUI_skin_master_vol_1.prefab:
6) Select prefab in Project browser
7) drag and drop GUI_skin_master_vol_1.mat into Inspector and set material field

Atlas is now ready to use.

Prepare FONT:

  1. Select font prefab from Project browser
  2. Press button Atlas and select one

Font is ready to use too.

Good Luck.

11

I’ve asked before but maybe you’ve missed it: Do you also provide double resolution graphics as they are needed to support high density displays, like the Retina displays of modern iOS devices?

12

Hi,

sorry I forgot on you. When you help it, all items in PSD are layered and created as path. You can resize PSD file to double size without quality losing and then export all sprites again with “Save for Web …”, but then you need fix padding and slice values on sprites again, maybe (this part I have never tried)

Note: Sci-fi collection is bitmaped :frowning:

13

Thank you for the info. Items in PSD being layered and created as path sounds really good. So except for the Sci-Fi collection, it should work with a little bit of work; I’ll give that a try!

14

It would be interesting to see if your texture pack works with Fluid GUI.

If interested, let me know.

15

[6] GUI / NGUI Skin Collection Vol. 5

This is a collection of GUI items for NGUI with an included working demo scene, designed in GOTHICS theme.

Included elements:

  • buttons
  • sliders, thumbs
  • frames
  • patterns
  • extended NGUI elements
  • GOTHICS theme (sprites/atlas)
  • etc.

1145229--43417--$screen_03.jpg
1145229--43417--$screen_03.jpg1024×768 166 KB

Preview: GUI / NGUI Skin Collection Vol. 5
Download: Asset Store

16

Hi,
I encounter a small issue with the widget collection and the latest NGUI.
When I scroll the list, the thumbs are not hid with the rest of the item and I got this error :

Can you help figuring this out ?
Thank you in advance :wink:
Anthony

17

Which version of NGUI you have used?

18

with NGUI 2.3.1. I tried what they said on the thread but it 's not fixing the thing.

The strange thing is that the first thumb is working fine but not the other ones.
I can maybe publish it to a webplayer if you wanna try ?

thanks!

19

Sorry, Problem is that I forgot set correct shader for ALL images.
You need set shader on UITexture to: Unlit/Transparent Colored (SoftClip), then are all images clipped correctly.

20

fixed !!
thx :wink: