Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: Argaroth on April 26, 2012, 04:17:48 PM

Title: Blurry interface in webplayer
Post by: Argaroth on April 26, 2012, 04:17:48 PM
I have a problem where my NGui interface only looks blurry when exporting to webplayer and playing in computers with no Unity Editor installed (only unity webplayer). I have no problem on computers with Unity installed or running from Editor window (It just looks great there).
I've tried solutions stated here in the forum like raising the quality level to Fantastic or marking/unmarking the half-pixel correction on Anchors, and even changing the Atlas texture type between Advanced and GUI, but haven't had any luck. I tested my build in old and very new computers to see if it has something to do with the video memory or something like that, but no luck.
Please, I need help in this matter.
I'm running the latest NGui Build to this date. Thank you!
Title: Re: Blurry interface in webplayer
Post by: ArenMook on April 26, 2012, 04:19:22 PM
What's the size of your atlas texture, and what version of Unity are you using to export it?
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 26, 2012, 07:26:47 PM
2048x4096 and my unity version is 3.5.0f1 (I'm pretty sure about the version, but right now I'm on my cell phone so I cannot check it)
Title: Re: Blurry interface in webplayer
Post by: ArenMook on April 26, 2012, 07:28:14 PM
It might be reducing the texture size to 1024x2048. Perhaps the computers you're trying to play it on can't support 4096.
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 27, 2012, 12:23:57 AM
I've tried in old and new computers as stated before, but haven't had any luck. The only difference between "not blurry" and "blurry" computers is unity editor not installed in last ones. Makes me think that the editor installs files required for NGui to work correctly and installing just the unity webplayer doesn't. About the atlas size, I can't change it because almost all its space is used with textures, ... and how can I know if a computer supports that size or not?
Title: Re: Blurry interface in webplayer
Post by: ArenMook on April 27, 2012, 12:31:00 AM
You can't know -- that's the fun of developing for PCs (similar to the "fun" developing for Android devices, actually!).

I've ran NGUI-based apps on plenty of devices that didn't have Unity installed, and everything always looked consistent. Make sure you're building with the latest version of Unity -- 3.5.1. Doing so will force others to download the latest version of the plugin. I've once had an issue where I built Windward with 3.4.2, and those who tried it were using web player from 3.5.0, which caused issues (3.5.0 is full of bugs).
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 27, 2012, 02:31:56 AM
I'll try updating to latest unity, but gonna discuss it with my team first cause we are all working on the same version. NGui has become very important in our project so I guess they'll agree hehe... I'll let you know if it worked.
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 27, 2012, 02:11:38 PM
Updated to unity 3.5.1f2, Built and tested, but again no luck, NGui interface still looking blurry and low res. Something I did not say is that the game itself looks good and its just the GUI that looks this way :S...
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 27, 2012, 02:50:25 PM
At last!! I managed to fix it. First of all, it doesn't matter if Project Quality is in "Fastest", it will run ok anyways. What I did is setting my atlas image to GUI (as I did before), checking "Override for Web", Max Size to 4096 and Format to "Compressed" and all of that seemed to do the trick. Now my GUI looks really nice.
I hope this helps others!! Thanks for the replies!
Title: Re: Blurry interface in webplayer
Post by: ArenMook on April 27, 2012, 06:14:11 PM
Generally you shouldn't mark UI textures as compressed. Doing so will produce artifacts, especially around text. I'd leave it as Truecolor instead.
Title: Re: Blurry interface in webplayer
Post by: Argaroth on April 28, 2012, 03:54:01 AM
I understand, but leaving it as true color was part of the problem, I tried the 3 options there but only with Compressed I fixed my problem.
Title: Re: Blurry interface in webplayer
Post by: newnixon on May 08, 2012, 07:27:08 AM
Thanks dude you saved me a lot of headache for this. I was even using the examples from NGUI and the text was blurry. I did the same settings as you described worked beautifully.
Title: Re: Blurry interface in webplayer
Post by: Argaroth on May 11, 2012, 03:36:22 PM
Thanks dude you saved me a lot of headache for this. I was even using the examples from NGUI and the text was blurry. I did the same settings as you described worked beautifully.

