Spawning Multiple Images with Gravity and Touch to Change Image ETC!

Games
#1

Hey everyone!

I am a new Corona user and as much as I love it, I am also very confused. Everything is going pretty good but there is just one thing that is driving me nuts.

I have 3 different color balloons, 2 of each color. I want them to spawn from the bottom and float up to the top of the screen. I want it to be able that when you tap on say Balloon(1A).png it changes to Balloon(1B).png. I know that doesn’t sound too complex, but there has been a lot of problems. I can’t seem to figure out how to make it so all 6 images will be spawned randomly, not all at once, but come up at different times. I want the balloons 1(A),2(A),3(A) versions to appear more often then balloons 1(B),2(B),3(B).

I was able to make a balloon spawn from the bottom, fly to the top, and remove when it gets there.

[code]–> Balloon 1A
local listener1 = function( balloon1AObject )
balloon1AObject:removeSelf()
end

local balloon1AObject = display.newImage( “images/Balloon(1A).png” )
balloon1AObject.x = math.random(40,300); balloon1AObject.y = 800
balloon1AObject.myName = “balloon1A”
balloon1AObject.transToballoon1A = transition.to(balloon1AObject, {time=7000, x=200, y=-500, onComplete=listener1 })

localGroup:insert(balloon1AObject)
end
tmrballoon1A = timer.performWithDelay( 3000, fnballoon1A, 0 )[/code]

If you could please guide me on how to get this done, it would be greatly appreciated.
[import]uid: 118461 topic_id: 20660 reply_id: 320660[/import]

#2

Sprites!

Create a spritesheet with all your balloon images; it’s the easiest, neatest way to cheage the balloon image when it’s touched.

For spawning, you would likely use two different timers to spawn the two different balloons - one more frequently than the other.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 81191[/import]

#3

Could you give me a demo of the spritesheet? They are very confusing to me, and a demo would clear it up. Thanks for your reply though, I am excited to test it out! [import]uid: 118461 topic_id: 20660 reply_id: 81248[/import]

#4

Take the greendude sprite out of CoronaSDK > SampleCode > Sprites > JungleScene and put it in a new project.

Test this code;

[lua]display.setStatusBar (display.HiddenStatusBar)

require “sprite”

– A sprite sheet with a green dude (from JungleScene)
local sheet2 = sprite.newSpriteSheet( “greenman.png”, 128, 128 )

local spriteSet2 = sprite.newSpriteSet(sheet2, 1, 15)
sprite.add( spriteSet2, “man”, 1, 15, 200, 0 ) – play 15 frames every 200 ms

local instance2 = sprite.newSprite( spriteSet2 )
instance2.x = 160
instance2.y = 100

local function setFrame()
instance2.currentFrame = instance2.currentFrame + 1
end
instance2:addEventListener(“tap”, setFrame)[/lua]

All that does is shows you how to set up a sprite and when it is clicked change the frame.

It isn’t perfect for what you want to do but should give you a basic understanding of sprites and frames.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 81439[/import]

#5

I had adjusted the code to what I thought would work…

[code]local sheet2 = sprite.newSpriteSheet( “images/RedBalloonNON-Lite.png”, 270, 165 )

local spriteSet2 = sprite.newSpriteSet(sheet2, 1, 2)
sprite.add( spriteSet2, “redballoonnl”, 1, 2, 200, 0 )

local instance2 = sprite.newSprite( spriteSet2 )
instance2.x = 160
instance2.y = 100

local function setFrame()
instance2.currentFrame = instance2.currentFrame + 1
end
instance2:addEventListener(“tap”, setFrame)[/code]

but then I get the error “sequence frames must be inside the sheet”. Is there something I am missing? Do the sprite images need to be a certain size? Also will I be able to use transitions with sprites?

Thanks so much for your help Peach!! [import]uid: 118461 topic_id: 20660 reply_id: 81487[/import]

#6

Yes you can transition sprites just like other images or shapes :slight_smile:

The sheet error is that your frames don’t match what you’re telling the simulator they are - what size is your sheet? (Width and height, how many frames?)

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 81633[/import]

#7

Awesome!

My sheet is 270 x 165. Does it need to be a certain size like 256 x 256? The reason it is that size is because I plan on having multiple sprite sheets, one for 1A to 1B, one for 1B to 1A, and then repeat of that for balloons 2 and 3. Therefore it is only two frames in that sprite, 1A and 1B. Would it be smarter to have one big sheet with all the balloons on it and for each sprite tell it to only call frame 1A and 1B or 1B and 1A or? [import]uid: 118461 topic_id: 20660 reply_id: 81663[/import]

#8

Hey Matt,

You could use one big sheet but multiples works fine too. I personally prefer multiples, although that’s just me being stuck in my ways - how do you want to do it?

