Why rotated sprite looks worse using "WebGL enabled"?

  • Why rotated sprite looks worse using "WebGL enabled" than with no WebGL?

    I created a sprite with only a color and then I rotated it. If i use "WebGL enabled" the outline is pixelated.

    But if i disable WebGL the outline is ... clear.

    I have the same effect if I use GLWrap_ to draw a rectangle:

    glw.quad(tlx, tly, trx, try_, brx, bry, blx, bly);[/code:3b4qfwz6]
    
    the image (after rotation) is worse than
    [code:3b4qfwz6]
          ctx.beginPath();
          ctx.moveTo(tlx, tly);
          ctx.lineTo(trx, try_);
          ctx.lineTo(brx, bry);
          ctx.lineTo(blx, bly);
          ctx.closePath()
          ctx.fill();[/code:3b4qfwz6]
  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • It looks like the browser is enabling antialiasing on the 2D canvas by default. This has a high performance cost, so we have it disabled in the WebGL renderer. Instead by default Construct crops images with a 1px transparent border around them, so you get the same kind of smooth edge effect without the high performance cost of antialiasing. (If you just bucket fill and don't crop then you won't have the 1px transparent border, which is what I think happened in your screenshot with the Sprite, so try just hitting the crop button on that.)

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)