Sign in to follow this  
sistemlogikadigital

Change image quality

Recommended Posts

I tried to change image quality in image-rendering css, but whenever i change the value it seems always pixelated.

Because my image is not pixel art, i want the value of image-rendering to optimizeQuality or auto. So can melonjs achieve that?

here is my css :

image-rendering: optimizeQuality;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: opti mize-contrast;
-ms-interpolation-mode: bicubic;

Share this post


Link to post
Share on other sites

melonJS will overwrite whatever you set in the CSS based on the parameter(s) passed to the video init function : http://melonjs.github.io/melonJS/docs/me.video.html#init

if you need/want to disable the pixelated rendering mode, just the set the antiAlias flag to true (for example) :

me.video.init(800, 600, {wrapper : "screen", scale : "auto", scaleMethod : "flex-width", antiAlias : true, subPixel : false })

 

Share this post


Link to post
Share on other sites
3 minutes ago, obiot said:

melonJS will overwrite whatever you set in the CSS based on the parameter(s) passed to the video init function : http://melonjs.github.io/melonJS/docs/me.video.html#init

if you need/want to disable the pixelated rendering mode, just the set the antiAlias flag to true (for example) :


me.video.init(800, 600, {wrapper : "screen", scale : "auto", scaleMethod : "flex-width", antiAlias : true, subPixel : false })

 

thanks, now the image quality improved

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.