screen size issue - GameCreators Forum

Author

Message

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 28th Oct 2012 01:32

Link

I was working on my game and I loaded in a large image. After that I ran the game and everything shrunk. The sprites I had set to size 100 height, 100 width(to fit the screen perfectly) now look tiny. I have to set them to 500, 600 to fit the screen. I haven't set the virtual resolution or the aspect ratio or anything dealing the the screen size. Anyone encounter this problem?

Attached are screen shots of how it looks normal & shrunk

[img]null[/img]

Attachments

Login to view attachments

Back to top

Profile PM

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 28th Oct 2012 01:32

Link

bug image

Attachments

Login to view attachments

Back to top

Profile PM

erebusman

13

Years of Service

User Offline

Joined: 23rd Jul 2011

Location: Sacramento, CA

Posted: 28th Oct 2012 01:10

Link

You have not posted any code so here's my guess.

1: You are using SetVirtualResolution
2: The system is reading your command of SetSpriteSize( iSpriteIndex, 100, 100 )
3: Then it is putting your image to 100 pixels by 100 pixels rather than 100% by 100%

that's why your image looks like a 100x100 pixel image.

Hope that helps.

Pirates Jewels on iTunes Store

Back to top

Profile PM Website

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 28th Oct 2012 01:27

Link

I don't know how much this will help...
first function loads all my images. 2nd i the app begin where I init my variables

void MainMenu::LoadAllImage()
{
	
	iImage[1] = agk::LoadImage("Images/background.jpg");
	iSprite[1] = agk::CreateSprite(iImage[1]);
	agk::SetSpriteSize(iSprite[1],100.0f, 100.f);
	agk::SetSpriteVisible(iSprite[1],0);
	agk::FixSpriteToScreen(iSprite[1],0);

iImage[0] = agk::LoadImage("Cake/CakeGoal/goalweight1.png");
	iSprite[0] = agk::CreateSprite(iImage[0]);
	agk::SetSpriteSize(iSprite[0], 10,-1);
	agk::SetSpritePosition(iSprite[0], 10, 10);
	agk::SetSpriteVisible(iSprite[0],0);

iImage[2] = agk::LoadImage("Story/StoryboardOne.png");
	iSprite[2] = agk::CreateSprite(iImage[2]);
	agk::SetSpriteVisible(iSprite[2],0);

iImage[3] = agk::LoadImage("Story/StoryboardTwo.png");
	iSprite[3] = agk::CreateSprite(iImage[3]);
	agk::SetSpriteVisible(iSprite[3],0);

iImage[4] = agk::LoadImage("Story/StoryboardThree.png");
	iSprite[4] = agk::CreateSprite(iImage[4]);
	agk::SetSpriteVisible(iSprite[4],0);

iImage[5] = agk::LoadImage("Story/StoryboardFour.png");
	iSprite[5] = agk::CreateSprite(iImage[5]);
	agk::SetSpriteVisible(iSprite[5],0);

iImage[6] = agk::LoadImage("Story/StoryboardFive.png");
	iSprite[6] = agk::CreateSprite(iImage[6]);
	agk::SetSpriteVisible(iSprite[6],0);

iImage[7] = agk::LoadImage("Story/StoryboardSix.png");
	iSprite[7] = agk::CreateSprite(iImage[7]);
	agk::SetSpriteVisible(iSprite[7],0);

iImage[8] = agk::LoadImage("Story/StoryboardSeven.png");
	iSprite[8] = agk::CreateSprite(iImage[8]);
	agk::SetSpriteVisible(iSprite[8],0);
	
	iImage[9] = agk::LoadImage("Story/StoryboardEight.png");
	iSprite[9] = agk::CreateSprite(iImage[9]);
	agk::SetSpriteVisible(iSprite[9],0);

iImage[10] = agk::LoadImage("Cake/CakeGoal/startweight.png");
	iSprite[10] = agk::CreateSprite(iImage[10]);
	agk::SetSpriteVisible(iSprite[10], 0);

iImage[11] = agk::LoadImage("Cake/CakeGoal/goalweight1.png");
	iSprite[11] = agk::CreateSprite(iImage[11]);
	agk::SetSpriteVisible(iSprite[11], 0);

iImage[12] = agk::LoadImage("Cake/CakeGoal/goalweight2.png");
	iSprite[12] = agk::CreateSprite(iImage[12]);
	agk::SetSpriteVisible(iSprite[12], 0);

iImageCalendar[0] = agk::LoadImage("Images/Calendar/dec2010.png");
	iSpriteCalendar[0] = agk::CreateSprite(iImageCalendar[0]);
	agk::SetSpriteSize(iSpriteCalendar[0], 15.0f, -1);
	agk::SetSpritePosition(iSpriteCalendar[0],5.0f,3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[0], 9);
	agk::SetSpriteVisible(iSpriteCalendar[0], 0);

iImageCalendar[1] = agk::LoadImage("Images/Calendar/jan2011.png");
	iSpriteCalendar[1] = agk::CreateSprite(iImageCalendar[1]);
	agk::SetSpriteSize(iSpriteCalendar[1], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[1], 25.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[1], 9);
	agk::SetSpriteVisible(iSpriteCalendar[1], 0);

iImageCalendar[2] = agk::LoadImage("Images/Calendar/feb2011.png");
	iSpriteCalendar[2] = agk::CreateSprite(iImageCalendar[2]);
	agk::SetSpriteSize(iSpriteCalendar[2], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[2], 45.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[2], 9);
	agk::SetSpriteVisible(iSpriteCalendar[2], 0);

iImageCalendar[3] = agk::LoadImage("Images/Calendar/march2011.png");
	iSpriteCalendar[3] = agk::CreateSprite(iImageCalendar[3]);
	agk::SetSpriteSize(iSpriteCalendar[3], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[3], 65.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[3], 9);
	agk::SetSpriteVisible(iSpriteCalendar[3], 0);

iImageCalendar[4] = agk::LoadImage("Images/Calendar/apr2011.png");
	iSpriteCalendar[4] = agk::CreateSprite(iImageCalendar[4]);
	agk::SetSpriteSize(iSpriteCalendar[4], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[4], 85.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[4], 9);
	agk::SetSpriteVisible(iSpriteCalendar[4], 0);

iImageWorldMap1 = agk::LoadImage("Images/Calendar/kitchen.png");
	backgroundImage = agk::LoadImage("Images/bedroom.png");
	bathroomImage = agk::LoadImage("Images/bathroom.png");	
	streetImage = agk::LoadImage("Images/testlevelright.png");
	//agk::SetOrientationAllowed(0,0,1,0);
	agk::SetClearColor(0,100,50);

}

