Sorry your browser is not supported!

Hi.

I think maximum image size for use is (1024 x 1024). now my screen size is (1280 x 800) and can't use it Directly. so I've divided it into two parts.

in window two images are join together, but when load it in android image not join together.

I attached my Project. Please tell me where is the Problem.

Thanks.

Attachments

Login to view attachments

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 9th Jan 2015 14:03

You need to set your background images size and position for them to appear in the right place. You say this worked in Windows!???

Back to top

Profile PM Email Website

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 9th Jan 2015 14:09

Yes, Work in Windows.

this is a Picture form Android.

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 9th Jan 2015 14:12 Edited at: 9th Jan 2015 14:14

Try this as your "CreateSprites()" function:

Function CreateSprites()
introBack1 = CreateSprite(introImage1)
introBack2 = CreateSprite(introImage2)
SetSpriteSize(IntroBack1,640,800)
SetSpriteSize(IntroBack2,640,800)
SetSpritePosition(introBack2,640,0)
EndFunction

edit:
Probably worth setting your virtual resolution before loading images & sprites etc. too.

Back to top

Profile PM Email Website

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 9th Jan 2015 14:28

this function work but make exist black border.

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 9th Jan 2015 14:39

To remove the black bars, you can either change the ratio to fit the physical screen, or make your images a bit wider and position them to draw outside you virtual res (you'll need to SetScissor(0,0,0,0) in this case).

By using the forum SEARCH facility, I also found the following from Ravey to set the ratio:

// This takes the desired resolution height of the app,
// and then adjusts the width to match the ratio of the device being
// run on. This means - no borders.


global virtualWidth
global virtualHeight

function initDisplay ( height# )
    device_width#  = GetDeviceWidth  ( )
    device_height# = GetDeviceHeight ( )

    virtual_width_multiplier# = device_width# / device_height#

    if ( device_width# < device_height# )
        virtual_width_multiplier# = device_height# / device_width#
    endif

    SetVirtualResolution ( height# * virtual_width_multiplier#, height# )

    virtualWidth = height# * virtual_width_multiplier#
    virtualHeight = height#
endfunction

Back to top

Profile PM Email Website

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 9th Jan 2015 14:54 Edited at: 9th Jan 2015 16:15

this function make zoom in windows and android.

I used this function that work very well before use half image:

// Create Display Function and SetScissor()
function initDisplay(style as integer, width as integer, height as integer)

	if style = PERCENTAGE
		SetDisplayAspect(1)
	else
		SetVirtualResolution( width, height )
	endif

	global display as tDisplay

	display.left = GetScreenBoundsLeft()
	display.right = GetScreenBoundsRight()
	display.top = GetScreenBoundsTop()
	display.bottom = GetScreenBoundsBottom()
	display.width = display.right-display.left
	display.height = display.bottom-display.top

	SetScissor(display.left, display.top, display.right, display.bottom )
	//SetSpritePosition (introBack1,display.left,display.top)
    //SetSpriteSize(introBack1,640,display.height)
	//SetSpritePosition (introBack2,display.right/2,display.top)
	//SetSpriteSize(introBack2,640,display.height)

endfunction

#constant VIRTUAL 0
#constant PERCENTAGE 1

type tDisplay
	left as integer
	right as integer
	top as integer
	bottom as integer
	width as integer
	height as integer
endtype

I test several state for fix this Problem but no change anything.

Back to top

Profile PM

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 9th Jan 2015 17:09

anyone have solution?

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 9th Jan 2015 17:29

It works fine in Windows & Android. What value did you give it as height?

Here: I've moved it all into the main (as you already had the ratio calculating thing in your #include file), but it works fine:

`#include "globalfunction.agc"
type tDisplay
	left as integer
	right as integer
	top as integer
	bottom as integer
	width as integer
	height as integer
endtype

global display as tDisplay
global virtualWidth
global virtualHeight

`SetVirtualResolution ( 1280, 800 )

initDisplay( 800.0 )

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()
introBack1 = CreateSprite(introImage1)
introBack2 = CreateSprite(introImage2)
SetSpriteSize(IntroBack1,640,800)
SetSpriteSize(IntroBack2,640,800)
SetSpritePosition(introBack2,640,0)
EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()
` initDisplay( VIRTUAL, 1280, 800 )

do

Print (display.right)
 Sync()
loop

EndFunction

// This takes the desired resolution height of the app,
// and then adjusts the width to match the ratio of the device being
// run on. This means - no borders.

function initDisplay ( height# )
    device_width#  = GetDeviceWidth  ( )
    device_height# = GetDeviceHeight ( )

virtual_width_multiplier# = device_width# / device_height#

if ( device_width# < device_height# )
        virtual_width_multiplier# = device_height# / device_width#
    endif

SetVirtualResolution ( height# * virtual_width_multiplier#, height# )

virtualWidth = height# * virtual_width_multiplier#
    virtualHeight = height#
endfunction

`#include "globalfunction.agc"
type tDisplay
	left as integer
	right as integer
	top as integer
	bottom as integer
	width as integer
	height as integer
endtype

global display as tDisplay
global virtualWidth
global virtualHeight

`SetVirtualResolution ( 1280, 800 )

initDisplay( 800.0 )

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()
introBack1 = CreateSprite(introImage1)
introBack2 = CreateSprite(introImage2)
SetSpriteSize(IntroBack1,640,800)
SetSpriteSize(IntroBack2,640,800)
SetSpritePosition(introBack2,640,0)
EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()
` initDisplay( VIRTUAL, 1280, 800 )

do

Print (display.right)
 Sync()
loop

EndFunction


// This takes the desired resolution height of the app,
// and then adjusts the width to match the ratio of the device being
// run on. This means - no borders.


function initDisplay ( height# )
    device_width#  = GetDeviceWidth  ( )
    device_height# = GetDeviceHeight ( )

    virtual_width_multiplier# = device_width# / device_height#

    if ( device_width# < device_height# )
        virtual_width_multiplier# = device_height# / device_width#
    endif

    SetVirtualResolution ( height# * virtual_width_multiplier#, height# )

    virtualWidth = height# * virtual_width_multiplier#
    virtualHeight = height#
endfunction

Back to top

Profile PM Email Website

Scraggle

Moderator

20

Years of Service

User Offline

Joined: 10th Jul 2003

Location: Yorkshire

Posted: 9th Jan 2015 17:57

Quote: "anyone have solution?"

Yes.
Take up stamp collecting instead

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 9th Jan 2015 18:17 Edited at: 9th Jan 2015 18:20

Quote: "Yes.
Take up stamp collecting instead"

You're a man of wit.

Thanks CJB.

it show in my phone like this:

Back to top

Profile PM

The Zoq2

14

Years of Service

User Offline

Joined: 4th Nov 2009

Location: Linköping, Sweden

Posted: 10th Jan 2015 10:39

The reason you get a black border is because your sprites are too small for that resolution or you have placed them incorrectly.

You have probably got your resolution wrong when you made the images

Say ONE stupid thing and it ends up as a forum signature forever. - Neuro Fuzzy

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 10th Jan 2015 11:09

I used this code :

global virtualWidth
global virtualHeight

initDisplay( 800.0 )

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()
introBack1 = CreateSprite(introImage1)
introBack2 = CreateSprite(introImage2)
SetSpriteSize(IntroBack1,640,800)
SetSpriteSize(IntroBack2,640,800)
SetSpritePosition(introBack2,640,0)
EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()

do

Sync()
loop

EndFunction

// This takes the desired resolution height of the app,
// and then adjusts the width to match the ratio of the device being
// run on. This means - no borders.

function initDisplay ( height# )
    device_width#  = GetDeviceWidth  ( )
    device_height# = GetDeviceHeight ( )

virtual_width_multiplier# = device_width# / device_height#

if ( device_width# < device_height# )
        virtual_width_multiplier# = device_height# / device_width#
    endif

SetVirtualResolution ( height# * virtual_width_multiplier#, height# )

virtualWidth = height# * virtual_width_multiplier#
    virtualHeight = height#
endfunction

global virtualWidth
global virtualHeight

initDisplay( 800.0 )

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()
introBack1 = CreateSprite(introImage1)
introBack2 = CreateSprite(introImage2)
SetSpriteSize(IntroBack1,640,800)
SetSpriteSize(IntroBack2,640,800)
SetSpritePosition(introBack2,640,0)
EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()

do

 Sync()
loop

EndFunction


// This takes the desired resolution height of the app,
// and then adjusts the width to match the ratio of the device being
// run on. This means - no borders.


function initDisplay ( height# )
    device_width#  = GetDeviceWidth  ( )
    device_height# = GetDeviceHeight ( )

    virtual_width_multiplier# = device_width# / device_height#

    if ( device_width# < device_height# )
        virtual_width_multiplier# = device_height# / device_width#
    endif

    SetVirtualResolution ( height# * virtual_width_multiplier#, height# )

    virtualWidth = height# * virtual_width_multiplier#
    virtualHeight = height#
endfunction

Back to top

Profile PM

Impetus73

12

Years of Service

User Offline

Joined: 28th Aug 2011

Location: Volda, Norway

Posted: 10th Jan 2015 12:08 Edited at: 10th Jan 2015 12:09

Zog2 is right, but you keep on not understanding it...

Your code, sets a dynamic unknown resolution to cover the device's screen, to avoid border, but you still need to make sure the images cover the whole screen.

You do not know how wide the screen will be, if you use this code, so you must find a way to compensate.

Use a set resolution, and forget the black borders, or make the pictures oversize so that they get clipped on low resolution devices, and cover all the screen at high resolution devices, but then you need to make sure no vital information will be missing on the devices with lower resolution.

To make a game that uses dynamic mobiles resolutions, require a programming genius to handle... I have not even considered doing it, and I have programmed for 20+ years...

----------------
AGK programmer
Did Amiga / AMOS programming in the 90's.

Back to top

Profile PM Email

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 10th Jan 2015 13:33

I normally allow an area around the edge of the screen as a "buffer" area which never contains anything vital. I position sprites that need to fill the screen in the centre of the screen and either set the size of the sprite to fit the height or width of the device (whichever is smallest). The other way is to stretch to fit the screen which can work well with patterns but not so well with a scene like this.

I have an image somewhere that I use as a reference for "standard" screen resolutions which I will post if/when I find it but I normally allow a 4:3 area centrally that is always "safe" for the majority of the menu/play area.

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 10th Jan 2015 14:49 Edited at: 10th Jan 2015 14:59

according to All the talk about scissor I think Indirect understood I had three choices:

1- leave AGK
2- Never make mobile games with AGK
3- make mobile games even commercial with black border

right?

anyone made a commercial game with AppGameKit with black border?

Black border good not show in small devices but at lager devices like tablet show Himself very well.

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 10th Jan 2015 17:28

Quote: "I normally allow an area around the edge of the screen as a "buffer" area which never contains anything vital."

That doesn't mean leave black borders. You can still draw sprites in the "Buffer zone" to completely fill the display, just not sprites that are important for the functionality of your game. You get me?

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 10th Jan 2015 17:45 Edited at: 10th Jan 2015 18:14

You mis-understand, here is an image to explain. The red shape is a screen resolution, the image is a background image / menu layout:

If the image aspect ratio does not match the screen then I allow the image to go past the edge of the screen.

TRY THESE EDITS TO YOUR ORIGINAL CODE you can use "stretch" or "fill" modes with your background sprites:
main.agc

#include "globalfunction.agc"

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()

introBack1 = CreateSprite(0)
SetSpriteImage(introBack1,introImage1)
introBack2 = CreateSprite(0)
SetSpriteImage(introBack2,introImage2)

EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()

// use "stretch" or "fill"
initDisplay( VIRTUAL, "stretch" )

do

Print (display.right)
 Sync()
loop

EndFunction

globalfunction.agc

// Create Display Function and SetScissor()
function initDisplay(style as integer, mode as string)
	
	width = GetDeviceWidth()
	height = GetDeviceHeight()
	
	if style = PERCENTAGE
		SetDisplayAspect(1)
	else
		SetVirtualResolution( width, height )
	endif

global display as tDisplay

display.left = GetScreenBoundsLeft()
	display.right = GetScreenBoundsRight()
	display.top = GetScreenBoundsTop()
	display.bottom = GetScreenBoundsBottom()
	display.width = display.right-display.left
	display.height = display.bottom-display.top

spriteWidth# = 1280
	spriteHeight# = 800
	
	select mode
		
		case "fill"
			if spriteHeight#<display.height
				spriteHeight# = display.height
				spriteWidth# = (spriteHeight#/1280.0)*800.0
			endif
			if spriteWidth#<display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/800.0)*1280.0
			endif
		endcase
		
		case "stretch"
			spriteHeight# = display.width
			spriteWidth# = display.height
		endcase
		
	endselect
	
	SetScissor(display.left, display.top, display.right, display.bottom )
	SetSpritePosition (introBack1,display.width/2 - spriteWidth#/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack1,spriteWidth#/2,spriteHeight#)
	SetSpritePosition (introBack2,display.width/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack2,spriteWidth#/2,spriteHeight#)

endfunction

#constant VIRTUAL 0
#constant PERCENTAGE 1

type tDisplay
	left as integer
	right as integer
	top as integer
	bottom as integer
	width as integer
	height as integer
endtype

// Create Display Function and SetScissor()
function initDisplay(style as integer, mode as string)
	
	width = GetDeviceWidth()
	height = GetDeviceHeight()
	
	if style = PERCENTAGE
		SetDisplayAspect(1)
	else
		SetVirtualResolution( width, height )
	endif

	global display as tDisplay

	display.left = GetScreenBoundsLeft()
	display.right = GetScreenBoundsRight()
	display.top = GetScreenBoundsTop()
	display.bottom = GetScreenBoundsBottom()
	display.width = display.right-display.left
	display.height = display.bottom-display.top

	spriteWidth# = 1280
	spriteHeight# = 800
	
	select mode
		
		case "fill"
			if spriteHeight#<display.height
				spriteHeight# = display.height
				spriteWidth# = (spriteHeight#/1280.0)*800.0
			endif
			if spriteWidth#<display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/800.0)*1280.0
			endif
		endcase
		
		case "stretch"
			spriteHeight# = display.width
			spriteWidth# = display.height
		endcase
		
	endselect
	
	SetScissor(display.left, display.top, display.right, display.bottom )
	SetSpritePosition (introBack1,display.width/2 - spriteWidth#/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack1,spriteWidth#/2,spriteHeight#)
	SetSpritePosition (introBack2,display.width/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack2,spriteWidth#/2,spriteHeight#)

endfunction

#constant VIRTUAL 0
#constant PERCENTAGE 1

type tDisplay
	left as integer
	right as integer
	top as integer
	bottom as integer
	width as integer
	height as integer
endtype

Attachments

Login to view attachments

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 10th Jan 2015 20:50

Thanks baxslash for help and code.

but there is Problem at this 2 method.

when used fill, my image zoonIn like below picture.

and when used stretch, my image show like below picture.

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 10th Jan 2015 21:05 Edited at: 10th Jan 2015 21:09

Did you use only the code exactly as I posted it or did you change anything?

The top image is correct, it is filling the space vertically and going over the edges. The bottom image is stretching to fill a resolution which is the same height and width...

EDIT: Nevermind, I screwed it up. Fixing now...

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 10th Jan 2015 21:13

Quote: "Did you use only the code exactly as I posted it or did you change anything?"

I directly copy and paste your code, then export it to android.

fill image is very ZoomIn and only show center of Picture.I think it good and full show only at height relosution.

Back to top

Profile PM

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 10th Jan 2015 21:46 Edited at: 10th Jan 2015 21:49

Thanks you very much baxslash As always a great help to me.

I fix it.

case "stretch"
  spriteHeight# = display.height
  spriteWidth# = display.Width
endcase

can you explain more about this line?

	SetSpritePosition (introBack1,display.width/2 - spriteWidth#/2,display.height/2 - spriteHeight#/2)

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 10th Jan 2015 21:52

This version works 100% for virtual and percentage. Fully tested it this time

main.agc

#include "globalfunction.agc"

Game()

//Load Variable Function
Function variables()
    global introImage1 as Integer
    global introImage2 as Integer
    global introBack1 as Integer
    global introBack2 as Integer
EndFunction

//Load Image Finction
Function LoadImages()
    introImage1 = LoadImage("images/intro-back1.png")
    introImage2 = LoadImage("images/intro-back2.png")
EndFunction

//Create Sprite Function
Function CreateSprites()

introBack1 = CreateSprite(0)
SetSpriteImage(introBack1,introImage1)
introBack2 = CreateSprite(0)
SetSpriteImage(introBack2,introImage2)

EndFunction

Function Game()

variables()
LoadImages()
CreateSprites()

// use "stretch" or "fill"
initDisplay( VIRTUAL, "fill" )

do

Print (display.right)
 Sync()
loop

EndFunction

globalfunction.agc

// Create Display Function and SetScissor()
function initDisplay(style as integer, mode as string)
	
	SetScissor(0, 0, 0, 0)
	width# = GetDeviceWidth()
	height# = GetDeviceHeight()
	aspect# = width#/height#
	select style
		case PERCENTAGE
			SetDisplayAspect(aspect#)
			width# = 100
			height# = 100
		endcase
		
		case VIRTUAL
			SetVirtualResolution( width#, height# )
			aspect# = 1.0
		endcase
	endselect

global display as tDisplay
	display.left = 0
	display.right = width#
	display.top = 0
	display.bottom = height#
	display.width = width#
	display.height = height#

spriteWidth# = 1280
	spriteHeight# = 800
	
	select mode
		
		case "fill"
			if spriteWidth#>display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/1280.0)*800.0*aspect#
			endif
			if spriteWidth#<display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/1280.0)*800.0*aspect#
			endif
			if spriteHeight#<display.height
				spriteHeight# = display.height
				spriteWidth# = ((spriteHeight#/800.0)*1280.0)/aspect#
			endif
		endcase
		
		case "stretch"
			spriteWidth# = display.width
			spriteHeight# = display.height
		endcase
		
	endselect
	
	SetSpritePosition (introBack1,display.width/2 - spriteWidth#/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack1,spriteWidth#/2,spriteHeight#)
	SetSpritePosition (introBack2,display.width/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack2,spriteWidth#/2,spriteHeight#)

endfunction

#constant VIRTUAL 0
#constant PERCENTAGE 1

type tDisplay
	left as float
	right as float
	top as float
	bottom as float
	width as float
	height as float
endtype

// Create Display Function and SetScissor()
function initDisplay(style as integer, mode as string)
	
	SetScissor(0, 0, 0, 0)
	width# = GetDeviceWidth()
	height# = GetDeviceHeight()
	aspect# = width#/height#
	select style
		case PERCENTAGE
			SetDisplayAspect(aspect#)
			width# = 100
			height# = 100
		endcase
		
		case VIRTUAL
			SetVirtualResolution( width#, height# )
			aspect# = 1.0
		endcase
	endselect

	global display as tDisplay
	display.left = 0
	display.right = width#
	display.top = 0
	display.bottom = height#
	display.width = width#
	display.height = height#

	spriteWidth# = 1280
	spriteHeight# = 800
	
	select mode
		
		case "fill"
			if spriteWidth#>display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/1280.0)*800.0*aspect#
			endif
			if spriteWidth#<display.width
				spriteWidth# = display.width
				spriteHeight# = (spriteWidth#/1280.0)*800.0*aspect#
			endif
			if spriteHeight#<display.height
				spriteHeight# = display.height
				spriteWidth# = ((spriteHeight#/800.0)*1280.0)/aspect#
			endif
		endcase
		
		case "stretch"
			spriteWidth# = display.width
			spriteHeight# = display.height
		endcase
		
	endselect
	
	SetSpritePosition (introBack1,display.width/2 - spriteWidth#/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack1,spriteWidth#/2,spriteHeight#)
	SetSpritePosition (introBack2,display.width/2,display.height/2 - spriteHeight#/2)
	SetSpriteSize(introBack2,spriteWidth#/2,spriteHeight#)

endfunction

#constant VIRTUAL 0
#constant PERCENTAGE 1

type tDisplay
	left as float
	right as float
	top as float
	bottom as float
	width as float
	height as float
endtype

Quote: "can you explain more about this line?"

That line positions the sprite in X by the centre of the display minus half the size of the sprite and in Y by the centre of the display minus half the height of the sprite.

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 11th Jan 2015 05:25

thanks baxslash, this code better work.

Back to top

Profile PM

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 12th Jan 2015 15:00 Edited at: 12th Jan 2015 15:02

baxslash i find a Problem in above codes.I show it with Picture.

this is two picture from my game at windows:

and this is two picture from my game at Android:

you can see there is 2 problem.

1- I Created a Sprite and set position for it in windows,but in android this position is wrong.

2- I created 12 sprite in another Page and see sprites don't resize according to screen resolution.

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 12th Jan 2015 15:10 Edited at: 12th Jan 2015 15:11

What code are you using to size/position the sprite? Also is this in VIRTUAL or PERCENTAGE?

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 12th Jan 2015 15:47

this is my code for resize and set position:

global Dim clonebtn [12]
for a = 1 to 4
    if GetSpriteExists(clonebtn[a]) = 0 then clonebtn[a] = CloneSprite(btn)
    SetSpriteVisible(clonebtn[a],0)
    SetSpriteColor(clonebtn[a],0,255,64,255)
    SetSpriteSize(clonebtn[a],100,100)
    SetSpritePosition(clonebtn[a],-40+a*200,40)

    for b = 5 to 8
        if GetSpriteExists(clonebtn[b]) = 0 then clonebtn[b] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[b],0)
        SetSpriteColor(clonebtn[b],0,255,64,255)
        SetSpriteSize(clonebtn[b],100,100)
        SetSpritePosition(clonebtn[b],-40+(b-4)*200,200)
    next b

    for c = 9 to 12
        if GetSpriteExists(clonebtn[c]) = 0 then clonebtn[c] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[c],0)
        SetSpriteColor(clonebtn[c],0,255,64,255)
        SetSpriteSize(clonebtn[c],100,100)
        SetSpritePosition(clonebtn[c],-40+(c-8)*200,360)
    next b

next a

I used VIRTUAL.

Back to top

Profile PM

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 13th Jan 2015 16:32

there is any solution?

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 13th Jan 2015 16:43

Yes, you are setting the position of the sprites without considering the fact that the device size may change.

You need to use a dimensions relative to the size of the device width and the device height rather than a hard coded value.

For example:

SetSpriteSize(clonebtn[a],DeviceWidth*0.1,DeviceHeight*0.1)

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 13th Jan 2015 17:39

this code don't work. I increase it until 500 but don't show anything.

SetSpriteSize(clonebtn[a],DeviceWidth*500,DeviceHeight*500)

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 13th Jan 2015 18:38

Do you need sprites 500 times the width of your device's screen?

V2 T1 (Mostly)
Uzmadesign

Back to top

Profile PM Email Website

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 13th Jan 2015 21:02

I have 2 variable like below:

width# = GetDeviceWidth()
height# = GetDeviceHeight()

and multiply them from 0.1 until 500 but do't show anything.500 is only for test.I tried random number from 0.1 to 500 In order that maybe see anything.

global Dim clonebtn [12]
for a = 1 to 4
    if GetSpriteExists(clonebtn[a]) = 0 then clonebtn[a] = CloneSprite(btn)
    SetSpriteVisible(clonebtn[a],0)
    SetSpriteColor(clonebtn[a],0,255,64,255)
    SetSpriteSize(clonebtn[a],width#*500,height#*500)
    SetSpritePosition(clonebtn[a],-40+a*200,40)

    for b = 5 to 8
        if GetSpriteExists(clonebtn[b]) = 0 then clonebtn[b] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[b],0)
        SetSpriteColor(clonebtn[b],0,255,64,255)
        SetSpriteSize(clonebtn[b],width#*500,height#*500)
        SetSpritePosition(clonebtn[b],-40+(b-4)*200,200)
    next b

    for c = 9 to 12
        if GetSpriteExists(clonebtn[c]) = 0 then clonebtn[c] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[c],0)
        SetSpriteColor(clonebtn[c],0,255,64,255)
        SetSpriteSize(clonebtn[c],width#*500,height#*500)
        SetSpritePosition(clonebtn[c],-40+(c-8)*200,360)
    next b

next a

Back to top

Profile PM

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 13th Jan 2015 21:38 Edited at: 13th Jan 2015 22:07

Ok, I find it. should only use GetDeviceWidth() and GetDeviceHeight() like below.Now sprite can resize but also Position not correct.

global Dim clonebtn [12]
for a = 1 to 4
    if GetSpriteExists(clonebtn[a]) = 0 then clonebtn[a] = CloneSprite(btn)
    SetSpriteVisible(clonebtn[a],0)
    SetSpriteColor(clonebtn[a],0,255,64,255)
    SetSpriteSize(clonebtn[a],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
    SetSpritePosition(clonebtn[a],GetDeviceWidth()-1050+a*200,GetDeviceHeight()-580)

for b = 5 to 8
        if GetSpriteExists(clonebtn[b]) = 0 then clonebtn[b] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[b],0)
        SetSpriteColor(clonebtn[b],0,255,64,255)
        SetSpriteSize(clonebtn[b],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
        SetSpritePosition(clonebtn[b],GetDeviceWidth()-1050+(b-4)*200,GetDeviceHeight()-430)
    next b

for c = 9 to 12
        if GetSpriteExists(clonebtn[c]) = 0 then clonebtn[c] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[c],0)
        SetSpriteColor(clonebtn[c],0,255,64,255)
        SetSpriteSize(clonebtn[c],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
        SetSpritePosition(clonebtn[c],GetDeviceWidth()-1050+(c-8)*200,GetDeviceHeight()-280)
    next b

next a

global Dim clonebtn [12]
for a = 1 to 4
    if GetSpriteExists(clonebtn[a]) = 0 then clonebtn[a] = CloneSprite(btn)
    SetSpriteVisible(clonebtn[a],0)
    SetSpriteColor(clonebtn[a],0,255,64,255)
    SetSpriteSize(clonebtn[a],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
    SetSpritePosition(clonebtn[a],GetDeviceWidth()-1050+a*200,GetDeviceHeight()-580)

    for b = 5 to 8
        if GetSpriteExists(clonebtn[b]) = 0 then clonebtn[b] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[b],0)
        SetSpriteColor(clonebtn[b],0,255,64,255)
        SetSpriteSize(clonebtn[b],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
        SetSpritePosition(clonebtn[b],GetDeviceWidth()-1050+(b-4)*200,GetDeviceHeight()-430)
    next b

    for c = 9 to 12
        if GetSpriteExists(clonebtn[c]) = 0 then clonebtn[c] = CloneSprite(btn)
        SetSpriteVisible(clonebtn[c],0)
        SetSpriteColor(clonebtn[c],0,255,64,255)
        SetSpriteSize(clonebtn[c],GetDeviceWidth()*0.1,GetDeviceHeight()*0.15)
        SetSpritePosition(clonebtn[c],GetDeviceWidth()-1050+(c-8)*200,GetDeviceHeight()-280)
    next b

next a

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 14th Jan 2015 09:14

Yes, you need to position the sprites relative to the size of the device too.

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 14th Jan 2015 09:41

in above code I set Position relate to Device size that work in windows but in android position is not correct.

for example:

SetSpritePosition(clonebtn[a],GetDeviceWidth()-1050+a*200,GetDeviceHeight()-580)

Back to top

Profile PM

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 14th Jan 2015 10:36

You haven't set the position relative to the entire size of the screen. You have simply positioned it based on a distance from the right hand side / bottom of the screen.

Example:

Imagine we have a device with screen width of 1000.

GetDeviceWidth()*0.1

= one tenth of the screen from the left.

GetDeviceWidth()-900

= one tenth of the screen from the left.

However, run the same code on a different size screen, say 2000 wide, and you'll see that *0.1 is still one tenth across the screen (Yay!), but the -900 version will place it just past half way across the screen. I hope this makes sense.

V2 T1 (Mostly)
Uzmadesign

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 14th Jan 2015 11:28

Yes, you need to understand that when positioning something on a screen that may be different sizes on different machines you will need to use a 'variable' value not a hard coded 'constant' value.

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 14th Jan 2015 20:04

I define two constant variables like this:

#Constant devicewidth = GetDeviceWidth()
#Constant deviceheight = GetDeviceHeight()

then used this code for set Sprite Size:

SetSpriteSize(clonebtn[a],devicewidth-910,deviceheight-540)

then used this code for Set Position:

SetSpritePosition(clonebtn[a],-40+a*200,50)

even used this code:

SetSpritePosition(clonebtn[a],devicewidth-1050+a*200,deviceheight-580)

but all thing in windows is ok and in android result is like below Picture:

Back to top

Profile PM

Yodaman Jer

User Banned

Posted: 14th Jan 2015 20:12

As has been said in other posts, you need to use the percentage system, not the virtual system. Your line here...

Quote: "SetSpritePosition(clonebtn[a],devicewidth-1050+a*200,deviceheight-580"

..should not have that "1050" or "580" in it - you need to use the percentage system. For example, if you want your sprite halfway across the screen, you just use "50" since 50 is half of 100%. I suggest looking into this as it will point you in the right direction!

It's back, baby!

Back to top

Profile

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 14th Jan 2015 20:50

Thanks Yodaman Jer. Already I used percentage system for my games, but most user tell me virtual system is better.so I used virtual system in my Projects.but this project percentage seem work better that virtual. but also I need fix virtual system. because for other Projects may I need virtual system instead percentage.

Back to top

Profile PM

Funnell7

12

Years of Service

User Offline

Joined: 8th Sep 2011

Location: UK, England

Posted: 14th Jan 2015 21:11

You don't necessarily need to use the Percentage System, I would recommend sticking with Virtual. But you must understand the difference between a constant value and a variable value. By hard coding numbers like -1050 or -580, the result will be different on devices where the screen width and height are different.

Have another read or two of the post provided by CJB above. Heres the link for clarity...

http://forum.thegamecreators.com/?m=forum_view&t=213223&b=41&msg=2547619#m2547619

This explains it very well IMO...

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Impetus73

12

Years of Service

User Offline

Joined: 28th Aug 2011

Location: Volda, Norway

Posted: 14th Jan 2015 22:14 Edited at: 14th Jan 2015 22:15

hehehee

oh.. the entertainment value

----------------
AGK programmer
Did Amiga / AMOS programming in the 90's.

Back to top

Profile PM Email

BatVink

Moderator

21

Years of Service

User Offline

Joined: 4th Apr 2003

Location: Gods own County, UK

Posted: 14th Jan 2015 23:50 Edited at: 14th Jan 2015 23:51

This:

devicewidth-1050+a*200,deviceheight-580

is a constant value that is different on all devices.

If you want to set a sprite to be in the exact centre using the virtual system, you would do this.

1. Set the virtual resolution.
2. Set the sprite position at half the virtual height and half the virtual width, NOT the device height and device width.

e.g

top of program:
setVirtualResolution(1440,900)

Positioning sprite:
setSpritePositionByOffset(mySprite, 720, 450)

or even better:
setSpritePositionByOffset(mySprite, getvirtualwidth() / 2, getvirtualheight() / 2)

Quidquid latine dictum sit, altum sonatur

Back to top

Profile PM Email

JimHawkins

14

Years of Service

User Offline

Joined: 26th Jul 2009

Location: Hull - UK

Posted: 15th Jan 2015 00:10

That's helpful, BatVink

Onwards and sometimes upwards

Back to top

Profile PM Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Jan 2015 09:11 Edited at: 15th Jan 2015 09:15

The virtual system can work the SAME as the percentage system, in fact that's the key:

global PercentWidth as float
global PercentHeight as float
PercentWidth = GetDeviceWidth()*0.01
PercentHeight = GetDeviceHeight()*0.01

Then to set a sprite up as half the height and width of the screen:

SetSpriteSize(spriteID, PercentWidth*50, PercentHeight*50)

EDIT: simplified my post

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

CJB

Valued Member

20

Years of Service

User Offline

Joined: 10th Feb 2004

Location: Essex, UK

Posted: 15th Jan 2015 10:36

If sticking with a "Stretch to fit" percent solution, you can also use:

dwidth# = GetDeviceWidth() * 1.0
dheight# = GetDeviceHeight() * 1.0
SetDisplayAspect(dwidth# / dheight#)

This will set the aspect ratio to fit whatever device you are using.

V2 T1 (Mostly)
Uzmadesign

Back to top

Profile PM Email Website

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 15th Jan 2015 15:07

Quote: "The virtual system can work the SAME as the percentage system, in fact that's the key:

global PercentWidth as float
global PercentHeight as float
PercentWidth = GetDeviceWidth()*0.01
PercentHeight = GetDeviceHeight()*0.01"

with use above code or Previous code I have same Problem for set Sprite Position.Problem is when I Set spritePosition like this:

SetSpritePositionByOffset(clonebtn[a],PercentWidth*0+(a*200),PercentWidth*10)

or

SetSpritePosition(clonebtn[a],-40+a*200,50)

or

SetSpritePosition(clonebtn[a],devicewidth-1050+a*200,deviceheight-580)

Sprite no set at current Position in Android.

but when I use

initDisplay( PERCENTAGE, "stretch" )

and set spritePosition all position are correct in windows and android. seem use VIRTUAL make exist Problem.

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Jan 2015 15:51 Edited at: 15th Jan 2015 15:54

You are still using "magic numbers" such as those shown in BOLD:
SetSpritePositionByOffset(clonebtn[a],PercentWidth*0+(a*200),PercentWidth*10)

SetSpritePosition(clonebtn[a],-40+a*200,50)

SetSpritePosition(clonebtn[a],devicewidth-1050+a*200,deviceheight-580)

Where do the 1050, 200, 50 and 580 values come from? They are not being used relative to the device size in any way.

Perhaps you should stick to the percentage system as it is working for you until you are a little more experienced and understand why you keep making the same mistake?

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Behdadsoft

15

Years of Service

User Offline

Joined: 7th Apr 2009

Location: Tehran-Iran

Posted: 15th Jan 2015 16:12

Quote: "Perhaps you should stick to the percentage system as it is working for you until you are a little more experienced and understand why you keep making the same mistake?"

I think your right. should I use percentage system and get more experience.

but I possible tell me where is Problem?how can fix it?

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Jan 2015 16:40 Edited at: 15th Jan 2015 16:41