A fast, easy to use, free, and community supported 2D game engine
So I have an analog clock that sits in the background of a project I am working on and the second, hour, minute hands look pretty jagged as I rotate them to show the time, currently they are simply png images that I set an anchor point on and rotate them each tick accordingly. Is there a way to make the hands of the clock look smoother? Can I draw them using primitives with anti-aliasing or something?
Any help would be appreciated, thanks!
Codemattic
Moderator
read this tip about tilemaps (its actually about turning antialiasing off):
http://www.cocos2d-iphone.org/wiki/doku.php/tips:generic#tilemapatlas_gaps_between_tiles
maybe you need to tell your sprite's texture to use antialiasing?
[myTexture setAntiAliasTexParameters];
"Can I draw them using primitives with anti-aliasing or something?"
I dont think the OpenGLES in the iPhone does antialiasing of primitives, just textures
Yeah I tried both:
[secondHand.texture setAliasTexParameters];
[secondHand.texture setAntiAliasTexParameters];
Which had no noticeable difference...
Simple fix: Make anti-aliased graphics :)
You're probably using the clock hands as the full graphic, which is
resulting in aliasing. Instead, make the graphic have a 10 pixel
border on each side, and make the actual clock hand antialiased in
photoshop (blur, etc.) then, set your transform anchor as the middle
bottom of the texture (Assuming a vertical clock hand) and then you
can rotate around the bottom middle and it'll look all smooth.
Chris
On Sun, Jul 12, 2009 at 11:38 PM,
<cocos2d-iphone-discuss@gamesforfood.cl> wrote:
> emalamisura says:
>
> Yeah I tried both:
>
> [secondHand.texture setAliasTexParameters];
> [secondHand.texture setAntiAliasTexParameters];
>
> Which had no noticeable difference...
>
> Read the whole thread.
psionic, it would look fine if it was at an angle doing it that way but would not look proper when it its at a right, or straight angle the extra anti-aliasing makes it look blurry...thats why I want anti-aliasing applied at runtime since it would only blur up the jagged edges...
BTW I am using the new framework and noticed and example doing this using a pvr image?
[super onEnter];
CGSize s = [[Director sharedDirector] winSize];
Sprite *imgMipMap = [Sprite spriteWithFile:@"logo-mipmap.pvr"];
imgMipMap.position = ccp( s.width/2.0f-100, s.height/2.0f);
[self addChild:imgMipMap];
// support mipmap filtering
ccTexParams texParams = { GL_LINEAR_MIPMAP_LINEAR, GL_LINEAR, GL_CLAMP_TO_EDGE, GL_CLAMP_TO_EDGE };
[imgMipMap.texture setTexParameters:&texParams];
Sprite *img = [Sprite spriteWithFile:@"logo-nomipmap.pvr"];
img.position = ccp( s.width/2.0f+100, s.height/2.0f);
[self addChild:img];
I am thinking this will solve my issue, I will try it tomorrow..its getting late, but would appreciate anyones feedback if they have gone through this problem...
You should try what I suggested, it'll probably work out well/well
enough. Alternatively, you can manually blur the texture each frame
and apply your own antialiasing.. you'll need to use coreimage I
believe and lots of software work (binding the opengl texture to the
render target, and blitting in the pixel data after processing), but
it should be alright performance-wise. How big of an object is this
clock?
Chris.
On Sun, Jul 12, 2009 at 11:54 PM,
<cocos2d-iphone-discuss@gamesforfood.cl> wrote:
> emalamisura says:
>
> psionic, it would look fine if it was at an angle doing it that way but
> would not look proper when it its at a right, or straight angle the extra
> anti-aliasing makes it look blurry...thats why I want anti-aliasing applied
> at runtime since it would only blur up the jagged edges...
>
> Read the whole thread.
thanks psionic, I will try it and see, your right it might look fine enough, sometimes I get tied up in technical solutions since I like to tinker in code so much...
You must log in to post.
