Transparency with get image doesn't work

Author

Message

NA170425

User Deleted

Posted: 5th Oct 2006 01:51

Ok, when I load an image and make a transparent sprite from it, it works, but when I use get image and make a sprite out of the captured image, it doesn't turn transparent when I make a sprite.

Here's my code.

+ Code Snippet

Rem Project: Breakout
Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****

rem start the syncs
sync on
sync rate 0
hide mouse

rem load the media
set image colorkey 255, 0, 255
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0

set image colorkey 255, 0, 255
get image 1, 0, 0, 84, 186, 1

sprite 1, 0, 0, 1
scale sprite 1, 500
set sprite 1, 1, 1
do
   cls
   ink -1, 0
   box 0, 0, 1280, 1024
   sprite 1, mousex(), mousey() - 500, 1
   sync
loop

I have another question...
I've seen many image files that have several individual images in them against the pink background. Are we supposed to use get image to capture these images on-the-fly, or copy each one to it's own file and load them one by one?

Need a text box? Get one here.
http://forum.thegamecreators.com/?m=forum_view&t=90039&b=1.

Back to top

Profile PM Email Website

Zergei

21

Years of Service

User Offline

Joined: 9th Feb 2005

Location: Everywhere

Posted: 5th Oct 2006 04:07

Link

Your forgetting that when you grab the image from the screen, the transparency color has already been discarted, thus you have black instead of pink, according to your code, and no transparency at all.

Quote: "I've seen many image files that have several individual images in them against the pink background. Are we supposed to use get image to capture these images on-the-fly, or copy each one to it's own file and load them one by one?"

I do that, however, i've done a little program that fits to my needs on that. I basically just got to put all images in a pattern, then the program would catch them by itself, then within it i can adjust eachs images offset, save it, and use that saved file in my game to know where each image is.

Further on my stuff at...

Back to top

Profile PM Email Website

Scraggle

Moderator

22

Years of Service

User Offline

Joined: 10th Jul 2003

Location: Yorkshire

Posted: 5th Oct 2006 11:05

Link

With the latest updates you can now grab transparency. You will need to use the command SET BITMAP FORMAT 21 before any other bitmap commands and when you GET the image you will need to set the texture flage to 2.

+ Code Snippet

GET IMAGE Image Number, Left, Top, Right, Bottom, Texture Flag

Failing that I have written some code to get an image with transparency using memblocks. It's in the code snippets somewhere.

Back to top

Profile PM Email

NA170425

User Deleted

Posted: 5th Oct 2006 23:40 Edited at: 5th Oct 2006 23:44

Link

Quote: "Your forgetting that when you grab the image from the screen, the transparency color has already been discarted, thus you have black instead of pink, according to your code, and no transparency at all."

So, set image colorkey changes the pink color to transparent black? I'm a little confused, I had the paste sprite transparency flag set off, so how could the transparency have been discarded? It couldn't have gotten the black from the backdrop because transparency is off, so the pink must have changed to black somehow. This must be because of set image colorkey, does it change all the pink pixels to black and turn up the alpha?

I put set image colorkey right before get image so the pasted image would have the pink in it and get image could make it transparent, and it works now. Thank you.

[edit]
I tried to make a program like the one you said, but I had never done a program like that before and it was faster to just copy and save them manually.

Need a text box? Get one here.
http://forum.thegamecreators.com/?m=forum_view&t=90039&b=1.

Back to top

Profile PM Email Website

NA170425

User Deleted

Posted: 6th Oct 2006 02:17

Link

Ugh, now there's another problem. When I use sprite hit(x, 0) it always returns 0 and sometimes crashes the program. I searched and this is in the Bug Reports and it was supposed to be fixed in DBP 5.9 and I have 6.2, what's going on?

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****

rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game
sprite 1, 0, 0, 1
set sprite 1, 0, 0

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do

rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

sync
loop

+ Code Snippet

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****


rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game
sprite 1, 0, 0, 1
set sprite 1, 0, 0

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do

   rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

   rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

   rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

   rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

   rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

   rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

   sync
loop

Need a text box? Get one here.
http://forum.thegamecreators.com/?m=forum_view&t=90039&b=1.

Back to top

Profile PM Email Website

Zergei

21

Years of Service

User Offline

Joined: 9th Feb 2005

Location: Everywhere

Posted: 6th Oct 2006 05:07

Link

I ran your code, and had no problems at all...

Further on my stuff at...

Back to top

Profile PM Email Website

NA170425

User Deleted

Posted: 6th Oct 2006 22:08

Link

It doesn't crash anymore but the breakout tiles don't dissapear when the ball hits them, did that happen when you ran it?

When I use 0 for the second parameter of sprite hit, it always returns 0 even if the sprite in question is intersecting another sprite.

+ Code Snippet

block = sprite hit(2, 0)
if block > 3 then delete sprite block

But, if I do it this way, it works.

+ Code Snippet

   rem if the ball hits a block, make it bounce
   for block = 4 to 109
      if sprite exist(block)
         if sprite hit(2, block)
            delete sprite block
         endif
      endif
   next block