+ Code Snippet

void MainMenu::LoadAllImage()
{
	
	iImage[1] = agk::LoadImage("Images/background.jpg");
	iSprite[1] = agk::CreateSprite(iImage[1]);
	agk::SetSpriteSize(iSprite[1],100.0f, 100.f);
	agk::SetSpriteVisible(iSprite[1],0);
	agk::FixSpriteToScreen(iSprite[1],0);

	iImage[0] = agk::LoadImage("Cake/CakeGoal/goalweight1.png");
	iSprite[0] = agk::CreateSprite(iImage[0]);
	agk::SetSpriteSize(iSprite[0], 10,-1);
	agk::SetSpritePosition(iSprite[0], 10, 10);
	agk::SetSpriteVisible(iSprite[0],0);

	iImage[2] = agk::LoadImage("Story/StoryboardOne.png");
	iSprite[2] = agk::CreateSprite(iImage[2]);
	agk::SetSpriteVisible(iSprite[2],0);

	iImage[3] = agk::LoadImage("Story/StoryboardTwo.png");
	iSprite[3] = agk::CreateSprite(iImage[3]);
	agk::SetSpriteVisible(iSprite[3],0);

	iImage[4] = agk::LoadImage("Story/StoryboardThree.png");
	iSprite[4] = agk::CreateSprite(iImage[4]);
	agk::SetSpriteVisible(iSprite[4],0);

	iImage[5] = agk::LoadImage("Story/StoryboardFour.png");
	iSprite[5] = agk::CreateSprite(iImage[5]);
	agk::SetSpriteVisible(iSprite[5],0);

	iImage[6] = agk::LoadImage("Story/StoryboardFive.png");
	iSprite[6] = agk::CreateSprite(iImage[6]);
	agk::SetSpriteVisible(iSprite[6],0);

	iImage[7] = agk::LoadImage("Story/StoryboardSix.png");
	iSprite[7] = agk::CreateSprite(iImage[7]);
	agk::SetSpriteVisible(iSprite[7],0);

	iImage[8] = agk::LoadImage("Story/StoryboardSeven.png");
	iSprite[8] = agk::CreateSprite(iImage[8]);
	agk::SetSpriteVisible(iSprite[8],0);
	
	iImage[9] = agk::LoadImage("Story/StoryboardEight.png");
	iSprite[9] = agk::CreateSprite(iImage[9]);
	agk::SetSpriteVisible(iSprite[9],0);

	iImage[10] = agk::LoadImage("Cake/CakeGoal/startweight.png");
	iSprite[10] = agk::CreateSprite(iImage[10]);
	agk::SetSpriteVisible(iSprite[10], 0);

	iImage[11] = agk::LoadImage("Cake/CakeGoal/goalweight1.png");
	iSprite[11] = agk::CreateSprite(iImage[11]);
	agk::SetSpriteVisible(iSprite[11], 0);

	iImage[12] = agk::LoadImage("Cake/CakeGoal/goalweight2.png");
	iSprite[12] = agk::CreateSprite(iImage[12]);
	agk::SetSpriteVisible(iSprite[12], 0);

	iImageCalendar[0] = agk::LoadImage("Images/Calendar/dec2010.png");
	iSpriteCalendar[0] = agk::CreateSprite(iImageCalendar[0]);
	agk::SetSpriteSize(iSpriteCalendar[0], 15.0f, -1);
	agk::SetSpritePosition(iSpriteCalendar[0],5.0f,3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[0], 9);
	agk::SetSpriteVisible(iSpriteCalendar[0], 0);

	iImageCalendar[1] = agk::LoadImage("Images/Calendar/jan2011.png");
	iSpriteCalendar[1] = agk::CreateSprite(iImageCalendar[1]);
	agk::SetSpriteSize(iSpriteCalendar[1], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[1], 25.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[1], 9);
	agk::SetSpriteVisible(iSpriteCalendar[1], 0);

	iImageCalendar[2] = agk::LoadImage("Images/Calendar/feb2011.png");
	iSpriteCalendar[2] = agk::CreateSprite(iImageCalendar[2]);
	agk::SetSpriteSize(iSpriteCalendar[2], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[2], 45.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[2], 9);
	agk::SetSpriteVisible(iSpriteCalendar[2], 0);

	iImageCalendar[3] = agk::LoadImage("Images/Calendar/march2011.png");
	iSpriteCalendar[3] = agk::CreateSprite(iImageCalendar[3]);
	agk::SetSpriteSize(iSpriteCalendar[3], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[3], 65.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[3], 9);
	agk::SetSpriteVisible(iSpriteCalendar[3], 0);

	iImageCalendar[4] = agk::LoadImage("Images/Calendar/apr2011.png");
	iSpriteCalendar[4] = agk::CreateSprite(iImageCalendar[4]);
	agk::SetSpriteSize(iSpriteCalendar[4], 15.0f, -1.0f);
	agk::SetSpritePosition(iSpriteCalendar[4], 85.0f, 3.0f);
	agk::SetSpriteDepth(iSpriteCalendar[4], 9);
	agk::SetSpriteVisible(iSpriteCalendar[4], 0);

	iImageWorldMap1 = agk::LoadImage("Images/Calendar/kitchen.png");
	backgroundImage = agk::LoadImage("Images/bedroom.png");
	bathroomImage = agk::LoadImage("Images/bathroom.png");	
	streetImage = agk::LoadImage("Images/testlevelright.png");
	//agk::SetOrientationAllowed(0,0,1,0);
	agk::SetClearColor(0,100,50);

}