For your sheet, 270 wide, 165 high? That’s the issue. In your code you say;
[lua]local sheet2 = sprite.newSpriteSheet( “images/RedBalloonNON-Lite.png”, 270, 165 )[/lua]

Try changing that to;

[lua]local sheet2 = sprite.newSpriteSheet( “images/RedBalloonNON-Lite.png”, 135, 165 )[/lua]

This is because that should be the frame width and height, not the sheet width and height.

Let me know how that goes.

Peach :slight_smile:

PS - I am assuming your images are side by side, not top to bottom, let me know if I am mistaken. [import]uid: 52491 topic_id: 20660 reply_id: 81801[/import]

#9

Hey Peach,

Ahhh, thank you so much! Finally got what I needed!

Since I was able to get that working thanks to you, I was wondering if we could move onto part 2 of my question. How do I get all 6 balloons to transition up at random times in random spots? I knew for having the 3 I want to appear the most to put on 1 timer, and the other 3 to a different timer, but could you give me an example of how I group these sprites into one timer while telling it to appear from the bottom at a random x position? I suppose listeners are involved? Also, what do I do to kill these balloons when they are off screen?

As far as positioning the balloons and transitioning them, this is correct, right?

balloon1AObject.x = math.random(40,300); balloon1AObject.y = 800 balloon1AObject.transToballoon1A = transition.to(balloon1AObject, {time=7000, x=200, y=-500})

Thanks again Peach, you rock! [import]uid: 118461 topic_id: 20660 reply_id: 81965[/import]

#10

Hey Matt,

You’d likely write a function around the code that you use to create the balloon, making the x random, then putting that on a timer that goes off 3 times.

If that isn’t clear enough let me know and I’ll try to write some simple plug and play for you if I can :slight_smile:

Peach [import]uid: 52491 topic_id: 20660 reply_id: 82129[/import]

#11

Hey Peach,

If you could please write a plug and play, I’d greatly appreciate it!

Matt [import]uid: 118461 topic_id: 20660 reply_id: 82197[/import]

#12

Hey Matt,

This is very basic but should help;
[lua]display.setStatusBar (display.HiddenStatusBar)

math.randomseed(os.time())

local function spawnBalloon1 (event)
ranX = math.random(20,300)
local balloon1 = display.newCircle( ranX, 530, 20 )
transition.to(balloon1, {time=2500, y=-50, onComplete = function() balloon1:removeSelf() end})
end
timer.performWithDelay(500, spawnBalloon1, 5)

local function spawnBalloon2 (event)
ranX = math.random(20,300)
local balloon2 = display.newCircle( ranX, 530, 20 )
balloon2:setFillColor(255, 0, 0)
transition.to(balloon2, {time=2700, y=-50, onComplete = function() balloon2:removeSelf() end})
end
timer.performWithDelay(600, spawnBalloon2, 5)[/lua]

Of course rather than circles you’d use your sprite and set the frame rather than the color.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 82236[/import]

#13

Hey Peach,

I know, I’m a noob. I am still trying to get this to work correctly, so what I tried was the 2nd balloon, and the sprite shows up, but it doesn’t transition or show up in the right spot. I really don’t understand these sprites at all.

[code]display.setStatusBar (display.HiddenStatusBar)

math.randomseed(os.time())

local function spawnBalloon1 (event)
ranX = math.random(20,300)
local balloon1 = display.newCircle( ranX, 530, 20 )
transition.to(balloon1, {time=2500, y=-50, onComplete = function() balloon1:removeSelf() end})
end
timer.performWithDelay(500, spawnBalloon1, 5)

local function spawnBalloon2 (event)
ranX = math.random(20,300)
local balloon2 = sprite.newSprite( spriteSet2 )
local function setFrame()
balloons2.currentFrame = balloon2.currentFrame + 1
end
transition.to(balloon2, {time=2700, y=-50, onComplete = function() balloon2:removeSelf() end})
end
timer.performWithDelay(600, spawnBalloon2, 5)[/code]

Also, can I do like spawnBalloon2 for 3 balloons, so they all follow the timer for spawnBalloon2. I would like for all 3 balloons to be grouped so that if I say spawn 5, it spawns just 5 not at the same time, so they don’t all come up at the same time like 5 billion balloons, it would be confusing. [import]uid: 118461 topic_id: 20660 reply_id: 82267[/import]

#14

Try taking out lines 15 and 17 above (because it doesn’t need to be a function) and changing line 16 from;
[lua]balloons2.currentFrame = balloon2.currentFrame + 1[/lua]
to
[lua]balloon2.currentFrame = balloon2.currentFrame + 1[/lua]

(It had a typo.)

For your last question I need you to be clearer about what you are asking - it sounds like you just want to spawn three balloons which you could do by changing 5 to 3 in the timer.