No problem. Be careful when you add new graphics to your atlas after doing this, because you'll be getting blurry graphics again. You can fix it converting the atlas to Advanced and then back to GUI, that's what worked for me.
Title: Re: Blurry interface in webplayer
Post by: Rampa on September 15, 2012, 02:11:29 PM
Hi,

I'm having the same issue but putting the texture to "compressed" didn't fix the problem.
Do you know what could fix the issue? I'm quite new to NGUI.
I have unity 3.5.5f3 free version, I bought and downloaded NGUI a couple of days ago, so I should have a very recent version.

Again, my issue:
Everything looks fine in the editor. I build the game, run in it in the webplayer and in the web player the whole interface looks very blurry.
I tried to override the export settings for the atlas texture , putting 4K + compressed without success.

See the 2 screenhots I did:
Editor Version:
(http://tricolis.crowley.fr/BoardGameBin/WebPlayer/screenshot_editor.png)
WebPlayer Version:
(http://tricolis.crowley.fr/BoardGameBin/WebPlayer/screenshot_webplayer.png)


Thanks for the help
Rampa

EDIT: Putting the graphic settings to "fantastic" fixed the issue. But is there a way to have this working even with minimal graphic settings?
Title: Re: Blurry interface in webplayer
Post by: ArenMook on September 16, 2012, 01:13:23 AM
Check your quality settings. Remove the "half res" texture setting.
Title: Re: Blurry interface in webplayer
Post by: Rampa on September 16, 2012, 03:23:44 AM
Thanks a lot, it worked!
Title: Re: Blurry interface in webplayer
Post by: sugarat on September 25, 2012, 07:34:14 AM
I had a similar problem when i build my project for Android, i think is a problem related to the mipmap textures, i disable the Generate Mipmap in the texture inspector, you must choose the Advanced option in the Texture Type field then you can uncheck the Generate Mipmap option. This works for me.
Title: Re: Blurry interface in webplayer
Post by: IIIDeFeKtIII on January 10, 2013, 02:52:17 PM
Thank You! We were having the same issue on what seemed to be only be low end machines. Not only did this fix the problem and still look the same, but it also reduced the file size by half in the game! All in all it runs a lot smoother on all machines in our test lab without an issue!
Title: Re: Blurry interface in webplayer
Post by: gretty on December 17, 2013, 11:02:05 PM
At last!! I managed to fix it. First of all, it doesn't matter if Project Quality is in "Fastest", it will run ok anyways. What I did is setting my atlas image to GUI (as I did before), checking "Override for Web", Max Size to 4096 and Format to "Compressed" and all of that seemed to do the trick. Now my GUI looks really nice.
I hope this helps others!! Thanks for the replies!

Thanks that worked for me. I was experiencing blurred textures (text and sprites) in Standalone (Desktop) build. I just changed the atlas png to 'GUI' and kept my quality at 'Good' and it worked :D
Title: Re: Blurry interface in webplayer
Post by: bhandyTapblaze on December 20, 2013, 05:30:57 PM
I had a similar problem when i build my project for Android, i think is a problem related to the mipmap textures, i disable the Generate Mipmap in the texture inspector, you must choose the Advanced option in the Texture Type field then you can uncheck the Generate Mipmap option. This works for me.

I also had an issue with blurry text on Android, and disabling mipmaps for the texture's import settings (with texture type advanced) fixed the problem for me.
Title: Re: Blurry interface in webplayer
Post by: scoobydoo on January 24, 2014, 09:42:05 PM
Hi guys,

Took me ages to get this working. I tried all the various settings mentioned and nothing seemed to work. In the end i went to Edit->Project Settings->Quality and made sure that the Default for web player was on 'Fantastic' ( it was on Fastest by default before which caused blurred textures )

Hope this helps someone.