void app::Begin( void )
{
	//Set core/device data
    width = agk::GetDeviceWidth ( );
    height = agk::GetDeviceHeight ( );
    orientation = agk::GetOrientation ( );
    platform = agk::GetDeviceName ( );	
	//agk::SetVirtualResolution ( 100, 100);
	//agk::SetOrientationAllowed(0,0,1,0);
	//agk::SetDisplayAspect( 4/3 );
	agk::SetPhysicsDebugOn();
    
    //Read in data from score files
	agk::OpenToRead(1, "Files/Score.txt");
	while (agk::FileEOF(1) != 1) {
        levelScore[iFile] = agk::Val(agk::ReadLine(1));
       iFile++;
    }
	
	agk::CloseFile(1);

//read data from workout
	agk::OpenToRead(2, "Files/workout.txt");
	workoutNumber = agk::Val(agk::ReadLine(2));
	agk::CloseFile(2);

//Load Menus
	menuClass.LoadAllImage();
	menuClass.CreateMenu();
	
	//Sound
	sound = agk::LoadSound ( "countdown.wav" );
	victorySound = agk::LoadSound( "Sounds/victorysound.wav" );
	errorSound = agk::LoadSound( "Sounds/errorsound.wav" ) ;

//Music
	titleMusic = agk::LoadMusic("Music/titlemusic.mp3"); 
	gameplayMusic = agk::LoadMusic("Music/gamePlay.mp3");

agk::PlayMusic(titleMusic,1);
	
}

