Changing an image each time in a loop

helloworld2013d · April 7, 2015, 1:02am

Hello

I am learning a lot about loops, thanks to all of you.

I using this post, for future reference and for anyone like me

really new to loops.

a basic loop with a “touch” function

&nbsp;&nbsp;&nbsp; local number = 1 &nbsp;&nbsp; &nbsp;for i = 1, 7 do &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i] = display.newImageRect( sceneGroup, "images/nail" .. number .. ".png", 250, 188 ) &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i].x = display.contentCenterX &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i].y = display.contentCenterY + i\*120 &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i]:scale (.6, .6) &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i].isVisible = true &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i].name = i &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i].touch = touch &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;nail[i]:addEventListener("touch") &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;number = number + 1 &nbsp;&nbsp; &nbsp;end

I got this from this post. However, in this loop I have a different image each time

because of the – … number … – I think is “concatenation”

so I got nail1, nail2, nail3 and so on

but if I want to get diferent numbers and add a condicional “if” like this

&nbsp;&nbsp;&nbsp; if ar.data.note == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/n40.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if ar.data.note == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/a40.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end

Notice that one is " n40" and the other one is “a40”

I have a list of 88 numbers, n52, n47, n08 like that

so far i do this 60 times

&nbsp;&nbsp;&nbsp; if archivo.datos.doremi == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p13 = display.newImageRect ( sceneGroup, "images/n45.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p13 = display.newImageRect ( sceneGroup, "images/a45.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; p13.x = pin2[5].x &nbsp;&nbsp;&nbsp; p13.y = pin2[5].y &nbsp;&nbsp;&nbsp; p13:scale (1.2, 1.2)

it’s a lot!

QUESTION

If I have 60 “p” variables – p1, p2, p3, p4 …

each of them has a different image n52 or a52, n47 or a47 like that

and also different .x and .y position

How would I do that in a loop for i = 1, 60 do ?

I hope you understand my question thanks.

ToeKnee · April 7, 2015, 4:06am

another way to consider would be to put all details into a table.

[lua]

table = {

{“images/a45.png”, 106, 106,1.2,1.2},

…

}

p13 = display.newImageRect ( sceneGroup, table[num][1], table[num][2], table[num][3])

[/lua]

kind of thing

helloworld2013d · April 8, 2015, 2:01am

Hi ToeKnee … If I write

“images/a45.png” instead of table[num][1],

I still have to write 60 times the variable

p1

p2

p3

p4

…

p60

it’s a lot of times.

What I am looking for is a loop

for i = 1, 60 do

– Here Do things

end

This is my basic code

&nbsp;&nbsp;&nbsp; if archivo.datos.doremi == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/n47.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/a47.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; p1.x = pin[1].x &nbsp;&nbsp;&nbsp; p1.y = pin[1].y &nbsp;&nbsp;&nbsp; p1:scale (escalaX, escalaY)

I do this 60 times, a lot!!!

I understand that the loop will do the same command line by line

so I only have to change the things that I want to change

if archivo.datos.doremi == true then – This will stay the same

p1 = display.newImageRect ( sceneGroup, “images/n47.jpg”, 106, 106) – Here I need to change p1, p2, p3, p4 and so on

also I need to change the image name like n47 or n42 or n52 like that

So I guess I would need some kind of table

table = {

{n47},

{n48},

…

}

I guess I would need some concatenation

“images/” … table [2] … “.jpg”

But How do I know what number to put base on what?

is kind of confusing I hope someone can help me

ToeKnee · April 8, 2015, 2:24am

you had

nail[i] = display.newImageRect( sceneGroup, “images/nail” … number … “.png”, 250, 188 )

within a loop

by replacing - “images/nail” … number … “.png”, 250, 188 with - table[num][1], table[num][2], table[num][3] style

you can loop through your images. Yes you will need a table - it’s your choice whether you use concatenation or not.

T.

helloworld2013d · April 8, 2015, 5:02pm

I think we are getting a lot of progress here. I reduce the code by almost 300 lines!

I have this simple code

&nbsp;&nbsp;&nbsp; local tabla = { &nbsp;&nbsp;&nbsp; [1] = "images/n40.jpg", &nbsp;&nbsp;&nbsp; [2] = "images/n42.jpg", &nbsp;&nbsp;&nbsp; [3] = "images/n44.jpg", &nbsp;&nbsp;&nbsp; [4] = "images/n45.jpg", &nbsp;&nbsp;&nbsp; [5] = "images/n47.jpg", &nbsp;&nbsp;&nbsp; [6] = "images/n49.jpg", &nbsp;&nbsp;&nbsp; [7] = "images/n51.jpg", &nbsp;&nbsp;&nbsp; [8] = "images/n52.jpg" &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; local table = { &nbsp;&nbsp;&nbsp; [1] = "images/a40.jpg", &nbsp;&nbsp;&nbsp; [2] = "images/a42.jpg", &nbsp;&nbsp;&nbsp; [3] = "images/a44.jpg", &nbsp;&nbsp;&nbsp; [4] = "images/a45.jpg", &nbsp;&nbsp;&nbsp; [5] = "images/a47.jpg", &nbsp;&nbsp;&nbsp; [6] = "images/a49.jpg", &nbsp;&nbsp;&nbsp; [7] = "images/a51.jpg", &nbsp;&nbsp;&nbsp; [8] = "images/a52.jpg" &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; local space = 1 &nbsp;&nbsp;&nbsp; for i = 1, 16 do &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, tabla[2], 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, table[2], 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; p1.x = pin[space].x &nbsp;&nbsp;&nbsp; p1.y = pin[space].y &nbsp;&nbsp;&nbsp; p1:scale (escalaX, escalaY) &nbsp;&nbsp;&nbsp; space = space + 1 &nbsp;&nbsp;&nbsp; end

I see 16 images if == true i see 1 image

if == false I see another image

and it works fine.

QUESTION

in table[2] i can do the same as this

local space = 1

p1.x = pin[space].x

space = space + 1

but that will show me the images in order ( a40, a42, a44 … )

the problem I have is how I manage to put a different order?

like

local order = “a40”, “a44”, “a40”, “a47”, “a42”

like that?

ToeKnee · April 7, 2015, 4:06am

another way to consider would be to put all details into a table.

[lua]

table = {

{“images/a45.png”, 106, 106,1.2,1.2},

…

}

p13 = display.newImageRect ( sceneGroup, table[num][1], table[num][2], table[num][3])

[/lua]

kind of thing

helloworld2013d · April 8, 2015, 2:01am

Hi ToeKnee … If I write

“images/a45.png” instead of table[num][1],

I still have to write 60 times the variable

p1

p2

p3

p4

…

p60

it’s a lot of times.

What I am looking for is a loop

for i = 1, 60 do

– Here Do things

end

This is my basic code

&nbsp;&nbsp;&nbsp; if archivo.datos.doremi == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/n47.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, "images/a47.jpg", 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; p1.x = pin[1].x &nbsp;&nbsp;&nbsp; p1.y = pin[1].y &nbsp;&nbsp;&nbsp; p1:scale (escalaX, escalaY)

I do this 60 times, a lot!!!

I understand that the loop will do the same command line by line

so I only have to change the things that I want to change

if archivo.datos.doremi == true then – This will stay the same

p1 = display.newImageRect ( sceneGroup, “images/n47.jpg”, 106, 106) – Here I need to change p1, p2, p3, p4 and so on

also I need to change the image name like n47 or n42 or n52 like that

So I guess I would need some kind of table

table = {

{n47},

{n48},

…

}

I guess I would need some concatenation

“images/” … table [2] … “.jpg”

But How do I know what number to put base on what?

is kind of confusing I hope someone can help me

ToeKnee · April 8, 2015, 2:24am

you had

nail[i] = display.newImageRect( sceneGroup, “images/nail” … number … “.png”, 250, 188 )

within a loop

by replacing - “images/nail” … number … “.png”, 250, 188 with - table[num][1], table[num][2], table[num][3] style

you can loop through your images. Yes you will need a table - it’s your choice whether you use concatenation or not.

T.

helloworld2013d · April 8, 2015, 5:02pm

I think we are getting a lot of progress here. I reduce the code by almost 300 lines!

I have this simple code

&nbsp;&nbsp;&nbsp; local tabla = { &nbsp;&nbsp;&nbsp; [1] = "images/n40.jpg", &nbsp;&nbsp;&nbsp; [2] = "images/n42.jpg", &nbsp;&nbsp;&nbsp; [3] = "images/n44.jpg", &nbsp;&nbsp;&nbsp; [4] = "images/n45.jpg", &nbsp;&nbsp;&nbsp; [5] = "images/n47.jpg", &nbsp;&nbsp;&nbsp; [6] = "images/n49.jpg", &nbsp;&nbsp;&nbsp; [7] = "images/n51.jpg", &nbsp;&nbsp;&nbsp; [8] = "images/n52.jpg" &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; local table = { &nbsp;&nbsp;&nbsp; [1] = "images/a40.jpg", &nbsp;&nbsp;&nbsp; [2] = "images/a42.jpg", &nbsp;&nbsp;&nbsp; [3] = "images/a44.jpg", &nbsp;&nbsp;&nbsp; [4] = "images/a45.jpg", &nbsp;&nbsp;&nbsp; [5] = "images/a47.jpg", &nbsp;&nbsp;&nbsp; [6] = "images/a49.jpg", &nbsp;&nbsp;&nbsp; [7] = "images/a51.jpg", &nbsp;&nbsp;&nbsp; [8] = "images/a52.jpg" &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; local space = 1 &nbsp;&nbsp;&nbsp; for i = 1, 16 do &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == true then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, tabla[2], 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; if archivo.datos.doremi == false then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;p1 = display.newImageRect ( sceneGroup, table[2], 106, 106) &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; p1.x = pin[space].x &nbsp;&nbsp;&nbsp; p1.y = pin[space].y &nbsp;&nbsp;&nbsp; p1:scale (escalaX, escalaY) &nbsp;&nbsp;&nbsp; space = space + 1 &nbsp;&nbsp;&nbsp; end

I see 16 images if == true i see 1 image

if == false I see another image

and it works fine.

QUESTION

in table[2] i can do the same as this

local space = 1

p1.x = pin[space].x

space = space + 1

but that will show me the images in order ( a40, a42, a44 … )

the problem I have is how I manage to put a different order?

like

local order = “a40”, “a44”, “a40”, “a47”, “a42”

like that?