Cocos 2D How to scale down image?

Question

I have an image I'm trying to use as a background in Android. The image is tablet sized, but I'd like it to scale down when there is a smaller screen. I know the aspect ratio might be off. In any case, here is my code:

CGSize winSize = CCDirector.sharedDirector().displaySize();
    Log.v("MP", "Width: " + winSize.width + " Height: " + winSize.height);
    CCSprite backGround = CCSprite.sprite("background1.png");
    this.setIsTouchEnabled(true);
    //backGround.setContentSize(winSize);
    backGround.setScale(.5f);
    backGround.setPosition(CGPoint.ccp(winSize.width/2.0f,winSize.height/2.0f));
    addChild(backGround);

What is happening is my image is not being scaled down automatically. So you'll notice here i'm setting down the scale. .5 is an arbitrary value for testing. I've noticed that the graphic does scale down when I do that, but my image is cut off. It only shows the top left corner of the image.

Perhaps someone can help me with this problem and also give me some general advice on supporting multiple screen resolutions on Android with Cocos2D. I know how to handle this problem without using Cocos2D, but am still learning Cocos2D and am unsure of what to do.

i looked for accepted answer but there is one more variable by name size, how do we get value of that? — Vikas Gupta, Mar 06 '13 at 14:06

score 4 · Accepted Answer · edited Dec 14 '12 at 11:45

4

that is a hard issue; we usually use this method:

background.setScaleX(winSize .width/background.getTexture().getWidth());

background.setScaleY(size.height/background.getTexture().getHeight());

background.setPosition(CGPoint.make(size.width/2, size.height/2));

addChild(backGround);

edited Dec 14 '12 at 11:45

Jeetu

686
2
10
20

answered Dec 01 '11 at 09:45

evan

318
3
14

does this size represent to winSize here? – Vikas Gupta Mar 06 '13 at 14:05
hi I want to scale down ccMenuItem Image in cocos2d android game? – ishu Jun 14 '13 at 09:35

Cocos 2D How to scale down image?

1 Answers1