I was playing with C2 a lot for week now and I was wondering, why my game is SO ugly when I play it or export it ?
Here's what I mean :
In C2 = Sharp, you see every pixel
In Chrome/Firefox = Blury, ugly, etc
Am I doing something wrong ? <img src="smileys/smiley19.gif" border="0" align="middle">
I don't really see a difference in your screenshots...
Anyway, sounds like you should tweak the value for the property "Sampling" in your project properties and sets the "rounding" property to "No" in the project properties too could help.
Finally make sure your graphic card drivers and browsers are up to date.
Develop games in your browser. Powerful, performant & highly capable.
Yeah, hard to see... In screenshot 1 you can see a black border around every square. On screenshot 2, you can see that there's no black border on the right of every square... That's what I said by "ugly". (Image were probably compress when I upload them)
I've tried Point instead of Linear and the rounding is set to No and nothing have change...
Thanks for the help by the way. I'll try to find something <img src="smileys/smiley24.gif" border="0" align="middle" />
I meant set "Rounding" to "Yes", my bad.
I've tried everything, watch for update video driver, change every options and, no clue why everything is not like in C2. This is really wierd...
I'll try to see on another computer.
Thanks for the help.
EDIT : My sprites seem to be the source of the problem. I took the battlefield sprite from the bundle and they look really great. What am I doing wrong when creating simple squares <img src="smileys/smiley5.gif" border="0" align="middle" />
Are you using the fullscreen-in-browser setting? If so try using Letterbox Integer scale instead.
May I ask the dimensions of your sprites? Are they using dimensions of 8,16,32,64,128,256 or 512? Like 32x64 etc. Otherwise I'm not sure Construct knows how to scale them properly.
-edited for sense making-
If you are not using Fullscreen in your game, press Ctrl+0 to restore the zoom. The browser zoom enlarge some sprites, this causes some blur and other resize issues.
Sharing a .capx is usually the quickest way to get to the bottom of things like this.
I figured out that a scale of 1.5 is not good at all.
Here's my capx :
https://dl.dropbox.com/u/30148460/uglyart.capx (hope it works)
If you play it you'll see that you can see everything prety clear on the player. But the boxes for "grass" and "wall" are not really sharp.
And yes, I usually use 32x32ish sprites. I save them in PNG 8.
I don't know what you mean by "not really sharp", it appears the same to me in C2 as in the browser. (FF and Chrome)
Ok, so, probably my laptop is the problem :)
In C2 I see a nice 1 px black line around each side of each block.
When I press play, I can see some blury black pixel around left side and not any black pixel around right side.
Maybe these images will explain more.
What I get in C2 :
<img src="http://img542.imageshack.us/img542/9715/24141804.jpg" border="0" />
What I get in FF/Chrome
<img src="http://img18.imageshack.us/img18/1765/85450731.jpg" border="0" />
I hope you can see the difference now. If not, I'm a crazy guy, haha.
It looks like a problem in the WebGL renderer. I'll take a look on Monday.
Allright, thanks Ashley <img src="smileys/smiley1.gif" border="0" align="middle" />
It's not THAT critical but it's some kind of anoying.
Just a little bump Ashley (if you read this).
I've tried with another computer and everything is ok !
So, there's a problem with my laptop for sure <img src="smileys/smiley19.gif" border="0" align="middle" />
just to throw something in I have with my Netbook. This might be your problem as well.
I have installed Windows 8 on my Netbook last weekend (not as bad as initially thought it will be) and ran into a problem that Metro told me that the resolution settings are set too low. I found out, that most Laptop Graphic cards do set a value in the registry to stretch a normal resolution to fit the laptop screen, which mostly have a non native resolution size.
This might be your problem, that your System is stretching the images in your browser to fit the screen which will result in having blurry images just on your computer but not on other.