Blurry Pixelart?

Get help using Construct 2

Post » Sat Feb 18, 2012 1:29 pm

all I did was actually just setting the filtering to point and poof! it was fixed ;)
B
6
G
2
Posts: 39
Reputation: 1,280

Post » Sat Feb 18, 2012 1:32 pm

Hmm, never mind, I tried exporting it and running it and it seems to still be blurry, but it works when previewing it though, weird :3
B
6
G
2
Posts: 39
Reputation: 1,280

Post » Sat Feb 18, 2012 1:36 pm

No, it's just not working for me I even cleared my browsers cache.
B
50
S
11
G
8
Posts: 479
Reputation: 9,911

Post » Sat Feb 18, 2012 1:38 pm

it works really great when I launch it through construct as a preview, but when I export it and launches it with Safari (the web browser) it seems to be all blurry and laggy :3
B
6
G
2
Posts: 39
Reputation: 1,280

Post » Sat Feb 18, 2012 2:40 pm

Wellwell, I'll go with the resizing it all in a photo-editor (paint.net for my part lol)
B
6
G
2
Posts: 39
Reputation: 1,280

Post » Sat Feb 18, 2012 7:25 pm

I'm aware the blurry graphics is annoying but the situation is tricky!

You can force blocky (point sampling) resizing instead of blurry (linear sampling) resizing, by setting 'Sampling' to 'Point' in project properties, as you've found. However, it only has an effect in WebGL mode. Internet Explorer doesn't support WebGL, and Safari supports it but has it disabled by default AFAIK. Also, even in Chrome and Firefox, sometimes the user's computer does not support WebGL. For these browsers and users it falls back to the ordinary Canvas 2D renderer.

The problem with the Canvas 2D renderer is there's no option to set the sampling mode. Browsers choose whichever they feel like! In Canvas 2D, sometimes it will use linear, and other times point. I've contacted browser makers to see if there's any way to force it, but the impression I got was it'd be fixed in a future version of CSS, which is probably a year away or more!

So not much can be done I'm afraid. The only perfectly reliable way to do it is resize your sprites beforehand.
Scirra Founder
B
359
S
214
G
72
Posts: 22,951
Reputation: 178,578

Post » Sun Feb 19, 2012 11:02 am

Oh haha I see the problem here haha, I'll go for resizing the image beforehand ;) Thanks for the help :)
B
6
G
2
Posts: 39
Reputation: 1,280

Post » Mon Feb 20, 2012 12:44 pm

>Open Chrome
>Enter Chrome://Flags in the URL bar and press enter
>Enable "GPU Accelerated Canvas 2D"
>Play your game through Chrome
>Open tools and zoom in (or use Ctrl+mousewheel)

Voila - Any zoom level with no blurry pixels! Press F11 for added effect.

Good luck getting your players to get Chrome, though. People are afraid a S.W.A.T. team will bust down their doors 'bout 10 minutes after using it.Tokinsom2012-02-20 12:54:49
Image
B
225
S
27
G
13
Posts: 1,774
Reputation: 18,024

Post » Mon Feb 20, 2012 5:59 pm

Whoop thanks for the tip :) The problem is that I can't seem to play the game locally on Chrome though, and it's for some reason really laggy on Safari lol
B
6
G
2
Posts: 39
Reputation: 1,280

Previous

Return to How do I....?

Who is online

Users browsing this forum: mallorcaredes and 2 guests