Sprite border looks like not anti-aliased after rotation

Cocos Creator
#1

Hi,

I’m dealing with this issue, on the left is the sprite before rotate, and on the right it’s rotated. As you could notice, the border is not anti-aliased

#2

Actually it looks fine on Android, but not anti-aliased on Web on iOS

#3

@slackmoehrle, @pandamicro, @nantas

Can you guys take a look at this?

#4

On web, currently there is only texture anti-aliasing, we don’t support view anti-aliasing yet, so rotation will indeed introduce some artifacts at the border

#5

This information is very relevant, and should be included in the docs/tutorials.
Thanks!

#6

Is there any tricks I can archive this rotation without jaggies border?

#7

I think this post could be helpful

#8

it’s on web, how can I enable view anti-aliasing on native?

#9

Hi @trungnt85,

do you have one pixel wide empty border around the image? I ask because the rounded parts look good.

Best regards,
Zsolt

#10

yeah it does

#11

Hi @pandamicro

In iOS, is a node with Sprite component is compiled in form of UIImageView?