Need a text box? Get one here.
http://forum.thegamecreators.com/?m=forum_view&t=90039&b=1.

Back to top

Profile PM Email Website

Zergei

21

Years of Service

User Offline

Joined: 9th Feb 2005

Location: Everywhere

Posted: 7th Oct 2006 00:52

Link

Not sure about the sprite hit command, what i do know is that in order to make it look "ok", i had to add the command "cls" right in the beggining of the loop, that is like this:

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****

rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game
sprite 1, 0, 0, 1
set sprite 1, 0, 0

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do
   cls
   rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

sync
loop

+ Code Snippet

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****


rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game
sprite 1, 0, 0, 1
set sprite 1, 0, 0

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do
   cls
   rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

   rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

   rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

   rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

   rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

   rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

   sync
loop

The reason i had to do so, was due to the sprites left their trace.

Further on my stuff at...

Back to top

Profile PM Email Website

NA170425

User Deleted

Posted: 7th Oct 2006 14:50

Link

Were you using a 640*480 image for backdrop.bmp? I didn't need to use cls because the backdrop sprite is rendered before everything else. By the way, Pieces.bmp is from the Artist's Challenge thread. For me, the sprite hit command works for images loaded, but not image that were captured with get image.

Need a text box? Get one here.
http://forum.thegamecreators.com/?m=forum_view&t=90039&b=1.

Back to top

Profile PM Email Website

Zergei

21

Years of Service

User Offline

Joined: 9th Feb 2005

Location: Everywhere

Posted: 7th Oct 2006 18:27

Link

Quote: "For me, the sprite hit command works for images loaded, but not image that were captured with get image."

The sprite hit works with sprites, and sprites alone, either their image was captured or loaded.

Oh, and i found out why is it that it doesn't work. Your background is a sprite, right?.... so "sprite hit(2, 0)" will always return 1 as its the backgroung sprite. Replace the background with a pasted image, like this...

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****

rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do
   paste image 1,0,0
   rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

sync
loop

+ Code Snippet

Rem Created: 10/4/2006 6:07:01 PM

Rem ***** Main Source File *****


rem start the syncing
sync on
sync rate 100
hide mouse

rem all the media besides the backdrop is in a single file
load image "Pieces.bmp", 1, 1
paste image 1, 0, 0
set image colorkey 255, 0, 255

rem get the ball image
get image 2, 43, 145, 57, 159, 1

rem get the paddle image
get image 3, 0, 163, 57, 173, 1

rem get the tiles
local tile as integer
local coordinate as integer
for tile = 4 to 10
   get image tile, 0, coordinate, 41, coordinate + 18, 1
   inc coordinate, 18
next tile

rem we're done with the main media file, now we need to load the backdrop
delete image 1
load image "Backdrop.bmp", 1, 1

rem set up the game

sprite 2, 100, 100, 2
set sprite 2, 0, 1
offset sprite 2, 6, 6

sprite 3, 0, 400, 3
set sprite 3, 0, 1

rem make all the blocks
local block as integer
local color as integer
block = 4
for color = 4 to 10
   for tile = 1 to 15
      sprite block, (tile * 41) - 28.5, color * 18, color
      inc block
   next tile
next color

local ball_x_momentum as float
local ball_y_momentum as float
ball_x_momentum = 5
ball_y_momentum = 5

do
   paste image 1,0,0
   rem move the ball
   sprite 2, sprite x(2) + ball_x_momentum, sprite y(2) + ball_y_momentum, 2

   rem if the ball hits the ceiling, make it bounce
   if sprite y(2) + sprite height(2) / 2 >= 480 or sprite y(2) - sprite height(2) / 2 <= 0 then ball_y_momentum = -ball_y_momentum

   rem if the ball hits the wall, make it bounce
   if sprite x(2) + sprite width(2) / 2 >= 640 or sprite x(2) - sprite width(2) / 2 <= 0 then ball_x_momentum = -ball_x_momentum

   rem if the ball hits the paddle, make it bounce
   if sprite hit(2, 3) then ball_y_momentum = -ball_y_momentum

   rem if the ball hits a block, make it bounce
   block = sprite hit(2, 0)
   if block > 3 then delete sprite block

   rem move the paddle
   sprite 3, mousex(), 400, 3
   if sprite x(3) + sprite width(3) > 640 then sprite 3, 640 - sprite width(3), 400, 3

   sync
loop

It now works fine for me, just take a look at the attached pic.

Further on my stuff at...

Back to top

Profile PM Email Website

NA170425

User Deleted

Posted: 8th Oct 2006 03:54

Link

Ok, I get it. The sprite hit command seems returns the first to return the first colliding sprite it finds.

I already finished the breakout game this afternoon so I guess I'll keep it the way it is.

Thanks anyway, though.

Confucius Say...

Back to top

Profile PM Email Website

Sorry your browser is not supported!

2D All the way! / Transparency with get image doesn't work