Maybe you mean you want three to spawn at once?

Let me know.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 82417[/import]

#15

Hey Peach, I changed the code as you said and it spawns in the to left and it flys up, but its already at the top, plus it automatically changes right away to what the touch use to do.

local function spawnBalloon2 (event) ranX = math.random(20,300) local balloon2 = sprite.newSprite( spriteSet2 ) balloon2.currentFrame = balloon2.currentFrame + 1 transition.to(balloon2, {time=2700, y=-500, onComplete = function() balloon2:removeSelf() end}) end timer.performWithDelay(600, spawnBalloon2, 5)

What I meant was, look at it like this… I have 3 ballons, and two versions of each, 1A, 1B, 2A, 2B, 3A, 3B. 1A, 2A, 3A are regular plain balloons. 1B, 2B, 3B are lit versions of those balloons. The objective of the game is to tap the non-lit balloons to make them lit, and avoid tapping lit balloons and making them non-lit.

I wanted to have two spawn groups, one that would spawn more then the other. The first one would spawn all the A balloons, and the other would spawn all the B balloons.

I really appreciate all the help, hopefully it gets solved soon! Thanks!

If you understand what I mean, I want spawn A to spawn only the non-lit balloons, just like it would spawn red circles, but I’d want it to actually spawn those 3 ballons as if it was one object. Does this make sense? [import]uid: 118461 topic_id: 20660 reply_id: 82499[/import]

#16

A quick update:
I switch the code around to this

local function spawnBalloon2 (event) local balloon2 = sprite.newSprite( spriteSet2 ) balloon2.x = math.random(20,300) balloon2.y = 800 balloon2.currentFrame = balloon2.currentFrame + 1 transition.to(balloon2, {time=4700, y=-50, onComplete = function() balloon2:removeSelf() end}) end timer.performWithDelay(1000, spawnBalloon2, 5)

It is now spawning from the bottom at a random x and going to the top.

Problem is, they spawn as if they were already touched, so if you could help me with that and answer the other question, that’d be great! [import]uid: 118461 topic_id: 20660 reply_id: 82501[/import]

#17

Can you upload a sample zip of this so I can test it? I’m pretty swamped but I can try to make time to check it out for you.

It may be a matter of spawning them in a table for unique names.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 82643[/import]

#18

Here is a link to the zipped file: Click here [import]uid: 118461 topic_id: 20660 reply_id: 82709[/import]

#19

I just looked and am a little confused; you have two balloon images, one has a white bit the other doesn’t - so two frames. If you want them spawning normal you’d do nothing, if you want them on the second frame at spawn time you’d do balloon2.currentFrame = 2

As to them spawning as though they were already touched, I don’t know what that means because they don’t have touch listeners on them.

If you can elaborate further I can try to help but it’s a little confusing at this point because I can’t envision quite what you are going for yet.

Peach :slight_smile: [import]uid: 52491 topic_id: 20660 reply_id: 82739[/import]

#20

Hi Peach,

The reason why I had a balloon already there spawning on the screen was because from the help you gave me, I had it where it would spawn and I could click to change it to the other frame, just don’t mind that one. I only adjusted one of the spawners of the circles you provided me with, I left one set of circles there and changed the other to a sprite. So I only played with this code:

---Spawn Balloon 2 local function spawnBalloon2 (event) ranX = math.random(40,300) local balloon2 = sprite.newSprite( spriteSet2 ) balloon2.x = math.random(20,300) balloon2.y = 800 transition.to(balloon2, {time=4700, y=-50, onComplete = function() balloon2:removeSelf() end}) end timer.performWithDelay(1000, spawnBalloon2, 5)

The reason they aren’t equipped with touch listeners, etc, is because I am confused and would like if you could possibly provide me with a demo of exactly how I want it so I can further learn, since I’m a week old noob.

Let me explain the game.

Each level, balloons fly up. Its night time, and your objective is to light the sky up. When the balloons fly up, you want to tap the non-lit balloons. (a.k.a the ones without the little white things) When you tap it, they light up (the white thing appears) and it minuses 1 from the amount of ballons you need to light. You want to avoid the ones already lit. (a.k.a the ones with the little white things) If you tap one already lit, the light disappears (the white thing disappears) and it makes you lose a star. If you lose all 3 stars you lose. If the level says you need to lit 10 balloons, once you have done so, you beat that level. What I am looking for, is the ability to spawn these balloons at random x values from the bottom to transition to the top. I’d like 3 of the 6 balloons to appear more often then the other, but not to come up at the same time. What I mean is like, you know those white circles that spawned, I would like those to be 3 balloons, and tell it to spawn more often then the red circles, which would be the other 3 balloons. I want the non-lit to appear more often then those that are lit.

Does this make sense? [import]uid: 118461 topic_id: 20660 reply_id: 82756[/import]