+ Code Snippet

 void app::Begin( void )
{
	//Set core/device data
    width = agk::GetDeviceWidth ( );
    height = agk::GetDeviceHeight ( );
    orientation = agk::GetOrientation ( );
    platform = agk::GetDeviceName ( );	
	//agk::SetVirtualResolution ( 100, 100);
	//agk::SetOrientationAllowed(0,0,1,0);
	//agk::SetDisplayAspect( 4/3 );
	agk::SetPhysicsDebugOn();
    
    //Read in data from score files
	agk::OpenToRead(1, "Files/Score.txt");
	while (agk::FileEOF(1) != 1) {
        levelScore[iFile] = agk::Val(agk::ReadLine(1));
       iFile++;
    }
	
	agk::CloseFile(1);

	//read data from workout
	agk::OpenToRead(2, "Files/workout.txt");
	workoutNumber = agk::Val(agk::ReadLine(2));
	agk::CloseFile(2);

	//Load Menus
	menuClass.LoadAllImage();
	menuClass.CreateMenu();
	
	//Sound
	sound = agk::LoadSound ( "countdown.wav" );
	victorySound = agk::LoadSound( "Sounds/victorysound.wav" );
	errorSound = agk::LoadSound( "Sounds/errorsound.wav" ) ;

	//Music
	titleMusic = agk::LoadMusic("Music/titlemusic.mp3"); 
	gameplayMusic = agk::LoadMusic("Music/gamePlay.mp3");

	agk::PlayMusic(titleMusic,1);
	
}

Back to top

Profile PM

erebusman

13

Years of Service

User Offline

Joined: 23rd Jul 2011

Location: Sacramento, CA

Posted: 28th Oct 2012 01:57 Edited at: 28th Oct 2012 04:06

Link

Assuming the one called background is the image that is the problem

Your current code is:

+ Code Snippet

iImage[1] = agk::LoadImage("Images/background.jpg");
iSprite[1] = agk::CreateSprite(iImage[1]);
agk::SetSpriteSize(iSprite[1],100.0f, 100.f);
agk::SetSpriteVisible(iSprite[1],0);
agk::FixSpriteToScreen(iSprite[1],0);

Try this:

+ Code Snippet

iImage[1] = agk::LoadImage("Images/background.jpg");
iSprite[1] = agk::CreateSprite(iImage[1]);
//agk::SetSpriteSize(iSprite[1],100.0f, 100.f);
agk::SetSpriteVisible(iSprite[1],0);
agk::FixSpriteToScreen(iSprite[1],0);

Basically commenting out the area where you are setting it to be 100 pixels by 100 pixels may fix it.

If not then change the area to add back in the agk::SetVirtualResolution but this time use the settings from your core.cpp file where it has the device_width and device_heigth , make those be the height and width instead. Then set the image size to match it should fix it and it will automatically scale if it is ever maximized or on a different resolution screen

