DrawBox and Sprites - GameCreators Forum

Author

Message

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 12:33

Link

Hello Community,

I created a box using drawbox command and I want to transform it into an image and into a sprite, then. Anyone know any command that I can retrieve some parameters from the box I made? Thank you!

+ Code Snippet

if GetRawMouseMiddleState() = 1
	gtms = gtms + 1
	if gtms = 2
	oldmsx# = getrawmousex()
	oldmsy# = getrawmousey()
	endif
	DrawBox(oldmsx#, oldmsy#, getrawmousex(), getrawmousey(), 255, 255, 255, 255, 0)
	else
	if GetRawMouseMiddleState() = 0
	gtms = 0
	endif
	endif

www.alexmatei.com

Back to top

Profile PM Email Website

puzzler2018

User Banned

Posted: 4th Jul 2018 12:53

Link

I normally use

swap()
drawbox( x1, y1, x2, y2 ....................)
render()
BoxSprite = createsprite ( getimage( x1, y1, x2, y2 ))

But this will work on preprocessing (before you head into the main loop )

Im not sure how effective it will be if its running in the main loop, cause will need

swap() and render() for it to grab the image and using those commands will make your screen go blank for a split second.

Others may have some other insirational ideas im sure.

Back to top

Profile

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 13:03

Link

I think if I use in an instance like when not clicking the middle mouse and iterate it once, it should work.

www.alexmatei.com

Back to top

Profile PM Email Website

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 4th Jul 2018 13:27

Link

If you're just drawing a box, there's really no need grabbing the image then a sprite, you can just make a sprite and use 0 for the image number. This will make a blank sprite which you can size and color however you want.

+ Code Snippet

boxSprite = createSprite(0)
setSpriteSize(boxSprite, width, height)
setSpriteColor(boxSprite, r, g, b, a)

Tiled TMX Importer V.2
XML Parser V.2
Base64 Encoder/Decoder
Purple Token - Free online hi-score database
Legend of Zelda

"I like offending people, because I think people who get offended should be offended." - Linus Torvalds

Back to top

Profile PM Email Website

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 13:34 Edited at: 4th Jul 2018 13:34

Link

Hi Phaelax,

Think about the fact that I create a rubber selector for some sprites in a scene. I tried resizing a sprite by "getrawmousex()" and "getrawmousey()" coordinates, but it returns the wrong size. I have "drawbox" rubber band and I want the sprite create afterwards to have the same size as the "drawbox"

www.alexmatei.com

Back to top

Profile PM Email Website

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 4th Jul 2018 13:37

Link

I'm not following. You can resize the sprite box anytime to any size. Are you drawing a solid box or just the outline?

Tiled TMX Importer V.2
XML Parser V.2
Base64 Encoder/Decoder
Purple Token - Free online hi-score database
Legend of Zelda

"I like offending people, because I think people who get offended should be offended." - Linus Torvalds

Back to top

Profile PM Email Website

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 13:46

Link

just the outline.

Let me put this scenario: Middle Click -> DrawBox(not filled, so just the outline) -> Drawbox, follows the cursor while we still have middle click state 1 -> Let go of Middle Click, create a sprite and resize it same as the previous box (drawbox)

www.alexmatei.com

Back to top

Profile PM Email Website

Van B

Moderator

22

Years of Service

User Offline

Joined: 8th Oct 2002

Location: Sunnyvale

Posted: 4th Jul 2018 14:19

Link

You would probably be better off just storing the values, like store the start X and Y of the selection box then store the end X and Y until the mouse button is released, then you'd have the 2 sets of coordinates.

Then, you would use those to decide what size to make the sprite and where it starts - width is X2-X1, height is Y2-Y1, then you can SETSPRITESIZE for that, and SETSPRITEPOSITION to X1,Y1 and it'll be in the same place as the selection. Is this so you can check for collisions on sprites to know what is selected?

I think I said I'd make you an example for this but never got round to it. Feel free to catch me on FB later if you get stuck.

The code is dark and full of errors

Back to top

Profile PM Email

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 14:32 Edited at: 4th Jul 2018 14:32

Link

Hello Andrew!
Nice to see you again!

Yes it is indeed! One more try, here:

I have the following code:

+ Code Snippet


if GetRawMouseMiddleState() = 1
	beginrender = 1
	gtms = gtms + 1
	if gtms = 2
	oldmsx# = getrawmousex()
	oldmsy# = getrawmousey()
	endif
	crrmsx# = getrawmousex()
	crrmsy# = getrawmousey()
	DrawBox(oldmsx#, oldmsy#, crrmsx#, crrmsy#, 255, 255, 255, 255, 0)
	endif
	
	if GetRawMouseMiddleState() = 0
	
	if beginrender = 1
	CreateImageColor(1999, 255, 255, 255, 255)
	CreateSprite(1999, 1999)
	SetSpritePosition(1999, oldmsx#, oldmsy#)
	SetSpriteSize(1999, crrmsx#, crrmsy#)
	beginrender = 0
	endif
	
	gtms = 0
	endif

I store the values exactly as mentioned but the size is wrong

www.alexmatei.com

Back to top

Profile PM Email Website

Markus

Valued Member

20

Years of Service

User Offline

Joined: 10th Apr 2004

Location: Germany

Posted: 4th Jul 2018 14:48 Edited at: 4th Jul 2018 14:49

Link

This post has been marked by the post author as the answer.

u need the distance between, drawbox using absolute position for the rectangle corners but the sprite size only width and height
width#=abs(crrmsx# -oldmsx# )
height#=abs(crrmsy#-oldmsy# )

AGK (Steam) V2017.12.12 : Windows 10 Pro 64 Bit : NVIDIA (390.65) GeForce GTX 1050 Ti : Mac mini OS High Sierra (10.13)

Back to top

Profile PM Email

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 17:12

Link

One other question,

If I want to move a sprite by mouse but starting from it's (sprite) position, how can I add this feature?

+ Code Snippet

SetSpritePositionByOffset(spritesselectedarrayvar[sprtsmvemse].spritesselected, getrawmousex(), getrawmousey())

Thank you for your help!

www.alexmatei.com

Back to top

Profile PM Email Website

puzzler2018

User Banned

Posted: 4th Jul 2018 17:47

Link

Set the mouse position first of the sprite with

SetRawMousePosition( GetSpriteX( spr ) , GetSpriteY ( spr) )

But others probably have a better solution - im not 2D anymore

Back to top

Profile

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 17:49

Link

Forgot to mention that I have multiple sprites to move

www.alexmatei.com

Back to top

Profile PM Email Website

puzzler2018

User Banned

Posted: 4th Jul 2018 18:00

Link

Are you making something like a card game - so can pick up cards and move - just out of interest..

try looping through,

+ Code Snippet

// set the first selected sprite
selectedsprite=spritesselectedarrayvar[1].spritesselected

do

for sprtsmvemse=0 to spritesselectedarrayvar.length


        if selectedsprite = spritesselectedarrayvar[sprtsmvemse].spritesselected and GetRawMouseMiddleReleased()<>0 then // we are currently pressing the middle button
// Dont enter this IF if we release the middle button

 // set the new sprite
               selectedsprite=spritesselectedarrayvar[sprtsmvemse].spritesselected
// set the position
               SetSpritePositionByOffset(spritesselectedarrayvar[sprtsmvemse].spritesselected, getrawmousex(), getrawmousey())
        
               
               break // get out of the FOR loop

       endif

next
sync()
loop

This is really rough and not tested - but thats how i would achieve it

Back to top

Profile

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 4th Jul 2018 18:08

Link

It's an editor.

I tried looping through but all the sprites are positioning where the mouse is. All of them.

www.alexmatei.com

Back to top

Profile PM Email Website

puzzler2018

User Banned

Posted: 4th Jul 2018 18:18

Link

Try

// Project: spritemoveexample 
// Created: 2018-07-04

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritemoveexample" )
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( 30, 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

type _button
	id
	x#
	y#
	selected
endtype
global button as _button[10]

for a=0 to button.length
	button[a].id = createsprite(0)
	SetSpriteSize(button[a].id,20,50)
	
	button[a].x# = a * 2
	button[a].y# = 100
	
	SetSpritePosition(button[a].id, button[a].x# * GetSpriteWidth(button[a].id)+10, button[a].y#)
	
next

mouse = createsprite(0) : setspritesize(mouse,1,1)

do
    SetSpritePosition(mouse, getpointerx(), getpointery())
    
    
    for a=0 to button.length
		if GetSpriteCollision(mouse, button[a].id)
			
			print ("Button " + str(a) + "-" + str(button[a].id) + " Hit")
			
		endif
		
		
		
		
		if GetSpriteCollision(mouse, button[a].id) and GetRawMouseLeftState()
			
			button[a].x# = getpointerx()
			button[a].y# = getpointery()
			
			SetSpritePositionByOffset(button[a].id, button[a].x#, button[a].y#)
		endif

next
    Print( ScreenFPS() )
    Sync()
loop

+ Code Snippet



// Project: spritemoveexample 
// Created: 2018-07-04

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritemoveexample" )
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( 30, 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


type _button
	id
	x#
	y#
	selected
endtype
global button as _button[10]

for a=0 to button.length
	button[a].id = createsprite(0)
	SetSpriteSize(button[a].id,20,50)
	
	button[a].x# = a * 2
	button[a].y# = 100
	
	SetSpritePosition(button[a].id, button[a].x# * GetSpriteWidth(button[a].id)+10, button[a].y#)
	
next

mouse = createsprite(0) : setspritesize(mouse,1,1)



do
    SetSpritePosition(mouse, getpointerx(), getpointery())
    
    
    for a=0 to button.length
		if GetSpriteCollision(mouse, button[a].id)
			
			print ("Button " + str(a) + "-" + str(button[a].id) + " Hit")
			
		endif
		
		
		
		
		if GetSpriteCollision(mouse, button[a].id) and GetRawMouseLeftState()
			
			button[a].x# = getpointerx()
			button[a].y# = getpointery()
			
			SetSpritePositionByOffset(button[a].id, button[a].x#, button[a].y#)
		endif
		
		


	next
    Print( ScreenFPS() )
    Sync()
loop

Back to top

Profile

MateiSoft

12

Years of Service

User Offline

Joined: 22nd Oct 2012

Location:

Posted: 5th Jul 2018 17:55

Link

Hi puzzler,

It still positioning in the middle of the mouse

www.alexmatei.com

Back to top

Profile PM Email Website

puzzler2018

User Banned

Posted: 5th Jul 2018 19:25

Link

Jeeeze that was certainly mind boggling

// Project: spritemoveexample 
// Created: 2018-07-04

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritemoveexample" )
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( 30, 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

type _button
	id
	x#
	y#
	selected
endtype
global button as _button[10]

for a=0 to button.length
	button[a].id = createsprite(0)
	SetSpriteSize(button[a].id,50,50)
	
	button[a].x# = a * 2
	button[a].y# = 100
	
	SetSpritePosition(button[a].id, button[a].x# * GetSpriteWidth(button[a].id)+10, button[a].y#)
	
next

mouse = createsprite(0) : setspritesize(mouse,1,1)
hit=0

do
    SetSpritePosition(mouse, getpointerx(), getpointery())
    
    
    for a=0 to button.length
		if GetSpriteCollision(mouse,button[a].id)
			selectedsprite=button[a].id
		endif
		
		if GetRawMouseLeftPressed()
			
			
				
		endif
		
		if GetSpriteCollision(mouse, button[a].id) and GetRawMouseLeftState()
			if hit=0
				offsetx# = getspritex(button[a].id) - getpointerx()
				offsety# = getspritey(button[a].id) - getpointery() 
				hit=1
			endif

if selectedsprite= button[a].id 
				button[a].x# = getpointerx() + offsetx#
				button[a].y# = getpointery() + offsety#
				
				
				SetSpritePosition(button[a].id, button[a].x#, button[a].y#)
		
				selectedsprite=button[a].id
			endif
		
		endif
		if GetRawMouseLeftReleased()
			hit=0
		endif

next
    Print( ScreenFPS() )
    Sync()
loop

+ Code Snippet



// Project: spritemoveexample 
// Created: 2018-07-04

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "spritemoveexample" )
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( 30, 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


type _button
	id
	x#
	y#
	selected
endtype
global button as _button[10]

for a=0 to button.length
	button[a].id = createsprite(0)
	SetSpriteSize(button[a].id,50,50)
	
	button[a].x# = a * 2
	button[a].y# = 100
	
	SetSpritePosition(button[a].id, button[a].x# * GetSpriteWidth(button[a].id)+10, button[a].y#)
	
next

mouse = createsprite(0) : setspritesize(mouse,1,1)
hit=0


do
    SetSpritePosition(mouse, getpointerx(), getpointery())
    
    
    for a=0 to button.length
		if GetSpriteCollision(mouse,button[a].id)
			selectedsprite=button[a].id
		endif
		
		if GetRawMouseLeftPressed()
			
			
				
		endif
		
		if GetSpriteCollision(mouse, button[a].id) and GetRawMouseLeftState()
			if hit=0
				offsetx# = getspritex(button[a].id) - getpointerx()
				offsety# = getspritey(button[a].id) - getpointery() 
				hit=1
			endif
	


			if selectedsprite= button[a].id 
				button[a].x# = getpointerx() + offsetx#
				button[a].y# = getpointery() + offsety#
				
				
				SetSpritePosition(button[a].id, button[a].x#, button[a].y#)
		
				selectedsprite=button[a].id
			endif
		
		endif
		if GetRawMouseLeftReleased()
			hit=0
		endif
		


	next
    Print( ScreenFPS() )
    Sync()
loop

Back to top

Profile

fubarpk

Retired Moderator

19

Years of Service

User Offline

Joined: 11th Jan 2005

Playing: AGK is my friend

Posted: 6th Jul 2018 07:34

Link

SetSpriteOffset ( iSpriteIndex, x, y )
The offset point is the point that the sprite will rotate around, with (0,0) being the top left corner and (width,height) being the bottom right corner. The offset can also be used to position the sprite using SetSpritePositionByOffset,

SetSpritePositionByOffset ( iSpriteIndex, fX, fY )
mmediately positions the specified sprite to the given X,Y world coordinates. The default world coordinate system has 0,0 as the top left corner, and 100,100 as the bottom right hand corner of the screen (this can be changed using SetVirtualResolution).

fubar

Back to top

Profile PM Email Website

Sorry your browser is not supported!

AppGameKit Classic Chat / [SOLVED] DrawBox and Sprites