Sprite Mask - GameCreators Forum

Author

Message

MateiSoft

11

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 21st Aug 2020 22:55

Link

Hi guys,

Is it possible in AppGameKit to create a sprite mask? Let's have a scenario: I have a sprite acting as a panel and a carousell of textures. If I scroll the textures in the panel, I want those textures to not slide outside the sprite panel, but to be cut by the sprite panel's edges.

Thank you!

www.alexmatei.com

Back to top

Profile PM Email Website

blink0k

Moderator

11

Years of Service

User Offline

Joined: 22nd Feb 2013

Location: the land of oz

Posted: 22nd Aug 2020 06:19

Link

have a look at setspritescissor()

Back to top

Profile PM

MateiSoft

11

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 22nd Aug 2020 11:41

Link

I see your point, but we must move the sprites and then trigger a scissor

www.alexmatei.com

Back to top

Profile PM Email Website

Scraggle

Moderator

20

Years of Service

User Offline

Joined: 10th Jul 2003

Location: Yorkshire

Posted: 22nd Aug 2020 15:06

Link

No you don't.
Try it and see. Set the scissor and move the sprites then see what happens.

Back to top

Profile PM Email

MateiSoft

11

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 22nd Aug 2020 18:59

Link

alright, i'll try

www.alexmatei.com

Back to top

Profile PM Email Website

MateiSoft

11

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 3rd Sep 2020 14:58 Edited at: 3rd Sep 2020 14:59

Link

is the scissoring working for multiple sprites?

Also, what's the principle behind the bounds? I don't really seem to fully understand it in order to get the bounds position correctly aligned.

Here is with what I came up:

// Project: spritescissortest 
// Created: 2020-09-03

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritescissortest" )
SetWindowSize( 1024, 768, 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 1024, 768 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

CreateImageColor(1, 255, 255, 255, 255)
CreateSprite(1, 1)
SetSpriteSize(1, 300, 300)
SetSpritePosition(1, 200, 300)
CreateImageColor(2, 255, 255, 255, 255)
CreateSprite(2, 2)
SetSpriteSize(2, 300, 300)
SetSpritePosition(2, 600, 300)

do
    
    if GetRawKeyState(32) = 1
	for sprt = 1 to 2
	SetSpritePosition(sprt, getspritex(sprt), getspritey(sprt) - 1)
	SetSpriteScissor(sprt, 0, 700, 500, 200)
	next sprt
	endif

Print( ScreenFPS() )
    Sync()
loop

+ Code Snippet



// Project: spritescissortest 
// Created: 2020-09-03

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritescissortest" )
SetWindowSize( 1024, 768, 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 1024, 768 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

CreateImageColor(1, 255, 255, 255, 255)
CreateSprite(1, 1)
SetSpriteSize(1, 300, 300)
SetSpritePosition(1, 200, 300)
CreateImageColor(2, 255, 255, 255, 255)
CreateSprite(2, 2)
SetSpriteSize(2, 300, 300)
SetSpritePosition(2, 600, 300)

do
    
    if GetRawKeyState(32) = 1
	for sprt = 1 to 2
	SetSpritePosition(sprt, getspritex(sprt), getspritey(sprt) - 1)
	SetSpriteScissor(sprt, 0, 700, 500, 200)
	next sprt
	endif

    Print( ScreenFPS() )
    Sync()
loop

EDIT: I believe I must expand the bounds?

www.alexmatei.com

Back to top

Profile PM Email Website

Scraggle

Moderator

20

Years of Service

User Offline

Joined: 10th Jul 2003

Location: Yorkshire

Posted: 3rd Sep 2020 16:33

Link

There are two things you are doing wrong there:
Firstly; you only need to set the the sprites scissor once. You don't need to put it in the main loop.
Secondly; you have misunderstood the parameters for your scissor. Y1 is 700 and Y2 is 200. That tries to create a box with a height of minus 500 which, of course, makes no sense!

Take a look at the code below, it demonstrates two sprites being scissored by two different scissor boxes:

// Project: spritescissortest 
// Created: 2020-09-03

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritescissortest" )
SetWindowSize( 800, 800, 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 800, 800 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

spr as integer[1]
x# = 400
y# = 400
for k = 0 to 1
	spr[k] = CreateSprite(0)
	SetSpriteSize(spr[k], 100, 100)
next k

SetSpriteColor(spr[0], 255, 0, 0, 255)
SetSpriteColor(spr[1], 0, 255, 0, 255)
SetSpriteScissor(spr[0], 100, 100, 700, 500)
SetSpriteScissor(spr[1], 100, 100, 500, 700)

red = MakeColor(255, 0, 0)
green = MakeColor(0, 255, 0)
c = 0
do
	print("Hold B to draw scissor bounds")
	SetSpritePositionByOffset(spr[0], x#+sin(c)*200, y#+cos(c)*200)
	SetSpritePositionByOffset(spr[1], x#+cos(c)*200, y#+sin(c)*200)
	inc c
	
	if GetRawKeyState(66)
		DrawBox(100, 100, 700, 500, red, red, red, red, 0)
		DrawBox(100, 100, 500, 700, green, green, green, green, 0)
	endif
	sync()
loop

+ Code Snippet

// Project: spritescissortest 
// Created: 2020-09-03

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritescissortest" )
SetWindowSize( 800, 800, 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 800, 800 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

spr as integer[1]
x# = 400
y# = 400
for k = 0 to 1
	spr[k] = CreateSprite(0)
	SetSpriteSize(spr[k], 100, 100)
next k

SetSpriteColor(spr[0], 255, 0, 0, 255)
SetSpriteColor(spr[1], 0, 255, 0, 255)
SetSpriteScissor(spr[0], 100, 100, 700, 500)
SetSpriteScissor(spr[1], 100, 100, 500, 700)

red = MakeColor(255, 0, 0)
green = MakeColor(0, 255, 0)
c = 0
do
	print("Hold B to draw scissor bounds")
	SetSpritePositionByOffset(spr[0], x#+sin(c)*200, y#+cos(c)*200)
	SetSpritePositionByOffset(spr[1], x#+cos(c)*200, y#+sin(c)*200)
	inc c
	
	if GetRawKeyState(66)
		DrawBox(100, 100, 700, 500, red, red, red, red, 0)
		DrawBox(100, 100, 500, 700, green, green, green, green, 0)
	endif
	sync()
loop

Back to top

Profile PM Email

Sorry your browser is not supported!

AppGameKit Studio Chat / Sprite Mask