like so

+ Code Snippet

agk::SetVirtualResolution (1024, 768 );


iImage[1] = agk::LoadImage("Images/background.jpg");
iSprite[1] = agk::CreateSprite(iImage[1]);
agk::SetSpriteSize(iSprite[1],1024, 768);
agk::SetSpriteVisible(iSprite[1],0);
agk::FixSpriteToScreen(iSprite[1],0);

You could also get fancy .. (but I have not found it neccesary) and use the getdeviceheight and gedevicewidth ; save those values in variables and set the image size by the variables. When using virtualresolution I have not needed to do this.

Pirates Jewels on iTunes Store

Back to top

Profile PM Website

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 28th Oct 2012 01:58

Link

Theres some other weird things that are happen.

when I comment out agk::SetViewOffset ( fX, fY ); there's a green boarder that appears around the images. I also tried changing the virtual resolution to 100,100 and it temporally fixes it.

Back to top

Profile PM

erebusman

13

Years of Service

User Offline

Joined: 23rd Jul 2011

Location: Sacramento, CA

Posted: 28th Oct 2012 04:06

Link

I have not seen green boarders yet myself .. possibly something to do with anti-aliasing the images and stretching the edges?

I would suggest setting the virtual resolution to match the device resolution in your core.cp and then design everything to match that.

Pirates Jewels on iTunes Store

Back to top

Profile PM Website

Ancient Lady

Valued Member

20

Years of Service

User Offline

Joined: 17th Mar 2004

Location: Anchorage, Alaska, USA

Posted: 28th Oct 2012 05:21

Link

Do you want to use virtual resolution or percentage?

Your posts and code are not clear and the two do not work the same.

If you want to use percentage and have a background image where the width and height are different, I believe that you need to set your aspect ratio to reflect the size of the image you are trying to use.

If you want to use virtual, then you need to set the sprite size equal to your image size for the background image.

And, you do need to update the Core.cpp (Windows) and Core.m (iOS) files to reflect the resolution you are using. They both have constants for device width and height which seem to override what the device might be reporting.

Cheers,
Ancient Lady
AGK Community Tester

Back to top

Profile PM

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 28th Oct 2012 05:52 Edited at: 28th Oct 2012 06:01

Link

Thanks for the help. What exact line do I need to change in core.cpp? I want to use the percentage system. Should I do this

+ Code Snippet

    

width = agk::GetDeviceWidth ( );
height = agk::GetDeviceHeight ( );
ratio = width /height;
agk::SetDisplayAspect( ratio );

Back to top

Profile PM

Ancient Lady

Valued Member

20

Years of Service

User Offline

Joined: 17th Mar 2004

Location: Anchorage, Alaska, USA

Posted: 28th Oct 2012 17:52

Link

In the Core.cpp/m files, look for the two lines something like this:

+ Code Snippet

#define DEVICE_WIDTH 960
#define DEVICE_HEIGHT 640

This is set for a landscape orientation. But, since you are using the percentage display mode, you don't need to worry about those lines.

I don't use the percentage system and have not worked with it. But your code looks like it should work.

Cheers,
Ancient Lady
AGK Community Tester

Back to top

Profile PM

gsdblack

12

Years of Service

User Offline

Joined: 6th Dec 2011

Location:

Posted: 29th Oct 2012 21:58

Link

Thanks lady I think there's something else going on with my code though I just don't know what it is. I took an old game I was working on in march and ran the application and it looks fine but when I opened up the project in VS compiled it and then run it, everything shrinks. Has there be any updates since March dealing with the screen?

Back to top

Profile PM

Ancient Lady

Valued Member

20

Years of Service

User Offline

Joined: 17th Mar 2004

Location: Anchorage, Alaska, USA

Posted: 30th Oct 2012 16:54

Link

The only updates are the v1082, labeled as beta but actually more of an alpha release. Not recommended unless you really want to play with incomplete 3D commands.

Cheers,
Ancient Lady
AGK Community Tester

Back to top

Profile PM

Sorry your browser is not supported!

AppGameKit Classic Chat / screen size issue

Attachments

Attachments