Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how to set resolution: pixelated text and images on downscale on desktop (but ok on mobile simulator) #4205

Closed
gg4u opened this issue Aug 6, 2017 · 2 comments

Comments

@gg4u
Copy link

commented Aug 6, 2017

Hi,

I am using constructor:

var renderer_param = {
antialias: true,
forceFXAA: true,
resolution: 2
// forceCanvas : true
};

var renderer = PIXI.autoDetectRenderer(width, height, renderer_param , false, true);

Problem is, on browser text and images look pixelated when scaled down.

Lines are drawn with graphics, andI've read they do not support antialiasing, but that's acceptable: the worst problem is on text, preventing from reading well, then images, preventing recognisable thumbnails.

screen shot 2017-08-06 at 8 28 04 pm

screen shot 2017-08-06 at 8 23 47 pm

screen shot 2017-08-06 at 8 23 40 pm

screen shot 2017-08-06 at 8 23 13 pm

.

How could I improve visualisation ?

On the iphone it renders well (well, not yet implemented scale down touch, so cannot tell you whole impression) but images on my laptop are not that good at all (except at fool scale, yes).

Which suggestions would you have?

Now using text size 72pt , I am scaling with multiples of x2 or x8 but no effects.

@gg4u gg4u changed the title pixelated text and images on scaling, despite antialias how to set resolution: pixelated text and images on smaller size, only on destkop Aug 11, 2017

@gg4u

This comment has been minimized.

Copy link
Author

commented Aug 11, 2017

I tried solutions:
#1802

and

#1298

The strange part is that I can achieve good downscaling results on chrome simulator for mobile devices, but very bad on the chrome web itself.

Could you tell why and how to solve it?

At least I d like to have it fixed for text! :/

Here screenshots (Chrome):

Web:
screen shot 2017-08-11 at 2 54 46 pm

Mobile simulator:
screen shot 2017-08-11 at 2 55 12 pm

@gg4u gg4u changed the title how to set resolution: pixelated text and images on smaller size, only on destkop how to set resolution: pixelated text and images on downscale on desktop (but ok on mobile simulator) Aug 11, 2017

@stale

This comment has been minimized.

Copy link

commented Feb 24, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants
You can’t perform that action at this time.